THREE.BufferGeometry是Three.js中用于高效存储和渲染几何数据的类。相比于使用THREE.Geometry（已弃用）或直接操作顶点数组，使用THREE.BufferGeometry可以获得更好的性能和灵活性。
THREE.BufferGeometry将几何...
2年前 (2023-06-25)
喜欢
在学习threejs粒子的时候，发现自己实现的效果和视频中达到的效果差别非常大，经过查询原因如下
在使用Three.js查看粒子时，如果未能实现远小近大的效果，可能有以下几个原因：
相机设置不正确：请确保在创建透视投影相机（PerspectiveCamera）时，设置了适当的...
2年前 (2023-06-25)
喜欢
Three.js 中的着色器（Shader）是一种用于在图形渲染过程中控制材质外观的程序。着色器以 GLSL（OpenGL Shading Language）编写，它是一种类似于 C 语言的语言，专门用于编写图形渲染的着色器程序。
在 Three.js 中，着色器主要用于定义材质...
2年前 (2023-06-22)
喜欢
vue 数据可视化大屏 项目开发中，经常需要渲染一些3d地图效果，今天整理一下3d地图并在3d地图中标注地名代码，希望能够让代码快速应用到项目中。
CSS2D标签面向摄像机，场景缩放时，缩小放大都一样大，不被模型遮挡，通过DOM事件点击
css2d标签渲染效果视频
演示实例
...
2年前 (2023-06-20)
喜欢
上一节我们通过threejs 在3d地图中绘制css2d地名，这一节我们使用css3d来渲染地图地名标签。
大部分代码和threejs 在3d地图中绘制css2d地名一致，只是把css2d标签改为css3d标签了。
CSS3D不面向摄像机，场景缩放时，缩小放大跟随着，不被模型遮挡...
2年前 (2023-06-20)
喜欢
vue 数据可视化大屏 项目开发中，经常需要渲染一些3d地图效果，今天整理一下3d地图的代码，希望能够让代码快速应用到项目中。
演示实例
threejs 在vue3项目中绘制3d地图效果实例
安装依赖
3d地图是使用three实现的，所以首先需要安装一下依赖，threejs不同...
2年前 (2023-06-19)
喜欢
上一节我们学习实践了threejs 旋转的粒子地球,这一节我们继续学习点材质的属性。
首先是基础代码流程，虽然之前写过了相关的流程，为了避免翻看上一节的代码，这里继续讲基础代码给列出来。
div
依然创建两个div，子div来渲染threejs场景
<template>...
2年前 (2023-06-16)
喜欢
数据可视化大屏项目开发中，会需要一些效果装饰，比如由一个个小圆点组成的旋转的球体。我们上一节学习了threejs 初识Points与点材质，那么我们就用points来做一个旋转的球体。
div
依然创建两个div，子div来渲染threejs场景
<template&g...
2年前 (2023-06-14)
喜欢
日常生活中，会有一些烟雾的效果，烟雾是固态的粒子组合到一块的效果。我们要实现粒子的效果，也可以使用threejs的points来实现。今天基于vue3环境使用threejs实现一个由粒子组成的球体。
由粒子组成的球
div
依然创建两个div，子div来渲染threejs场景
...
2年前 (2023-06-14)
喜欢
在之前我们使用threejs绘制3d地图效果添加label标签，接下来我们需要当鼠标移入到指定区域后，当前区域地图高亮。
threejs 3d地图渲染完成后，我们还需要进行交互操作，比如鼠标移入到地图指定区域后，我们需要让地图高亮。
效果演示地址
threejs 3d地图鼠标移...
2年前 (2023-05-29)
喜欢
