- 博客(6)
- 收藏
- 关注
原创 threejs实例(五)
通过Three.js编写程序方式程实现山脉等地形效果,对于这种自然界的效果模仿,肯定是需要噪声算法来来实现,通过Three.js实现山脉等地形效果本质就是随机生地面高度数据,就是随机生成几何体Geometry顶点数据。通过ImprovedNoise.js库封装的构造函数ImprovedNoise来实现地形高度数据的随机生成。借助ImprovedNoise封装一个地形高度数据生成函数funZ,函数两个参数width, heigh分别表示行列两个方向顶点数据量。
2023-04-03 14:09:22
422
原创 threejs实例(四)
Three.js 默认使用shadow maps(阴影贴图),阴影贴图的工作方式就是具有投射阴影的光能对所有能被投射阴影的物体从光源渲染阴影。现在将创建一堆球体,对于每个球体都将创建一个基础的THREE.Object3D,并且将同时创建阴影平面网格和球体网格。在3D引擎里,雾通常是基于离摄像机的距离褪色至某种特定颜色的方式。在three.js中添加雾是通过创建 Fog 或者 FogExp2 实例并设定scene的fog 属性。
2023-04-03 13:52:09
362
1
原创 threejs实例(三)
纹理一般是指我们常见的在一些第三方程序中创建的图像,如Photoshop或GIMP。需要做的就是创建一个TextureLoader。调用它的load方法,同时传入图像的URL,并将材质的 map 属性设置为该方法的返回值,而不是设置它的 color属性。注意,使用的是 MeshBasicMaterial, 所以没有必要增加。但需要注意的是,并不是所有的几何体类型都支持多种材质。ConeGeometry 和 ConeGeometry 可以使用2种材料,一种用于底部,一种用于侧面。
2023-04-03 13:21:16
233
原创 threejs实例(二)
GSAP 是一个强大的 JavaScript 工具集,构建适用于所有主流浏览器的高性能动画。动画 CSS、SVG、画布、React、Vue、WebGL、颜色、字符串、运动路径、通用对象,JavaScript 可以触摸的任何东西,GSAP 的ScrollTrigger插件可以用最少的代码创建令人瞠目结舌的滚动动画。
2023-04-03 12:53:31
128
threejs思维导图
2023-04-03
threejs思维导图
2023-04-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人