教程演示🔗

你会学到什么?

该课程是完整的,但初学者也可以使用。我们将从发现什么是WebGL以及为什么必须使用Three.js库开始。然后我们将发现 Three.js 的各种组件,一旦掌握了基础知识,我们将继续使用更高级的技术来显示数百万个粒子、添加物理、添加交互、创建星系、为汹涌的大海制作动画等。

在课程结束时,您将对 Three.js 有深刻的理解,并有足够的经验来开始您自己的项目

作为奖励,我们还将学习如何使用 3D 软件Blender来创建我们自己的模型。

基本

创建您的第一个场景并了解相机、几何形状、材质、纹理等基础知识。
添加一个调试面板来调整您的环境并为所有内容设置动画。

经典技术

用各种灯光照亮您的场景,开始练习环境创建并创建数百万个粒子。

先进技术

将物理添加到您的世界中,以便物体开始碰撞和绊倒。然后导入您自己用 Blender 制作的模型,并使其看起来尽可能逼真。

着色器

使用 Three.js 材料很棒,但创建自己的材料更好。
学习着色器语言以释放 WebGL 的真正力量并创造令人惊叹的体验!

额外的

一旦您了解了着色器,就有机会进一步尝试新技术。
但通过监控和优化性能来确保您的项目在大多数设备上运行也很重要。

传送门场景

学习如何使用 Blender 创建一个很酷的场景,并探索烘焙技术以获得最好看的灯光和阴影。

发表回复

后才能评论

尊敬的用户,您好!由于部分培训机构和留学生的举报,近期导致网站大量链接暂时失效。对此给您带来的不便,我们深表歉意。任何链接失效的资源,欢迎您添加侧边栏二维码随时反馈,我们将在48小时内为您提供新的网盘链接。如果您对此不便感到不满,您也可在48小时内申请无理由退款。感谢您的理解与支持!

Windows播放器推荐:Potplayer Potplayer 是免费的 Windows 播放器,支持双字幕和自动翻译功能。以下是操作指南: 挂载字幕 加载中文字幕:右击选择 字幕 -> 字幕设置,取消“只匹配文件名字幕”选项。可调整字幕颜色、位置和大小。 双字幕设置:右击 字幕 -> 选择字幕 -> 次字幕输出,设置主字幕和次字幕。 自动翻译 若可访问 Google 翻译服务,选择 字幕 -> 实时字幕翻译,勾选 总是使用 和 Google Translate,即可实时翻译英文字幕。 Potplayer 让观看更智能,学习体验升级。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可联络站长解决。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源