手册
- 起步
- 进阶
- 构建工具
参考
- 动画
- 动画 / 轨道
- 音频
- 摄像机
- 常量
- 核心
- 核心 / BufferAttributes
- 附件
- 附件 / 核心
- 附件 / 曲线
- 附件 / 物体
- 几何体
- 立方缓冲几何体(BoxGeometry)
- 圆形缓冲几何体(CircleGeometry)
- 圆锥缓冲几何体(ConeGeometry)
- 圆柱缓冲几何体(CylinderGeometry)
- 十二面缓冲几何体(DodecahedronGeometry)
- 边缘几何体(EdgesGeometry)
- 挤压缓冲几何体(ExtrudeGeometry)
- 二十面缓冲几何体(IcosahedronGeometry)
- 车削缓冲几何体(LatheGeometry)
- 八面缓冲几何体(OctahedronGeometry)
- 参数化缓冲几何体(ParametricGeometry)
- 平面缓冲几何体(PlaneGeometry)
- 多面缓冲几何体(PolyhedronGeometry)
- 圆环缓冲几何体(RingGeometry)
- 形状缓冲几何体(ShapeGeometry)
- 球缓冲几何体(SphereGeometry)
- 四面缓冲几何体(TetrahedronGeometry)
- 文本缓冲几何体(TextGeometry)
- 圆环缓冲几何体(TorusGeometry)
- 圆环缓冲扭结几何体(TorusKnotGeometry)
- 管道缓冲几何体(TubeGeometry)
- 网格几何体(WireframeGeometry)
- 辅助对象
- 灯光
- 灯光 / 阴影
- 加载器
- 加载器 / 管理器
- 材质
- 基础线条材质(LineBasicMaterial)
- 虚线材质(LineDashedMaterial)
- 材质(Material)
- 基础网格材质(MeshBasicMaterial)
- 深度网格材质(MeshDepthMaterial)
- MeshDistanceMaterial
- Lambert网格材质(MeshLambertMaterial)
- MeshMatcapMaterial
- 法线网格材质(MeshNormalMaterial)
- Phong网格材质(MeshPhongMaterial)
- 物理网格材质(MeshPhysicalMaterial)
- 标准网格材质(MeshStandardMaterial)
- MeshToonMaterial
- 点材质(PointsMaterial)
- 原始着色器材质(RawShaderMaterial)
- 着色器材质(ShaderMaterial)
- 阴影材质(ShadowMaterial)
- 点精灵材质(SpriteMaterial)
- 数学库
- 数学库 / 插值
- 物体
- 渲染器
- 渲染器 / 着色器
- 渲染器 / WebXR
- 场景
- 纹理贴图
示例
- 动画
- 控制
- 几何体
- 辅助对象
- 灯光
- 加载器
- 物体
- 后期处理
- 导出器
- 数学库
- QuickHull
- 渲染器
- 实用工具
开发者参考
- 差异化支持
- WebGL 渲染器
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
一些有用的链接(Useful links)
以下是一些在你学习three.js过程中,可能会对你有所帮助的链接。
如果你想在此添加内容,或是认为下方某个链接不再相关或无法工作, 请随时点击右下角“编辑”按钮来进行一些更改。
需要注意的是,由于three.js处于快速发展中,很多链接会包含过时的信息 —— 如果某个地方不能够如你所想或如链接中所说的正常工作, 请查看浏览器控制台中的警告和报错信息,同时也请参阅相关的文档页面。
帮助论坛
Three.js官方使用forum(官方论坛) 和 Stack Overflow来处理帮助请求。 如果你需要一些帮助,这才是你所要去的地方。请一定不要在GitHub上提issue来寻求帮助。
教程以及课程
three.js入门
- Three.js Fundamentals starting lesson
- Beginning with 3D WebGL by Rachel Smith.
- Animating scenes with WebGL and three.js
更加广泛、高级的文章与教程
- Discover three.js
- Three.js Fundamentals
- Collection of tutorials by CJ Gammon.
- Glossy spheres in three.js.
- Interactive 3D Graphics - a free course on Udacity that teaches the fundamentals of 3D Graphics, and uses three.js as its coding tool.
- Aerotwist tutorials by Paul Lewis.
- Learning Three.js – a blog with articles dedicated to teaching three.js
- Three.js Bookshelf - Looking for more resources about three.js or computer graphics in general? Check out the selection of literature recommended by the community.
新闻与更新
- Three.js on Twitter
- Three.js on reddit
- WebGL on reddit
- Learning WebGL Blog – The authoritive news source for WebGL.
示例
- three-seed - three.js starter project with ES6 and Webpack
- Professor Stemkoskis Examples - a collection of beginner friendly examples built using three.js r60.
- Official three.js examples - these examples are maintained as part of the three.js repository, and always use the latest version of three.js.
- Official three.js dev branch examples - Same as the above, except these use the dev branch of three.js, and are used to check that everything is working as three.js being is developed.
工具
- physgl.org - JavaScript front-end with wrappers to three.js, to bring WebGL graphics to students learning physics and math.
- Whitestorm.js – Modular three.js framework with AmmoNext physics plugin.
- Three.js Inspector
- ThreeNodes.js.
- comment-tagged-templates - VSCode extension syntax highlighting for tagged template strings, like: glsl.js.
- WebXR-emulator-extension
WebGL参考
- webgl-reference-card.pdf - Reference of all WebGL and GLSL keywords, terminology, syntax and definitions.
较旧的链接
这些链接是出于历史目的而保留的,你或许可以发现它们仍然很有用,它们可能含有和three.js较为早前版本的有关的信息。
- AlterQualia at WebGL Camp 3
- Yomotsus Examples - a collection of examples using three.js r45.
- Introduction to Three.js by Ilmari Heikkinen (slideshow).
- WebGL and Three.js by Akihiro Oyamada (slideshow).
- Fast HTML5 game development using three.js by BKcore (video).
- Trigger Rally by jareiko (video).
- ThreeFab - scene editor, maintained up until around three.js r50.
- Max to Three.js workflow tips and tricks by BKcore
- A whirlwind look at Three.js by Paul King
- Animated selective glow in Three.js by BKcore
- Building A Physics Simulation Environment - three.js tutorial in Japanese
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论