教程演示🔗
你会学到什么?
该课程是完整的,但初学者也可以使用。我们将从发现什么是WebGL以及为什么必须使用Three.js库开始。然后我们将发现 Three.js 的各种组件,一旦掌握了基础知识,我们将继续使用更高级的技术来显示数百万个粒子、添加物理、添加交互、创建星系、为汹涌的大海制作动画等。
在课程结束时,您将对 Three.js 有深刻的理解,并有足够的经验来开始您自己的项目。
作为奖励,我们还将学习如何使用 3D 软件Blender来创建我们自己的模型。
基本
创建您的第一个场景并了解相机、几何形状、材质、纹理等基础知识。
添加一个调试面板来调整您的环境并为所有内容设置动画。
经典技术
用各种灯光照亮您的场景,开始练习环境创建并创建数百万个粒子。
先进技术
将物理添加到您的世界中,以便物体开始碰撞和绊倒。然后导入您自己用 Blender 制作的模型,并使其看起来尽可能逼真。
着色器
使用 Three.js 材料很棒,但创建自己的材料更好。
学习着色器语言以释放 WebGL 的真正力量并创造令人惊叹的体验!
额外的
一旦您了解了着色器,就有机会进一步尝试新技术。
但通过监控和优化性能来确保您的项目在大多数设备上运行也很重要。
传送门场景
学习如何使用 Blender 创建一个很酷的场景,并探索烘焙技术以获得最好看的灯光和阴影。
声明:本站所有文章,如无特殊说明或标注,均为本站发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。