ThreeJS示例教程500+【目录】

置顶还是大剑师兰特

已于 2025-05-12 16:22:03 修改

阅读量1.2k

点赞数 55

CC 4.0 BY-SA版权

分类专栏： # ThreeJS综合教程500+ 文章标签：大剑师 threejs示例 threejs教程 threejs优化

于 2025-01-24 00:00:00 首次发布

本文链接：https://blog.csdn.net/cuclife/article/details/145322373

ThreeJS综合教程500+ 专栏收录该内容

277 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

在这里插入图片描述

Three.js 是一个强大的 JavaScript 库，旨在简化在网页上创建和展示3D图形的过程。它基于 WebGL 技术，但提供了比直接使用 WebGL 更易于使用的API，使得开发者无需深入了解 WebGL 的复杂细节就能创建出高质量的3D内容。

一、vue+threejs示例目录

（1）基本配置

（2）场景Scene 配置

（3）地面配置

（3）材质纹理

vue+threejs：点击更改不同的材质

（4）几何图形

（5）加载文件

（6）灯光特效

（7）控制器

（8）动画特效

vue+threejs：根据clock来处理物体的动画

（9）鼠标键盘

二、Threejs中文API详解

名称	名称	名称
下载安装	思维路径	Scene 详解
Fog	FogExp2	Camera
PerspectiveCamera	OrthographicCamera	CubeCamera
StereoCamera	ArrayCamera	Light
AmbientLight	DirectionalLight	HemisphereLight
SpotLight	PointLight	RectAreaLight
RectAreaLight	LightProbe	AmbientLightProbe
Material	ShaderMaterial	MeshPhysicalMaterial
MeshStandardMaterial	MeshPhongMaterial	MeshLambertMaterial
MeshBasicMaterial	PolntsMaterlal	MeshDepthMaterial
LineDashedMaterial	MeshDistanceMaterial	MeshMatcapMaterial
MeshToonMaterial	LineBasicMaterial	RawShaderMaterial
ShadowMaterial	SpriteMaterial	BoxGeometry
CapsuleGeometry	CircleGeometry	ConeGeometry
CylinderGeometry	DodecahedronGeometry	EdgesGeometry
mesh	ExtrudeGeometry	IcosahedronGeometry
LatheGeometry	OctahedronGeometry	PlaneGeometry
PolyhedronGeometry	RingGeometry	ShapeGeometry
SphereGeometry	TetrahedronGeometry	TorusGeometry
TorusKnotGeometry	TubeGeometry	WireframeGeometry
Vector2	Vector3	Vector4
Triangle	Box2	Box3
Color	Cylindrical	Euler
Frustum	Interpolant	Line3
MathUtils	Matrix2	Matrix3
Matrix4	Plane	Quaternion
Ray	Sphere	Spherical
SphericalHarmonics3	CubicInterpolant	DiscreteInterpolant
LinearInterpolant	QuaternionLinearInterpolant	Audio
AudioAnalyser	AudioContext	AudioListener
PositionalAudio	Curve	CurvePath
Interpolations	Path	Shape
ShapePath	ArcCurve	CatmullRomCurve3
CubicBezierCurve	CubicBezierCurve3	EllipseCurve
LineCurve	LineCurve3	QuadraticBezierCurve
QuadraticBezierCurve3	SplineCurve	LightShadow
PointLightShadow	PointLightShadow	DirectionalLightShadow
SpotLightShadow	BatchedMesh	BooleanKeyframeTrack
Bone	Group	InstancedMesh
Line	LineLoop	LineSegments
LOD	Points	Skeleton
SkinnedMesh	Sprite	AnimationAction
AnimationClip	AnimationMixer	AnimationObjectGroup
AnimationUtils	KeyframeTrack	PropertyBinding
Clock	ColorKeyframeTrack	NumberKeyframeTrack
QuaternionKeyframeTrack	StringKeyframeTrack	VectorKeyframeTrack
PropertyMixer	Mouse	WebGLRenderer
WebGLRenderTarget	WebGL3DRenderTarget	WebGLCubeRenderTarget
WebGLArrayRenderTarget	ShaderChunk	ShaderLib