企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习
您所在的位置>云逸小栈>VUE知识学习>正文

threejs二、几何体和材质函数介绍

2024-08-31 10:02:57 浏览 1454

1、几何体介绍

如立方体(BoxGeometry)、球体(SphereGeometry)、圆柱体(CylinderGeometry)、立体圆环(TorusGeometry)、胶囊体(CapsuleGeometry)和圆锥体(ConeGeometry)

1、立方体 BoxGeometry

image.png

//创建几何体 正方形几何体
const cubeGeometry = new BoxGeometry(4,4,4) //立方缓冲几何体
const cubeMaterial = new MeshLambertMaterial({
  color:0xff0000,
  wireframe:false,
  // opacity:1,
  // transparent:true
})
const cube = new Mesh(cubeGeometry,cubeMaterial)
cube.castShadow = true  //投射阴影
cube.position.set(2,2,2)
scene.add(cube)

2、球体

image.png

//创建一个球体
const sphereGeometry = new SphereGeometry(5) //球体
const sphereMaterial = new MeshLambertMaterial({
  color:0x7777ff,
  wireframe:false //false 为实体 true为线框
})
const sphere = new Mesh(sphereGeometry,sphereMaterial)
sphere.position.x = 20
sphere.position.y =4
sphere.position.z =2
scene.add(sphere)

2、材质介绍

MeshBasicMaterial(网格基础材质):基础材质,用于给几何体赋予一种简单的颜色,或者显示几何体的线框。
MeshDepthMaterial(网格深度材质): 这个材质使用从摄像机到网格的距离来决定如何给网格上色。
MeshLambertMaterial(网格 Lambert 材质): 这是一种考虑光照影响的材质,用于创建暗淡的、不光亮的物体。
MeshNormalMaterial(网格法向材质):这是一种简单的材质,根据法向向量计算物体表面的颜色。
MeshPhongMaterial(网格 Phong 式材质):这是一种考虑光照影响的材质,用于创建光亮的物体。

介绍略

网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音