threejs 源码解析_threejs demo

【实例简介】

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