使用Three.js和Blender进行创意网页开发

freeCodeCamp最新发布了适合初学者的课程，将教您创建沉浸式3D作品集网站。

您将从学习Blender开始，掌握3D建模的基础知识。完成3D资源创建后，将学习使用Three.js将3D模型呈现在网页上。本课程由Andrew Woan制作。

以下是课程包含的章节：

课程大纲

• 介绍与项目演示
• 先决条件
• 什么是创意网页开发？
• Blender入门学习
• （可选）学习练习 - 像3D艺术家一样思考
• 树木建模（正确与错误方法）
• 角色建模
• 基础材质
• （可选）其他可建模对象
• 地面与场景层级建模
• 为项目添加图像纹理
• 路径建模示例
• 不同摄像机视角
• 我的场景建模方法
• 添加文本和标志
• 导出准备：检查法线、删除面等
• 导出模型
• 使用three.js编辑器查看导出模型
• 使用VS Code开始编码
• Three.js入门
• （可选）学习练习 - 让摄像机远离
• 质量优化调整
• 加载和准备模型
• 更新摄像机和照明
• （可选）学习练习 - 使用three.js更改材质颜色
• 使用射线投射器实现对象交互
• 使用GSAP实现角色移动
• 碰撞检测实现与自定义移动
• 如何理解和处理three.js示例中的复杂代码
• 回顾分析复杂代码的方法
• 代码和场景清理
• 实现摄像机跟随玩家
• （可选）学习练习：加载屏幕、移动端控制、主题切换
• 使用GitHub和Vercel部署
• 总结与思考

在freeCodeCamp.org YouTube频道观看完整课程（6小时时长）。