Three.js 基础入门
233
已购买
15
课时

课程介绍

近些年,浏览器的功能越来越强大,渐渐得成为了复杂应用和图形的平台。同时,现有大多数浏览器实现了对 WebGL 的支持,但要直接使用 WebGL 相关接口进行开发,则需要学习复杂的着色器语言,且开发周期长,不利于项目的快速开发。

面对这种情况,Three.js 应运而生,它不但对 WebGL 进行了封装,将复杂的接口简单化,而且基于面向对象思维,将数据结构对象化,非常方便我们开发。Three.js 的发展十分迅速,然而配套的学习材料却比较匮乏,于是便有了当前的这个课程。

本课程作为入门课程,不会深入做源码解析,主要协助初学者了解 Three.js 的数据结构,基础 API 以及相关辅助插件的使用。帮助初学者达到快速入门的目的。

本课程共包含三大部分。

  • 第一部分(第01-02课),入门前概述,带你初步认识 Three.js、框架选择标准、开发工具,源码获取,实现一个“Hello World”辅助工具。
  • 第二部分(第03-08课),基础功能篇,主要包括 Object3D、Scene、Mesh、Group、Geometry、Materials、Lights、Cameras、粒子等相关功能的介绍。
  • 第三部分(第09-14课),进阶篇,主要包括 Controls、Loaders、Animation、Tween,与场景之间的交互以及性能优化介绍。
  • 第四部分(第15课),实战篇,带大家利用所学知识实现一个 3D 小案例。

作者简介

郑世强,现就职于上海某网络公司担任前端工程师,CSDN 博客作者,长期活跃于各大论坛,擅长前端开发、WEBGL 开发。

第01课:入门前准备
第02课:初识 Three.js
第03课:基础功能之 Scene 场景
第04课:基础功能之 Geometry 几何体
第05课:基础功能之 Material 材质
第06课:基础功能之 Light 光照
第07课:基础功能之 Camera 相机
第08课:基础功能之 Points 粒子
第09课:进阶篇之 Controls 相机控制器
第10课:进阶篇之使用 Loaders 加载模型到 Three.js
第11课:进阶篇之 Three.js 的动画
作者撰写中...
第12课:进阶篇之使用 Tween.js 创建补间动画
作者撰写中...
第13课:进阶篇之 Three.js 场景交互
作者撰写中...
第14课:进阶篇之 Three.js 性能优化
作者撰写中...
第15课:实战篇之实现一个第三人称人物操作案例
作者撰写中...

适宜人群

  • Three.js 初学者;
  • 希望快速入门 Web 3D 开发的前端开发者;
  • 对浏览器 3D 开发感兴趣的开发者。

达人课购买须知

  1. 本课程为图文内容课程,共计 15 篇。
  2. 全部文章预计于 8 月 18 日更新完毕。
  3. 付费用户可享受文章永久阅读权限。
  4. 付费用户可获取读者圈 PASS 权限,与讲师进一步互动。
  5. 本课程为虚拟产品,一经付费概不退款,敬请谅解。
报名成为达人课讲师
推荐课程
查看更多达人课
免费试读
¥29.99 立即购买
微信扫描登录