实例介绍
【实例简介】
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入门博客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
标签：
好例子网口号：伸出你的我的手 — 分享！
相关软件
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论