WebGL Three.js 动画和相机

WebGL Three.js 动画和相机 ▶ 52:00
免费 视频 52 分钟 共5节

本课程讲解 WebGL Three.js 的动画和相机,内容包括动画的基本原理,轨迹球控件,飞行控件和翻滚控件等相机的使用。 课程背景:基础动画是所有动画的基础,动画可以通过修改对象的位置、旋转和缩放来实现。动画中一个很重要的部分是在场景中移动相机的能力。核心内容:1. 第一人称控件2. 飞行控件3. 翻滚控件4. 轨迹球控件软件环境:现代浏览器是否提供资料:是课程等级:中级适合人群:Web 前端开发人员、3D 游戏从业人员 动画基础轨迹球控件飞行控件翻滚控件第一人称控件

职业课程库 WebGL

WebGL Three.js 粒子

WebGL Three.js 粒子 ▶ 58:00
免费 视频 58 分钟 共3节

本课程讲解 WebGL Three.js 的粒子和粒子系统,内容包括粒子与粒子系统的基础知识,格式化粒子方法和精灵的使用方法。 课程背景:使用粒子可以很轻松的创建出很多细小的物体,可以模拟雪花和雨滴。可以使用几何体创建一个粒子系统,也可以用纹理为粒子造型。核心内容:1. 粒子与粒子系统2. 格式化粒子3. 精灵的使用软件环境:现代浏览器是否提供资料:是课程等级:中级适合人群:Web 前端开发人员、3D 游戏从业人员 粒子与粒子系统格式化粒子精灵

职业课程库 WebGL

WebGL Three.js 几何体

WebGL Three.js 几何体 ▶ 1:00:00
免费 视频 60 分钟 共3节

本课程讲解 WebGL Three.js 各个几何体的使用技术,内容包括二维几何体、球面几何体和多面几何体的绘制。 课程背景:使用 WebGL 构建各种几何体非常繁琐,而 Three.js 提供了很多现成的几何体,可快速搭建三维应用程序。这些几何体包括二维几何体、球面几何体和多面几何体。核心内容:1. 二维几何体绘制2. 球面几何体绘制3. 环面几何体绘制4. 多面体绘制软件环境:现代浏览器是否提供资料:是课程等级:中级适合人群:Web 前端开发人员、3D 游戏从业人员 二维几何体球面几何体多面几何体

职业课程库 WebGL

WebGL Three.js 材质

WebGL Three.js 材质 ▶ 49:00
免费 视频 49 分钟 共5节

本课程讲解 WebGL Three.js 材质的相关技术,内容包括 MeshBasicMaterial 简单材质,MeshDepthMaterial 深度材质,联合材质和 MeshNormalMaterial 材质的使用方法。 课程背景:材质是 WebGL Three.js 三维物体的皮肤,决定其外观效果,例如一个物体的透明度、颜色和反光度等效果。核心内容:1. MeshBasicMaterial 简单材质的使用2. MeshDepthMaterial 深度材质的使用3. 联合材质的使用4. MeshNormalMaterial 材质的使用软件环境:现代浏览器是否提供资料:是

职业课程库 WebGL

WebGL Three.js 光源

WebGL Three.js 光源 ▶ 1:12:00
免费 视频 1 小时 共5节

本课程讲解 WebGL Three.js 光源的相关技术,内容包括影响整个场景的光源,照射所有方向的光源,具有锥形效果的光源和平行光源的使用。 课程背景:WebGL Three.js 程序开发中少不了光源,如果没有光源,我们不可能看到任何渲染结果。Three.js 库提供了很多光源,每种光源有不同的用途。核心内容:1. 影响整个场景的光源2. 照射所有方向的光源3. 具有锥形效果的光源4. 太阳的光源软件环境:现代浏览器是否提供资料:是课程等级:中级适合人群:Web 前端开发人员、3D 游戏从业人员 光源概述影响整个场景的光源照射所有方向的光源具有锥形效果的光源太

职业课程库 WebGL

WebGL Three.js 基本组件

WebGL Three.js 基本组件 ▶ 55:00
免费 视频 55 分钟 共3节

本课程讲解 WebGL Three.js 的基本组件,包括 WebGL Three.js 场景的基本功能,雾化效果,网格对象的方法和相机的使用方法。 课程背景:WebGL Three.js 使开发 3D 动画更加简单快速,它把很多抽象的概念用对象来表示,使 WebGL 开发人员更易于理解和应用,可以直接创建多个 Three.js 对象,并添加到场景中即可完成开发。核心内容:1. 场景的创建2. 三维对象的使用3. 相机的使用软件环境:现代浏览器是否提供资料:是课程等级:中级适合人群:Web 前端开发人员、3D 游戏从业人员 场景几何与网格对象相机

职业课程库 WebGL

WebGL 绘制立方体

WebGL 绘制立方体 ▶ 54:00
免费 视频 54 分钟 共3节

本课程讲解通过传统方法和采用顶点索引两种方法绘制立方体,以及如何为立方体的各面上色。 课程背景:WebGL 三维世界中的立方体是由很多三角形组成的,采用传统方法绘制一个立方体,需要绘制12 个三角形,也就是36个顶点;而采用顶点索引绘制方法,只需要8个顶点就可绘制一个立方体。核心内容:1. 传统方法绘制立方体2. 顶点索引法绘制立方体3. 立方体上色软件环境:现代浏览器是否提供资料:是课程等级:中级适合人群:Web 前端开发人员、3D 游戏从业人员 使用传统方法绘制立方体使用顶点索引法绘制立方体立方体上色

职业课程库 WebGL

WebGL Three.js 第一个应用程序

WebGL Three.js 第一个应用程序 ▶ 57:00
免费 视频 57 分钟 共5节

本课程讲解如何创建 HTML 页面框架,以及使用 WebGL Three.js 技术渲染三维对象和添加材质的方法。 课程背景:WebGL 核心技术相当于汇编语言,很底层,我们在实际开发过程中很少只用 WebGL 开发程序,通常使用 Three.js 库辅助开发,即便你线形代数不好,WebGL 学得不到位,也没关系。只要能灵活应用 Three.js 库,同样能开发出很炫的三维效果。核心内容:1. 创建 HTML 页面框架2. 展示三维对象3. 添加材质和灯光软件环境:现代浏览器是否提供资料:是课程等级:中级适合人群:Web 前端开发人员、3D 游戏从业人员 Three.js

职业课程库 WebGL

WebGL 透视投影

WebGL 透视投影 ▶ 51:00
免费 视频 51 分钟 共3节

本课程讲解透视投影矩阵的概念和应用,以及如何通过 hidden surface removal 和 polygon offset 技术,使 WebGL 三维世界的空间感更接近现实效果。 课程背景:在正射投影空间中,不管图形远近,大小都不变。而通过透视投影可以让场景具有深度感,远处的树看起来要比近距离的树矮,透视投影普遍应用于游戏开发中。核心内容:1. 透视投影的概念2. 透视投影矩阵3. 物体前后关系软件环境:现代浏览器是否提供资料:是课程等级:中级适合人群:Web 前端开发人员、3D 游戏从业人员 透视投影基础透视投影矩阵物体的前后关系

职业课程库 WebGL

WebGL 可视范围

WebGL 可视范围 ▶ 58:00
免费 视频 58 分钟 共3节

本课程介绍可视化范围的概念,并讲解正射投影矩阵的基本参数,然后通过实例解析正射投影的使用方法和技巧,以及处理缺角现象的方法。 课程背景:WebGL 可视范围原理是模拟人眼构造,物体在视线范围外的部分会被忽略,从而大大提升 WebGL 程序运行效率。通过正射投影矩阵与顶点矢量相乘便可得到可视范围内的点。核心内容:1. 可视范围的概念2. 正射投影矩阵3. 修补缺角软件环境:现代浏览器是否提供资料:是课程等级:中级适合人群:Web 前端开发人员、3D 游戏从业人员 可视范围基础正射投影矩阵缺角的修补

职业课程库 WebGL
arrow-top