threejs 源码解析

【实例简介】

threejs入门博客http://blog.csdn.net/u010588262/article/details/79570436的配套demo，演示地址:

https://www.hugeoyzy.top/threejs/src/demo1.html

https://www.hugeoyzy.top/threejs/src/demo2.html

【实例截图】

【核心代码】

threejsdemo

└── threejsdemo

├── src

│ ├── css

│ │ ├── base.css

│ │ ├── images

│ │ │ ├── ui-bg_flat_75_ffffff_40x100.png

│ │ │ ├── ui-bg_highlight-soft_75_cccccc_1x100.png

│ │ │ ├── ui-icons_222222_256x240.png

│ │ │ ├── ui-icons_454545_256x240.png

│ │ │ └── ui-icons_888888_256x240.png

│ │ ├── index.css

│ │ ├── info.css

│ │ └── jquery-ui.css

│ ├── demo1.html

│ ├── demo2.html

│ ├── fonts

│ │ ├── droid

│ │ │ ├── droid_sans_bold.typeface.json

│ │ │ ├── droid_sans_mono_regular.typeface.json

│ │ │ ├── droid_sans_regular.typeface.json

│ │ │ ├── droid_serif_bold.typeface.json

│ │ │ ├── droid_serif_regular.typeface.json

│ │ │ ├── NOTICE

│ │ │ └── README.txt

│ │ ├── gentilis_bold.typeface.json

│ │ ├── gentilis_regular.typeface.json

│ │ ├── helvetiker_bold.typeface.json

│ │ ├── helvetiker_regular.typeface.json

│ │ ├── LICENSE

│ │ ├── optimer_bold.typeface.json

│ │ ├── optimer_regular.typeface.json

│ │ ├── README

│ │ └── ttf

│ │ └── kenpixel.ttf

│ ├── images

│ │ ├── A-button.png

│ │ ├── B-button.png

│ │ ├── checkerboard.jpg

│ │ ├── Chrome.png

│ │ ├── cloud.png

│ │ ├── crate.gif

│ │ ├── crate.png

│ │ ├── DarkSea-xneg.jpg

│ │ ├── DarkSea-xpos.jpg

│ │ ├── DarkSea-yneg.jpg

│ │ ├── DarkSea-ypos.jpg

│ │ ├── DarkSea-zneg.jpg

│ │ ├── DarkSea-zpos.jpg

│ │ ├── dawnmountain-xneg.png

│ │ ├── dawnmountain-xpos.png

│ │ ├── dawnmountain-yneg.png

│ │ ├── dawnmountain-ypos.png

│ │ ├── dawnmountain-zneg.png

│ │ ├── dawnmountain-zpos.png

│ │ ├── diamond.png

│ │ ├── Dice-Blue-1.png

│ │ ├── Dice-Blue-2.png

│ │ ├── Dice-Blue-3.png

│ │ ├── Dice-Blue-4.png

│ │ ├── Dice-Blue-5.png

│ │ ├── Dice-Blue-6.png

│ │ ├── dirt-512.jpg

│ │ ├── disc.png

│ │ ├── down-A.png

│ │ ├── down-B.png

│ │ ├── down-C.png

│ │ ├── earth-clouds.png

│ │ ├── earth-day.jpg

│ │ ├── earth-index-shifted-gray.png

│ │ ├── earth-outline-shifted-gray.png

│ │ ├── earth-specular.jpg

│ │ ├── earth-topo.jpg

│ │ ├── explosion.jpg

│ │ ├── fluffy.png

│ │ ├── glow.png

│ │ ├── grass-512.jpg

│ │ ├── heightmap.png

│ │ ├── icon-close-16.png

│ │ ├── icon-close-24.png

│ │ ├── icon-close-48.png

│ │ ├── icon-info.png

│ │ ├── lava.jpg

│ │ ├── left-A.png

│ │ ├── left-B.png

│ │ ├── left-C.png

│ │ ├── moondust-xneg.png

│ │ ├── moondust-xpos.png

│ │ ├── moondust-yneg.png

│ │ ├── moondust-ypos.png

│ │ ├── moondust-zneg.png

│ │ ├── moondust-zpos.png

│ │ ├── moon.jpg

│ │ ├── nebula-xneg.png

│ │ ├── nebula-xpos.png

│ │ ├── nebula-yneg.png

│ │ ├── nebula-ypos.png

│ │ ├── nebula-zneg.png

│ │ ├── nebula-zpos.png

│ │ ├── raindrop2flip.png

│ │ ├── raindrop2.png

│ │ ├── raindropflip.png

│ │ ├── raindrop.png

│ │ ├── redball.png

│ │ ├── right-A.png

│ │ ├── right-B.png

│ │ ├── right-C.png

│ │ ├── rock-512.jpg

│ │ ├── room.jpg

│ │ ├── run.png

│ │ ├── sand-512.jpg

│ │ ├── smoke512.png

│ │ ├── smokeparticle.png

│ │ ├── snow-512.jpg

│ │ ├── snowflake.png

│ │ ├── spark.png

│ │ ├── spikey.png

│ │ ├── SquareBlue.png

│ │ ├── SquareGreen.png

│ │ ├── square-O.png

│ │ ├── square-plus.png

│ │ ├── square.png

│ │ ├── SquareRed.png

│ │ ├── square-thick.png

│ │ ├── square-X.png

│ │ ├── SquareYellow.png

│ │ ├── star.png

│ │ ├── triangles.png

│ │ ├── up-A.png

│ │ ├── up-B.png

│ │ ├── up-C.png

│ │ ├── uvgrid01.jpg

│ │ ├── uvgrid02.jpg

│ │ ├── uvgrid03.jpg

│ │ ├── water512.jpg

│ │ ├── water.jpg

│ │ ├── world.jpg

│ │ ├── xbox-controller-FPS.png

│ │ ├── X-button.png

│ │ ├── xneg.png

│ │ ├── xpos.png

│ │ ├── Y-button.png

│ │ ├── yneg.png

│ │ ├── ypos.png

│ │ ├── zneg.png

│ │ └── zpos.png

│ ├── js

│ │ ├── CSS3DRenderer.js

│ │ ├── DAT.GUI.min.js

│ │ ├── Detector.js

│ │ ├── effects

│ │ │ └── AnaglyphEffect.js

│ │ ├── FlatMirror.js

│ │ ├── gamepad.js

│ │ ├── gamepad_no_images.js

│ │ ├── GamepadState.js

│ │ ├── gamepad_uncompressed.js

│ │ ├── info.js

│ │ ├── jquery-1.9.1.js

│ │ ├── jquery-ui.js

│ │ ├── KeyboardState.js

│ │ ├── leap.js

│ │ ├── loaders

│ │ │ ├── DDSLoader.js

│ │ │ ├── MTLLoader.js

│ │ │ └── OBJLoader.js

│ │ ├── MarchingCubesData.js

│ │ ├── OrbitControls.js

│ │ ├── OrbitControls-Touch.js

│ │ ├── parser.js

│ │ ├── ParticleEngineExamples.js

│ │ ├── ParticleEngine.js

│ │ ├── peer.js

│ │ ├── polyhedra.js

│ │ ├── Pool.js

│ │ ├── postprocessing

│ │ │ ├── BloomPass.js

│ │ │ ├── DotScreenPass.js

│ │ │ ├── EffectComposer.js

│ │ │ ├── FilmPass.js

│ │ │ ├── MaskPass.js

│ │ │ ├── RenderPass.js

│ │ │ ├── SavePass.js

│ │ │ ├── ShaderPass.js

│ │ │ └── TexturePass.js

│ │ ├── RequestAnimationFrame.js

│ │ ├── ShaderParticleEmitter.js

│ │ ├── ShaderParticleGroup.js

│ │ ├── shaders

│ │ │ ├── AdditiveBlendShader.js

│ │ │ ├── BasicShader.js

│ │ │ ├── BleachBypassShader.js

│ │ │ ├── BlendShader.js

│ │ │ ├── BokehShader.js

│ │ │ ├── BrightnessContrastShader.js

│ │ │ ├── ColorCorrectionShader.js

│ │ │ ├── ColorifyShader.js

│ │ │ ├── ConvolutionShader.js

│ │ │ ├── CopyShader.js

│ │ │ ├── DOFMipMapShader.js

│ │ │ ├── DotScreenShader.js

│ │ │ ├── EdgeShader2.js

│ │ │ ├── EdgeShader.js

│ │ │ ├── FilmShader.js

│ │ │ ├── FocusShader.js

│ │ │ ├── FresnelShader.js

│ │ │ ├── FXAAShader.js

│ │ │ ├── HorizontalBlurShader.js

│ │ │ ├── HorizontalTiltShiftShader.js

│ │ │ ├── HueSaturationShader.js

│ │ │ ├── KaleidoShader.js

│ │ │ ├── LambertToon.js

│ │ │ ├── LuminosityShader.js

│ │ │ ├── MirrorShader.js

│ │ │ ├── NormalMapShader.js

│ │ │ ├── RGBShiftShader.js

│ │ │ ├── SepiaShader.js

│ │ │ ├── SSAOShader.js

│ │ │ ├── TriangleBlurShader.js

│ │ │ ├── UnpackDepthRGBAShader.js

│ │ │ ├── VerticalBlurShader.js

│ │ │ ├── VerticalTiltShiftShader.js

│ │ │ └── VignetteShader.js

│ │ ├── ShaderWater.js

│ │ ├── Stats.js

│ │ ├── SubdivisionModifier.js

│ │ ├── Three90.js

│ │ ├── ThreeCSG.js

│ │ ├── ThreeDebug.js

│ │ ├── THREEx.FullScreen.js

│ │ ├── THREEx.KeyboardState.js

│ │ ├── THREEx.WindowResize.js

│ │ ├── topology.js

│ │ ├── TrackballControls.js

│ │ └── Tween.js

│ ├── objs

│ │ ├── container.mtl

│ │ ├── container.obj

│ │ └── male02

│ │ ├── 01_-_Default1noCulling.dds

│ │ ├── 01_-_Default1noCulling.JPG

│ │ ├── male-02-1noCulling.dds

│ │ ├── male-02-1noCulling.JPG

│ │ ├── male02_dds.mtl

│ │ ├── male02.mtl

│ │ ├── male02.obj

│ │ ├── orig_02_-_Defaul1noCulling.dds

│ │ ├── orig_02_-_Defaul1noCulling.JPG

│ │ └── readme.txt

│ └── util.js

└── threejsdemo.iml

15 directories, 235 files

threejs 源码解析_threejs demo相关推荐

threejs 源码解析_ThreeJS 物理材质shader源码分析(顶点着色器)
ThreeJS 物理材质shader源码分析(顶点着色器) Threejs将shader代码分为ShaderLib和ShaderChunk两部分,ShaderLib通过组合ShaderChunk的代码 ...
Java SPI 源码解析及 demo 讲解
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:Java实现QQ登录和微博登录个人原创+1博客:点击前往,查看更多作者:JlDang 来源:https://s ...
dataset__getitem___PyTorch源码解析与实践（1）：数据加载Dataset，Sampler与DataLoader
献给学习PyTorch在路上或者计划较深入理解PyTorch的同行者们写在前面笔者一直使用tf,大势所趋决定转PyTorch,这个系列就作为我学习PyTorch的笔记与心得. 网络上PyTorch ...
CGLIB 动态代理用例及源码解析
CGLIB 动态代理参考链接:https://blog.csdn.net/yhl_jxy/article/details/80633194 参考链接:https://www.jianshu.com/ ...
HandlerThread和IntentService源码解析
简介首先我们先来了解HandlerThread和IntentService是什么,以及为什么要将这两者放在一起分析. HandlerThread: HandlerThread 其实是Handler ...
Handler消息机制（九）：IntentService源码解析
作者:jtsky 链接:https://www.jianshu.com/p/0a150ec09a32 简介首先我们先来了解HandlerThread和IntentService是什么,以及为什么要将 ...
iOS开发之Masonry框架源码解析
Masonry是iOS在控件布局中经常使用的一个轻量级框架,Masonry让NSLayoutConstraint使用起来更为简洁.Masonry简化了NSLayoutConstraint的使用方式,让 ...
JDK源码解析 Comparator 中的策略模式
JDK源码解析 Comparator 中的策略模式.在Arrays类中有一个 sort() 方法,如下: public class Arrays{public static <T> voi ...
JDK源码解析 Runable是一个典型命令模式，Runnable担当命令的角色，Thread充当的是调用者，start方法就是其执行方法
JDK源码解析 Runnable是一个典型命令模式, Runnable担当命令的角色,Thread充当的是调用者,start方法就是其执行方法 /命令接口(抽象命令角色) public interfa ...

threejs 源码解析_threejs demo

threejs 源码解析_threejs demo相关推荐

最新文章

热门文章