three.js

manual

基本

基础
响应式设计
先决条件
设置

基础

图元
场景图
材质
纹理
光照
摄像机
阴影
雾
渲染目标
自定义缓冲几何体

技巧

按需渲染
调试JavaScript
调试着色器
canvas截图
防止canvas被清空
从canvas获取键盘输入
透明化canvas
在HTML中使用three.js动画背景

优化

大量对象的优化
优化对象的同时保持动画效果
在Web Worker中使用离屏渲染

解决方案

加载 .OBJ 文件
加载 .GLTF 文件
添加背景或天空盒
如何绘制透明的物体
多个画布, 多个场景
鼠标选取对象
后期处理
使用Shadertoy中的着色器
对齐HTML元素到3D对象
使用纹理索引来拾取和着色
使用Canvas生成动态纹理
广告牌(Billboards)
释放资源
体素几何体 (Minecraft)
来试试做一个游戏吧

WebXR

VR - 基础
VR - 用目光进行选择
VR - 用点进行选择

参考

材质特性表