2021年的时候，做过一个数据可视化大屏，记得有一个效果是加载地图的动画视频，一个格子地面上，放着一个地图，然后移动视角来实现一个动画的效果。
格子背景动画
动画效果
今天看到这个视频后，就想着有没有办法通过代码来实现这种效果呢？我们先剔除掉地图，只要格子背景。
实现思路
首...
yekong
1年前 (2023-08-01)
喜欢
数据可视化大屏项目开发工程中，对效果追求越来越高，之前我们实现的是：threejs 3d地图通过gsap实现从远到近的入场动画，今天要实现的效果是：地图标签要显示自定义图标，并且鼠标移入地图后，弹窗显示地图区域的内容。
threejs版本号
"three": "^0.154.0...
yekong
1年前 (2023-07-28)
喜欢
数据可视化大屏项目开发工程中，对效果追求越来越高，所以前端也需要不断的积累效果，以便于快速应用到项目用，不用等到用的时候才想到开发，时间上就紧张了，今天要实现的是地图从远到近的入场动画。
threejs版本号
"three": "^0.154.0",
vue版本号
"vue...
yekong
1年前 (2023-07-28)
喜欢
threejs 项目从123升级版本到154后报错
THREE.ExtrudeBufferGeometry is not a constructor
根据在github查看到的消息，方法从THREE.ExtrudeBufferGeometry 改名为了THREE.Extrude...
yekong
1年前 (2023-07-27)
喜欢
vue3 vite项目开发中，渲染threejs时，会报下面的错误
TypeError: 'get' on proxy: property 'modelViewMatrix' is a read-only and non-configurable data property on...
yekong
1年前 (2023-07-26)
喜欢
数据可视化大屏 开发过程中，有一个装饰图片，想着增加点3d效果，于是使用threejs渲染出来了，但是渲染出来后，发现旋转的图片会出现闪烁的情况。
解决前
解决后
使用的方法是：禁用深度写入
在Three.js中，如果你看到旋转的对象出现闪烁，这可能是由于深度排序或深度测试...
yekong
1年前 (2023-07-26)
喜欢
THREE.PointsMaterial 是一个用于THREE.Points对象的材质，主要用于渲染粒子系统或单独的点。当你将PointsMaterial应用到一个几何体上时，每一个顶点都会被渲染为一个单独的点。
属性
color: 颜色对象，决定了点的颜色，默认是白色。
...
yekong
1年前 (2023-07-25)
喜欢
在 Three.js 中，区域光（AreaLight）是一种用于模拟面积光源的光源类型。它类似于点光源和聚光灯，但区别在于区域光是一个有面积的光源，而不是单点或单一方向的光源。
区域光在 Three.js 中被实现为 THREE.AreaLight 类。它继承自 THREE.Li...
yekong
1年前 (2023-07-24)
喜欢
在 Three.js 中，RectAreaLight 类用于创建一个矩形区域光源。矩形区域光源会从一个矩形区域发射光线，这在模拟如窗户或软箱等矩形光源的情况下非常有用。
创建 RectAreaLight 的语法如下：
RectAreaLight(color : Integer, ...
yekong
1年前 (2023-07-24)
喜欢
在 Three.js 中，点光源（THREE.PointLight）是一种类似于灯泡的光源类型，它从特定点向所有方向发射光线，就像在场景中放置了一个光源。点光源会在所有方向上均匀地照亮场景中的物体，类似于在场景中添加了一个发光的球体。点光源可以产生阴影，并且会对场景中的物体进行局...
yekong
1年前 (2023-07-24)
喜欢
