WebGL+Three.js入门与实战,系统学习Web3D技术【完结18章】
5 q, ]9 x5 i- u' ^) N" l9 u├──{10}--第10章【Threejs组件】每个组件都有其独特的使用方法,可以
! V" p3 o1 s6 s2 ?9 _# Q, T| ├──[10.1]--10-1基础组件-Scene .mp4 36.95M
* i* L0 K6 u* s1 S: T6 P| ├──[10.2]--10-2基础组件-几何体 .mp4 11.67M. X5 c# } \" ~
| ├──[10.3]--10-3基础组件-正射投影相机 .mp4 14.70M
* j* K r0 e+ R" q: |6 ?| └──[10.4]--10-4基础组件-透视投影相机 .mp4 9.28M
" o3 V0 [' }( Q; n" n: c├──{11}--第11章【Threejs光源】相信光,能照亮场景的每个角落,一个 2 r- d% @6 K% b( c0 W* J2 X
| ├──[11.1]--11-1光源类型 .mp4 14.42M( t8 x4 ^! ?3 v0 r3 {! f
| ├──[11.2]--11-2聚光灯光源 .mp4 117.80M" i' S0 a2 L/ V
| ├──[11.3]--11-3环境光 .mp4 31.93M" D( S' b2 S4 x, s5 W
| ├──[11.4]--11-4点光源 .mp4 23.73M
5 T: G; s5 J0 n" P. b4 X) y6 m| ├──[11.5]--11-5平行光 .mp4 37.07M8 l4 n: O7 f' r# g, G9 Q
| └──[11.6]--11-6半球光 .mp4 35.13M' G5 ]3 I' s4 H, z$ _2 B
├──{12}--第12章【threejs材质】不同的材质能呈现出不同的效果,合适 $ G; Z: J: x" y: R! r2 m
| ├──[12.10]--12-10联合材质 .mp4 21.84M5 T8 y5 e" E& x
| ├──[12.1]--12-1材质简介 .mp4 29.71M- m& w" a% x( R0 {+ j
| ├──[12.2]--12-2基础材质 .mp4 37.18M
4 t" `1 {8 J) T# s; w# J; [1 @| ├──[12.3]--12-3深度材质 .mp4 32.18M6 T3 u% u) y8 z8 T
| ├──[12.4]--12-4法向材质 .mp4 26.16M( ~9 A$ p8 U* t( l- \: t! D/ M* p
| ├──[12.5]--12-5面材质 .mp4 16.12M
1 ^1 Z* ^, q$ j; ~- |7 ^+ E X. k+ t* || ├──[12.6]--12-6郎伯材质 .mp4 29.13M
" D* i) K. \7 x3 ^, q| ├──[12.7]--12-7Phong材质 .mp4 27.09M8 W7 e2 L0 @* U; O! c3 Z( z
| └──[12.8]--12-8着色器材质 .mp4 42.33M! ?7 e' f" \/ L# t" p0 I& ^+ t! F
├──{13}--第13章【Threejs几何体】还在为物体坐标烦恼吗?内置几何体
; p" \: j6 |5 K7 W) H+ }( ]$ ~| ├──[13.10]--13-10多面体 .mp4 59.18M) g; _; O9 J+ O* }, D6 g
| ├──[13.11]--13-11文字 .mp4 56.47M% Y q/ e: G$ h6 h" l7 ^6 F$ b/ C0 U% d
| ├──[13.1]--13-1几何体简介 .mp4 7.74M! \0 a: r8 }% w y- ^
| ├──[13.2]--13-2二维平面 .mp4 128.03M
1 C% i' k6 m, V e: Y| ├──[13.3]--13-3二维圆 .mp4 56.66M
% M6 B# ]; R$ D9 G+ t| ├──[13.4]--13-4自定义二维图形 .mp4 21.58M
9 ~8 c, _, _: H- O| ├──[13.5]--13-5立方体 .mp4 38.30M4 \: U5 Y% o2 o5 _0 |
| ├──[13.6]--13-6球体 .mp4 34.72M
' a. [- p( j# H9 C7 X; F, l| ├──[13.7]--13-7圆柱体 .mp4 29.46M
' }( R( L: D5 r: L' V7 T8 V9 W/ N' {| ├──[13.8]--13-8圆环 .mp4 47.07M! R. [/ d# N8 j( d. [ f
| └──[13.9]--13-9纽结 .mp4 45.00M9 B/ Y8 r1 P* V- a+ b
├──{14}--第14章【Threejs动画和相机】不同的角度看到的景色是不一样
% k! G* r) z; j' ? Z4 q| ├──[14.1]--14-1基础动画 .mp4 5.64M3 r* o$ w' D! [" {7 b6 s. U' G
| ├──[14.3]--14-3点击选取对象 .mp4 68.04M1 a8 q5 Q3 z" A3 A! M [! w
| ├──[14.4]--14-4加载外部文件 .mp4 36.88M( t. Z) L$ q! b8 {; Z2 u' F5 e2 S
| ├──[14.5]--14-5使用相机控件 .mp4 62.24M
; I( b# I' Y' R- S: D| └──[14.6]--14-6实战:实现骨骼动画 .mp4 185.56M+ b' P5 t; O+ L, X$ n! n
├──{15}--第15章【Threejs纹理】场景不再单一,丰富多了
. i- V, o: H6 V! c" k' r! \| ├──[15.1]--15-1基础纹理 .mp4 45.86M
3 P& U7 n/ H& ?2 H1 w1 }| ├──[15.2]--15-2凹凸贴图 .mp4 45.95M
9 O c- k1 G5 q8 r| ├──[15.3]--15-3法向贴图 .mp4 51.24M
5 ]+ x; I; i. C1 p5 a) y8 l& V| ├──[15.4]--15-4环境贴图 .mp4 90.46M" y# C4 G$ w# G" l7 y* A4 K% u
| ├──[15.5]--15-5canvas贴图 .mp4 35.15M
$ z2 [5 I9 X* l5 W| └──[15.6]--15-6实战:实现辉光效果 .mp4 109.48M
3 Y' J: c9 r! k! l& o7 M, y {├──{16}--第16章【Threejs粒子】舞动的精灵,你值得拥有
2 g, s% |+ T+ G. G! k; W( W| ├──[16.1]--16-1粒子和粒子系统 .mp4 55.45M
0 Q5 {' P+ R" ^! S/ Y5 k3 d3 V4 P| ├──[16.2]--16-2使用粒子实现水波效果 .mp4 82.11M
$ ?# c% N# I7 I: d' X6 C N| └──[16.3]--16-3粒子组合成立方体 .mp4 108.73M
5 D0 m+ M' e: D+ _% P├──{17}--第17章【智慧城市实战】基础内容怎么样了?来实战一下吧
/ M: f2 D# J- ?0 ?) I4 x# P| ├──[17.10]--17-10添加场景扫描线 .mp4 79.38M# i3 y+ J8 R" l9 C
| ├──[17.11]--17-11特效:雷达效果 .mp4 91.55M% U" v( `8 O0 L) o2 {( C0 ]
| ├──[17.12]--17-12特效:透明墙 .mp4 99.29M
2 `2 d+ R- k8 r9 P5 @9 a$ B8 o| ├──[17.13]--17-13特效:地面扩散 .mp4 59.40M. q) d6 [$ Z, M
| ├──[17.14]--17-14特效:扩散半球 .mp4 36.36M5 N+ [- f0 h3 F/ }6 j& d( m
| ├──[17.15]--17-15特效:旋转四棱锥 .mp4 61.14M
; R. }. M7 t! U# r( I) M, y| ├──[17.16]--17-16特效:飞线 .mp4 115.06M
* C) E. i) U! X| ├──[17.17]--17-17特效:路径移动 .mp4 26.58M
) l. a4 e+ |% l" O6 H$ ]* v| ├──[17.18]--17-18场景文字添加 .mp4 64.20M
: `' p. Y- {6 W% \% V1 J| ├──[17.19]--17-19天气:冬雪 .mp4 148.17M0 Z( v( C% H7 m7 X
| ├──[17.1]--17-1blender基础使用 .mp4 26.13M# ]: {: K! D7 N O
| ├──[17.20]--17-20天气:夏雨 .mp4 125.36M
( o- ~1 ^4 x r$ a/ Z| ├──[17.21]--17-21跟随鼠标缩放 .mp4 61.14M
$ W. w/ C! i6 J, S+ a; w: M| ├──[17.23]--17-23烟雾预警 .mp4 173.47M3 R" J( C3 H) @, ^& f$ h1 b
| ├──[17.2]--17-2通过blender创建城市模型 .mp4 63.52M+ t$ i0 { f& L2 J
| ├──[17.3]--17-3创建项目及场景添加 .mp4 116.35M4 I* k3 z/ }+ K* m
| ├──[17.4]--17-4加载城市模型 .mp4 130.83M# T1 ]" y/ ^( D* j3 e$ d; {3 F
| ├──[17.5]--17-5背景天空盒 .mp4 45.74M" ^4 i! b# j1 S0 ~: l: f. k
| ├──[17.6]--17-6添加交互效果 .mp4 79.35M* f- N$ y1 W. H7 w# p9 _/ @7 W
| ├──[17.7]--17-7给建筑物添加渐变色 .mp4 75.66M
3 Y2 N/ g6 E9 [| ├──[17.8]--17-8创建建筑物外围线条 .mp4 48.64M6 M5 f% R8 {# y4 ]
| └──[17.9]--17-9添加建筑物扫描线 .mp4 60.78M* c" ~$ r. l C+ l7 W
├──{18}--第18章番外篇:webgl里的数学
% |: o9 `) m/ p: f+ I9 n; V5 f+ c| ├──[18.10]--18-10番外10旋转矩阵 .mp4 8.47M/ R, L2 f0 B0 J. Y: d: F |4 P
| ├──[18.1]--18-1番外1三角函数 .mp4 31.38M
! f9 O7 b. h- N| ├──[18.2]--18-2番外2向量乘以标量 .mp4 22.46M. T0 s6 H% `5 L$ Q3 ]$ Y
| ├──[18.3]--18-3番外3向量长度计算 .mp4 9.50M
% C4 O4 G* P9 x4 e) l2 t| ├──[18.4]--18-4番外4两个向量的距离 .mp4 47.63M3 q- g0 h4 v; B# Q
| ├──[18.5]--18-5番外5归一化 .mp4 8.74M
, c6 K; x$ J- ` ~5 V' i| ├──[18.6]--18-6番外6点积 .mp4 41.72M
! _4 p* o# b0 \0 C3 G| ├──[18.7]--18-7番外7叉积 .mp4 51.19M, o" P8 T F/ x" h( h
| ├──[18.8]--18-8番外8向量运算 .mp4 28.82M, b1 b1 p; S$ [. G3 M
| └──[18.9]--18-9番外9矩阵运算 .mp4 65.16M
5 H& y! [2 Q+ e5 }! N% d6 u* J├──{1}--第1章课程开篇 , I6 R9 j6 w$ N
| ├──[1.1]--1-1课程导学 .mp4 44.95M7 m0 F$ J9 n. g( i( A! }
| └──[1.2]--1-2课程简介 .mp4 22.39M: \8 n7 K: w# W6 }* C) D! ]
├──{2}--第2章WebGL简单应用:学习WebGL简单使用,建立WebGL
8 L+ K. z) N2 L( G4 v/ x| ├──[2.1]--2-1canvas和webgl的区别 .mp4 21.03M9 N6 M8 O4 P. K1 [3 f
| ├──[2.2]--2-2认识webgl,了解webgl .mp4 77.96M8 G9 b w) C6 j" i% `
| ├──[2.3]--2-3webgl入门-给画布换个颜色 .mp4 56.93M
3 F/ g0 s& Y: [: Z+ w| ├──[2.4]--2-4绘制一个点 .mp4 226.54M
& F8 n$ Y& }3 E3 T# C| ├──[2.5]--2-5介绍webgl三维坐标系 .mp4 63.06M8 Z4 J) t3 C, O* E4 n+ |1 \
| ├──[2.6]--2-6学习使用attribute变量-绘制一个水平移动的点 .mp4 88.20M
; y9 b6 i, B* A- g6 M1 K3 L| ├──[2.7]--2-7通过鼠标控制绘制 .mp4 95.86M
- n, H8 |1 T$ Z: d) k( r| └──[2.8]--2-8使用uniform变量-绘制不同颜色的点 .mp4 83.41M
8 I( n6 E% g0 _8 [, ^7 }% k├──{3}--第3章WebGL多图形绘制和动画
, e6 |3 P4 H; ?" Z7 w5 Z% A [| ├──[3.10]--3-10图形复合变换-矩阵组合 .mp4 78.60M
9 G) ?+ _. [/ T M5 W| ├──[3.1]--3-1使用缓冲区对象-绘制多个点 .mp4 88.58M8 f2 U# r3 ~% K4 H9 ^ X' v# V- I' R; V
| ├──[3.2]--3-2多缓冲区和数据偏移 .mp4 49.71M
' P% H3 V5 E% w* X| ├──[3.3]--3-3实现多种图形绘制 .mp4 50.31M: S& t; I& ]% L1 _% ?6 L9 {( k) @
| ├──[3.4]--3-4图形平移-着色器 .mp4 27.62M
3 l0 k4 Z9 C; E4 I/ X8 W/ j| ├──[3.5]--3-5图形缩放-着色器 .mp4 13.16M
; z' k" U9 b/ u8 A! u) \& u0 b% \| ├──[3.6]--3-6图形旋转-着色器 .mp4 33.25M# N: D* D" X* v4 _
| ├──[3.7]--3-7图形平移-平移矩阵 .mp4 114.36M
( L C% w4 ?% \- }; p2 q. M5 c4 _| ├──[3.8]--3-8图形缩放-缩放矩阵 .mp4 43.31M, @" m# x' D; l6 B' a n3 L
| └──[3.9]--3-9图形旋转-旋转矩阵 .mp4 91.63M
5 M( Z, f: a/ ?: I e├──{4}--第4章WebGL颜色和纹理
( u/ c# y: n# M6 K+ Y; J| ├──[4.1]--4-1使用varying变量-绘制彩色三角形 .mp4 28.15M7 ]8 g" K3 X% p. g, e
| ├──[4.2]--4-2从顶点到图形–webgl渲染流程介绍 .mp4 14.95M( W/ g( e; d% J8 }) ~( V1 ~
| ├──[4.3]--4-3给图形添加背景图 .mp4 154.77M; [8 }( \4 f2 Z5 ?0 A1 W
| └──[4.4]--4-4使用多重纹理 .mp4 56.12M& b( k( A* a7 R" m" |1 t5 P
├──{5}--第5章WebGL原理学习:OpenGLES语言
+ a+ G% Y6 {6 M, a; I1 J# o| ├──[5.1]--5-1OpenGLES语言基础 .mp4 47.60M
+ d, U8 f* y/ r4 I( S| ├──[5.2]--5-2矢量和矩阵 .mp4 18.88M
: W i2 F- ~4 @9 m( L! f( A| ├──[5.3]--5-3纹理取样器 .mp4 18.37M% r- l% W* Q; T9 @ n1 f
| ├──[5.4]--5-4分支和循环 .mp4 9.27M
& f$ b8 |' L- a% e" j! A4 _| ├──[5.5]--5-5函数 .mp4 18.55M. D6 q( g' [, K7 N9 k( n6 l
| ├──[5.6]--5-6内置函数介绍 .mp4 15.84M
* R# F5 n" c' S1 ?; G% n4 S4 {| └──[5.7]--5-7存储限定词 .mp4 20.30M
3 z& H2 r" Y6 R1 Z# P0 R. h) P├──{6}--第6章WebGL三维世界
. f+ G' H2 H# Y) |2 {| ├──[6.1]--6-13D基础 .mp4 136.57M
% {3 L# R) H; \9 n q; Z. G% h| ├──[6.2]--6-2正射投影 .mp4 88.72M& c& c& p3 K, @
| ├──[6.3]--6-3透视投影 .mp4 166.86M
) A* s% D8 [) S8 g& s* G1 f| ├──[6.4]--6-4立方体绘制(顶点法) .mp4 81.76M
6 _/ q7 A; m! t* o$ p# _5 B& M| └──[6.5]--6-5立方体绘制(索引法) .mp4 80.16M! @3 L2 Z5 c& ]7 N9 G
├──{7}--第7章webgl光照 % ^9 h, K% d( n% S
| ├──[7.1]--7-1光是如何使用的 .mp4 35.89M
2 e% R% |& K' [1 R" R/ u& B| └──[7.2]--7-2给场景添加光源 .mp4 72.04M9 O6 h3 i( b5 K/ {, `1 c
├──{8}--第8章WebGL进阶操作
0 {8 R1 y% @# t; N| ├──[8.1]--8-1雾化 .mp4 103.20M
3 \9 u! `8 g* E, Q: a| ├──[8.2]--8-2绘制圆形的点 .mp4 32.98M
7 M: _" F/ d$ b% M| └──[8.3]--8-3绘制半透明物体 .mp4 19.53M
; a- P1 D3 N& T. v├──{9}--第9章【Threejs基础】简单实现一些阴影、雾化的效果 " a# {- m: g& V6 k1 z( C
| ├──[9.1]--9-1什么是threejs .mp4 19.62M# v) j# K, E( k2 R. X" s7 @
| ├──[9.2]--9-2渲染三维对象 .mp4 79.19M) E% U4 ~7 }# `3 {* v
| ├──[9.4]--9-4添加阴影效果 .mp4 55.56M( h& {' v6 |7 O% V- F
| └──[9.5]--9-5添加雾化效果 .mp4 24.10M
& Z! L# _9 f+ Y└──课件 .zip 22.02M
7 F! [! e. C3 X" W2 U0 i; @! q6 d7 O, |
| 6 O7 h1 [; |) T4 J0 Y
|