ThreeJS学习记录(二)立方体不同面不同图片

学习点一:material数组

在设置Mesh的时候,第一个参数是几何体,第二个参数就是材质。
根据官方文档看,第二个参数可以是一个数组。也就是说可以设置几何体不同面的材质图片。
image.png

学习点二:白色是透明度为0,黑色是透明度为1,透明呢?

设置material时,图片白色的地方会透出材质的颜色,黑色地方不会。

对比下,给material的color设置青色后:

学习点三:顺序

长/正方体:右、左、上、下、前、后
椭圆体:侧面、上、下
球:只有一面

主要使用

module: OrbitControls

几何体:BoxBufferGeometry、SphereGeometry、CircleGeometry、CylinderGeometry、IcosahedronGeometry

材质加载:TextureLoader

材质:MeshPhongMaterial

环境光:AmbientLight

具体代码

例子需要加载图片,所以需要等一会才会显示。

图片:
后-透明底是有文字的,试着给物体加个颜色瞧瞧?(有惊喜)

你可能感兴趣的:(three.js前端)