Three.js中文文档

前言

最近想研究WEBGL方面的知识,然后发现一个开源的Three.js,但是由于是英文版,没有人翻译,感觉阅读起来比较费力,所以我打算把这个翻译成中文文档,这可能是一个比较长期的过程,后续持续更新,其中翻译过程如果有什么错误,希望大家能给我提出来,别踩。在此谢过各位大神!


Three.js源码地址:
https://github.com/mrdoob/thr...

以下为正文:

three.js / 文档

手册

Three.js入门

创建一个场景
矩阵变化

参考

Three.js常量

自定义混合方程
GL状态
材质
阴影类型
纹理
相机

摄像机

立体摄像机
正交相机
透视相机

核心方法

缓冲区的属性
缓冲结构
时钟
事件发送者
Face3
几何
3D对象
Raycaster

灯光

环境光
平行光
半球放射光
光源
点光
聚光灯

加载器

巴比伦加载器
几何缓冲加载器
缓存
三维模型加载
glTF加载
图片加载
JSON数据加载
加载器
加载中管理
材质加载
MTL加载
OBJ加载
OBJMTL加载
对象加载
PDB加载
SVG加载
纹理加载
TGA加载
异步加载

材质

线的基本材质
虚线材质
材质
网格基础材质
网格深度材质
网面材质
兰伯特网材质
普通网格材质
网蓬材质
点材质
着色器原材质
着色器材质
小精灵画布材质
小精灵材质

数学函数

Box2
Box3
颜色
欧拉
椎体
Line3
数学函数
Matrix3
Matrix4
Plane
Quaternion
Ray
Sphere
齿轮
Triangle
Vector2
Vector3
Vector4

Three.js 对象

Bone
LensFlare
Line
LineSegments
LOD
Mesh
MorphAnimMesh
Points
SkinnedMesh
Skeleton
Sprite

渲染器

CanvasRenderer
WebGLRenderer
WebGLRenderTarget
WebGLRenderTargetCube

渲染器 / 着色器

ShaderChunk
ShaderLib
UniformsLib
UniformsUtils

渲染器 / WebGL

WebGLProgram
WebGLShader
WebGLState

渲染器 / WebGL / 插件

LensFlarePlugin
ShadowMapPlugin
SpritePlugin

场景

Fog
FogExp2
Scene

纹理

CubeTexture
CompressedTexture
DataTexture
Texture

其它

FontUtils
GeometryUtils
ImageUtils
SceneUtils

其它 / 动画

Animation
AnimationHandler
KeyFrameAnimation

其它 / 核心

Curve
CurvePath
Gyroscope
Path
Shape

其它 / 曲线

ArcCurve
ClosedSplineCurve3
CubicBezierCurve
CubicBezierCurve3
EllipseCurve
LineCurve
LineCurve3
QuadraticBezierCurve
QuadraticBezierCurve3
SplineCurve
SplineCurve3

其它 / 几何形状

盒子几何
圆几何
立方体几何
缸几何
十二面体几何
突出形状
二十面体几何
车床几何
八面体几何
参数几何
飞机几何
多面体几何
环几何
形几何
球面几何
四面体几何
文本几何
圆环几何
[环面纽结几何] [147]
[管道几何] [148]

其它 / 帮助

箭头帮助
轴帮助
包围盒帮助
箱帮手
相机帮助
定向光帮助
边帮手
面法线帮助
格帮手
半球光帮助
点光源帮助
聚光灯帮助
顶点法线帮助
线框帮助

其它 / 对象

ImmediateRenderObject
MorphBlendMesh

示例

CombinedCamera
LookupTable


此处目录我把觉得能翻译的先翻译过来


Kumfo 的杂货铺
做一些经验总结和一些学习心得分享,主要围绕PHP。 现在正在学习机器学习,会增加一些机器学习的思考分享。
avatar
kumfo
SegmentFault 后端工程师

程序生存法则:

6.6k 声望
4.1k 粉丝
0 条评论
推荐阅读
Elasticsearch 按照标签匹配个数优先排序查询
首先最外层的数组就是我们通常写的query语句,放在body中进行请求的,主要看query里面的结构,这种需要自定义脚本处理评分的,query中只放了一个script_score:

kumfo3阅读 938评论 1

Three.js 进阶之旅:全景漫游-初阶移动相机版
3D 全景技术可以实现日常生活中的很多功能需求,比如地图的街景全景模式、数字展厅、在线看房、社交媒体的全景图预览、短视频直播平台的全景直播等。Three.js 实现全景功能也是十分方便的,当然了目前已经有很多...

dragonir5阅读 263

封面图
Three.js 进阶之旅:物理效果-3D乒乓球小游戏 🏓
本文在专栏上一篇内容《Three.js 进阶之旅:物理效果-碰撞和声音》的基础上,将使用新的技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的小游戏,通过本文的阅读,你将学习到的知识点包括:了解...

dragonir3阅读 438

封面图
threejs碰撞检测-前进后退,上下楼梯一口气搞定!
主要还是依靠 Raycaster(origin, direction) 射线检测。在物体前后移动时,实时获取物体的位置origin=target.position.clone()作为「射线发射点」,并通过player.getWorldDirection(dir)实时获取物体的方向作为射...

Believer2阅读 598

封面图
three.js简明教程之:【1】入门用例
和直接使用WebGL相比,比如 着色器 ,大部分情况下你无需自己开发,不过,情况并不总是这样,如果你的需求太过特殊,我们依旧可以用更接近原生的方式来绘制,这是一个非常友好的设计。

zxl200707012阅读 586

封面图
Three.js 进阶之旅:新春特典-Rabbit craft go 🐇
兔年到了,祝大家身体健康,万事顺利。本文内容作为兔年新春纪念页面,将使用 Three.js 及 其他前端开发知识,创建一个以兔子为主题的 3D 简单的趣味页面 Rabbit craft go。本文内容包括使用纯代码创建三维浮岛、...

dragonir1阅读 1.7k

封面图
THREEJS 将构件缩放至视野中的方法
首先必须知道物体所在的包围球半径 r, 其次相机角度是已知的,就是 camera.fov, fov 是角度制数据,简单根据三角函数可以得出球心到相机的距离 s。

陈东民1阅读 622

avatar
kumfo
SegmentFault 后端工程师

程序生存法则:

6.6k 声望
4.1k 粉丝
宣传栏