Your cart is empty.
Keep shoppingThree.js入门到商业车展全流程高阶课程
13 students
Three.js入门到商业车展全流程高阶课程
Three.js知识和3D美术融会贯通，培养独立开发能力。
Created byDa Pang
Last updated 5/2026
Chinese (Simplified)
What you'll learn
- 阶段一：美术资源搭建。通过熟悉Blender/Photoshop软件，并且从零基础全流程搭建车展模型3D场景模型资源，学习创建模型、材质、贴图、关键帧动画等，循序渐进的熟悉3D美术软件知识，并与threejs相关知识建立关联。经过该阶段的学习，可建立与3D美术团队沟通的良好基础，并具备一定独立自主建模的能力。
- 阶段二：Threejs 驱动3D场馆：结合已经熟悉的3D美术知识，学习Threejs核心知识，活学活用Threejs将自己拉扯大的3D场景模型驱动起来。在实现过程中会遇到的各种模型问题，这阶段您将亲历Threejs功能开发环节遇到的3D美术资源问题、不符合逻辑预期等问题时如何排查如何处理。
- 阶段三：增加场景动效：通过Threejs程序和3D美术方式，增加场景的动态效果，让场景更有生机。熟悉blender如何制作Threejs可用的动态效果，以及纯代码如何实现动态效果。
- 阶段四：角色模型、第三人称相机、骨骼动画、场景碰撞：通过获取/制作角色模型，学习创建角色模型、骨骼绑定和骨骼动画流程，通过Threejs实现角色第三人称控制、骨骼动画控制、角色场景碰撞等。
- 阶段五：交互功能：增加汽车3D模型，增加汽车交互功能。在车辆建模过程中巩固建模知识，交互功能开发过程巩固Threejs知识。
- 阶段六：小游戏：该阶段综合运用建模、材质、Threejs、缓动动画等知识实现设计的交互小游戏，增加元宇宙应用可玩性。
- 阶段七：提升画质：讲解通过3D美术方式、程序方式提升画面效果，及其优缺点。在项目中根据实际情况择优使用，做到画质提升心中有数。
- 阶段八：性能优化和美术误区：讲解性能优化的原理与实操做法，可作为商业项目中对3D美术团队交付模型资源的一些要求和建议，与3D美术团队建立高效良好的沟通。
- 阶段九：思维拓展：练习使用简单的3D美术知识、数学知识实现高级动效，拓宽创作思路，综合应用学习都的美术资源制作知识和Threejs知识。
Explore related topics
Course content
9 sections • 62 lectures • 27h 0m total length
Requirements
- javascript基础知识
Description
本课程旨在帮助学员掌握Three.js核心知识、3D建模能力、角色模型快速绑定及设定骨骼动画等能力，达到独立自主创建自己的Three.js互动应用。课程既培养学员程序思维也帮助学员认知美术制作，使学员可以轻松把控Web3D项目开发。
区别于市面上的大部分Web3D课程，不只为教您Three.js的相关使用，也能让您学会3D模型等美术资源制作。以真实的Web3D商业项目搭建为贯穿主线，从美术资源制作和Three.js使用两个方面入手。带您高效成长为公司需要的Web3D人才。不做简单的知识堆叠，课程按照项目真实开发流程，一步步带领学员还原完成商业项目开发的全过程。
Who this course is for:
- web前端开发工程师