使用 THREE.WebGLRenderer 类可以创建一个 WebGL 渲染器，用于将 Three.js 场景渲染到 HTML 页面上。
初始化参数介绍：
parameters（可选）：这是一个包含各种初始化参数的对象，用于配置WebGLRenderer的行为。常见的参数包...
yekong
2年前 (2023-06-26)
喜欢
今天我们通过threejs来实现下雪的效果。上一节我们学习了threejs 应用顶点着色打造绚丽多彩的星空，所以我们在上一节的基础上来实现下雪的效果。
首先准备素材
我们可以在iconfont平台上来找一个雪花的图标。
字体图标
代码封装
我们将上一节星空的生成封装起来，用来创...
yekong
2年前 (2023-06-25)
喜欢
THREE.Clock 是 Three.js 库中的一个辅助类，用于跟踪时间的流逝。它提供了一种简单的方式来计算帧之间的时间间隔，以及跟踪总共经过的时间。
使用 THREE.Clock 可以方便地进行游戏动画、模拟物理效果和其他需要基于时间的操作。
THREE.Clock 的常用...
yekong
2年前 (2023-06-25)
喜欢
今天我们要实现造绚丽多彩的星空的效果，星空是由五颜六色的星星组成的，所以我们来创建星星。
随机生成点
首先使用 THREE.BufferGeometry 创建5000个随机点，使用Float32Array来生成缓冲区数组。
const particlesGeometry = ne...
yekong
2年前 (2023-06-25)
喜欢
vertexColors是Three.js中的一个属性，用于指定顶点颜色。它可以应用于几何体（Geometry）或缓冲几何体（BufferGeometry），用于定义每个顶点的颜色信息。
顶点颜色是指在渲染过程中每个顶点的颜色值。当将颜色应用于顶点时，Three.js会在顶点之间...
yekong
2年前 (2023-06-25)
喜欢
Float32Array是JavaScript中的一种类型化数组（Typed Array），用于存储32位浮点数（单精度浮点数）的数据。它是在内存中连续分配的固定大小的数组，可以有效地存储和操作大量的数值数据。
在Three.js中，Float32Array常用于存储和传递几何数...
yekong
2年前 (2023-06-25)
喜欢
THREE.BufferGeometry是Three.js中用于高效存储和渲染几何数据的类。相比于使用THREE.Geometry（已弃用）或直接操作顶点数组，使用THREE.BufferGeometry可以获得更好的性能和灵活性。
THREE.BufferGeometry将几何...
yekong
2年前 (2023-06-25)
喜欢
在学习threejs粒子的时候，发现自己实现的效果和视频中达到的效果差别非常大，经过查询原因如下
在使用Three.js查看粒子时，如果未能实现远小近大的效果，可能有以下几个原因：
相机设置不正确：请确保在创建透视投影相机（PerspectiveCamera）时，设置了适当的...
yekong
2年前 (2023-06-25)
喜欢
Three.js 中的着色器（Shader）是一种用于在图形渲染过程中控制材质外观的程序。着色器以 GLSL（OpenGL Shading Language）编写，它是一种类似于 C 语言的语言，专门用于编写图形渲染的着色器程序。
在 Three.js 中，着色器主要用于定义材质...
yekong
2年前 (2023-06-22)
喜欢
vue 数据可视化大屏 项目开发中，经常需要渲染一些3d地图效果，今天整理一下3d地图并在3d地图中标注地名代码，希望能够让代码快速应用到项目中。
CSS2D标签面向摄像机，场景缩放时，缩小放大都一样大，不被模型遮挡，通过DOM事件点击
css2d标签渲染效果视频
演示实例
...
yekong
2年前 (2023-06-20)
喜欢
