Three.js 核心对象

Three.js 核心对象 ▶ 33:00
免费 视频 33 分钟 共6节

本课着重讲解 Three.js 的核心对象,对场景、Object3D、相机、渲染器、材质、贴图以及基本灯光等常用对象进行详细介绍,为后面实战开发打好理论基础。并通过相应的实例小程序,加深和巩固理论知识,做到知其所以然。 课程背景:Three.js 的三维程序由场景、相机、渲染器以及渲染动画组成,其中场景部分则是由若干模型、灯光以及其他辅助对象组成,是整个三维场景的主体部分。场景中模型的几何对象、材质、贴图等属性,是三维开发中最基本的内容。对以上要点的掌握,将为 Three.js 实战开发打好坚实的基础。核心内容:1.场景对象2.Object3D 及其子类3.相机对象4.渲染器对象

职业课程库 Three.js

动手写第一个 Three.js 程序

动手写第一个 Three.js 程序 ▶ 40:00
免费 视频 40 分钟 共5节

本课程介绍建立基本三维场景所需要的元素,并进一步添加相机控制、加载 OBJ 模型和添加天空盒以丰富场景。本课程通过动手写一个三维场景,让大家了解 Three.js 开发的基本过程,体验 Three.js 的高效与便捷。 课程背景:Three.js 官方案例看起来非常吸引人,不过对于初学者,还是应该从简单的例子开始。动手写一个最简单的三维场景,逐步加入所需元素并丰富场景。通过这个过程,大家可以很容易地掌握 Three.js 的开发流程。核心内容:1.开发环境准备2.三维场景基本要素3.相机控制4.OBJ 模型5.天空盒软件环境:Windows7、Chrome、WebStorm、T

职业课程库 Three.js

Three.js 的魅力

Three.js 的魅力 ▶ 50:00
免费 视频 50 分钟 共4节

本课程将通过展示优秀作品和分析相关案例,让大家认识 Three.js 的魅力和价值。先不要去看 API 和代码了,先来领略一下 Three.js 的迷人之处吧。 课程背景:Three.js 封装了 WebGL 的底层 API,通过简洁的程序代码就可以让 WebGL 迸射出强大的能量,同时保留底层开发的接口。本课程通过展示 Three.js 的一些优秀案例,介绍 Three.js 同其他引擎相比的过人之处,引领大家走进 Three.js 的世界。核心内容:1.Three.js 优秀案例赏析2.Three.js 官方例子分析3.Three.js 的独特之处4.与其他同类引擎比较软件环

职业课程库 Three.js

光线投射

光线投射 ▶ 15:00
免费 视频 15 分钟 共1节

本课程主要介绍点击拾取的基本原理,以及如何使用Three.js提供的RayCaster来做相交处理。 课程背景:本课程主要介绍3D开发总常见的一个基本需求——点击拾取的实现方式。我们首先了解一下3D中做点击拾取的原理,然后学习Three.js封装的拾取类——RayCaster。核心内容:1.点击拾取的原理2.RayCaster使用介绍软件环境:Windows10是否提供资料:否课程等级:初级适合人群:初中级 点击拾取

职业课程库 Three.js

3D动画

3D动画 ▶ 13:00
免费 视频 13 分钟 共1节

介绍3D开发中主要的动画方式 课程背景:本节主要带大家学习在Three.js如何制作动画。首先介绍一个通过的动画库——Tween.js,然后将Tween.js与Three.js结合制作3D动画核心内容:1.Tween.js简介2.使用Tween.js制作动画软件环境:Windows10是否提供资料:否课程等级:初级适合人群:初中级开发者 制作3D动画

职业课程库 Three.js

OBJ模型

OBJ模型 ▶ 38:00
免费 视频 38 分钟 共1节

本课程介绍3d开发中常用的模型文件、模型文件格式,以及Three.js中对模型的解析方式。 课程背景:学员掌握基本理论知识后,学习实际开发中如果创建三维场景和模型。我们以著名的OBJ模型为引,告诉学员学习过程中着重了解模型文件格式,以及Three.js中对该模型文件的解析过程。其他格式的模型文件的处理过程大同小异,希望这一章的学习能够达到举一反三的作用。核心内容:1.OBJ模型文件格式2.Three.js对OBJ模型的解析过程软件环境:Windows10是否提供资料:否课程等级:初级适合人群:初级 OBJ模型的使用

职业课程库 Three.js

纹理

纹理 ▶ 38:00
免费 视频 38 分钟 共2节

本节课我们来了解纹理相关基础知识,如纹理坐标、纹理过滤方式、纹理缠绕等等。我们还将学习Three.js中对纹理的封装,讲解Three.js中对纹理的处理过程。 课程背景:在介绍完相机部分后,我们想要给物体添加更真实的效果就要学习纹理相关知识。使用纹理可以做出各种各样的酷炫效果,我们能够更深刻的了解3D开发,学会用通过纹理的手段来解决一些问题。核心内容:1.纹理基础知识2.Three.js对纹理对象的封装3.Three.js内部对纹理图片的处理过程4.使用canvas做纹理贴图软件环境:Windows10是否提供资料:否课程等级:初级适合人群:初中级工程师 Three.js

职业课程库 Three.js

相机控制

相机控制 ▶ 46:00
免费 视频 46 分钟 共2节

本节课我们来了解Three.js中提供的几个相机控制类,每个类都有一套独立的控制算法,我们以OrbitControls为例详细讲解该控制器中的控制算法,通过这个类的介绍达到举一反三的目的。 课程背景:了解相机的基本原理之后,下面应当学习相机控制方法,一来巩固相机课程的基础知识,二来学习控制器的基本思路,以及实现的具体算法,培养3D开发的思维方式。核心内容:1.相机控制器的主要意义2.Three.js中提供的基本控制器3.OrbitControls的原理软件环境:Windows10是否提供资料:否课程等级:中级适合人群:初中级 Three.js基本相机控制OrbitCont

职业课程库 Three.js

相机

相机 ▶ 54:00
免费 视频 54 分钟 共4节

相机中涵盖的控件变换是3D开发入门的关键门槛,本课程是整个3D开发中至关重要的一课。这堂课我们来介绍相机的基本概念、应用意义,以及其背后隐含的复杂数学知识。 课程背景:在学员学习完前面三个章节后,进入了3D开发最关键的一课,这节课将带领学员了解相机的本质知识,通过相机了解3D开发背后复杂的数学变换,初步建立3D思维。核心内容:1.相机的基本概念2.从3D世界到2D屏幕经过的几个阶段以及各个阶段的作用3.透视投影相机的数学本质4.矩阵的在代码中的表达方式软件环境:Windows10是否提供资料:否课程等级:中级适合人群:Three.js开发初学者 相机概述从3D世界到2D

职业课程库 Three.js

光照

光照 ▶ 57:00
免费 视频 57 分钟 共2节

本课程讲解3D开发重要要素——光照,介绍关于图形学中光照的基础知识,以及Three.js对光照的封装。本课程还将介绍着色器语言ELSL基础,以及Three.js渲染引擎对着色器部分的处理。 课程背景:光照是3D开发的核心之一,上一课程完成了物体与图形的介绍,这节课进入光照的学习。通过光照反射模型,学员可以知道物体显示在屏幕上的最终颜色是如何计算的,那么可以在实际项目中根据公式设置参数。通过着色器的学习,学员可以自己扩展Three.js,完成一些定制的效果。核心内容:1.光照基本概念2.光照反射模型3.Lambert与Phong材质4.着色器基本知识5.Three.js对着色器的封

职业课程库 Three.js
arrow-top