今天学习相机的渲染范围，位置和目标。
threejs版本选择
"three": "^0.154.0",
在场景中添加多个物体
之前我们学习了通过Three.js实现一个基础渲染代码，今天我们在之前的代码基础上，添加三个物体
我们在场景中...
yekong
10个月前 (08-04) 266℃
1喜欢
Three.js 是一个用于创建 3D 图形的 JavaScript 库，它提供了各种几何形状的构造函数，包括 CylinderGeometry（圆柱体几何体）。CylinderGeometry 类可以用来创建一个圆柱体的几何模型。
下面是 CylinderGeometry 的构...
yekong
10个月前 (08-04) 416℃
0喜欢
Three.js 是一个用于在 Web 上创建 3D 图形的 JavaScript 库。SphereGeometry 是 Three.js 中的一个类，用于创建球体几何体。下面是关于 SphereGeometry 方法的参数介绍以及一个简单的渲染实例。
参数
SphereGeom...
yekong
10个月前 (08-04) 405℃
0喜欢
Three.js是一个非常流行的JavaScript 3D库。在这个库中，有三种主要类型的相机：
透视相机（PerspectiveCamera）：这是最常见的相机类型，它模拟了人眼所看到的透视效果。透视相机由四个参数定义：视场（视野的角度），纵横比（一般是画布的宽度除以高度）...
yekong
10个月前 (08-02) 303℃
0喜欢
数据可视化大屏项目开发过程中经常需要地图geo数据，这里将数据获取的方式整理出来，供大家参考。
阿里云GeoJSON在线工具
地址：阿里云GeoJSON在线工具
通过该工具可以轻松获得中国所有省份、地级市的包含子行政区轮廓经纬度坐标。
geojson.io工具
geojson.i...
yekong
10个月前 (08-02) 776℃
0喜欢
2021年的时候，做过一个数据可视化大屏，记得有一个效果是加载地图的动画视频，一个格子地面上，放着一个地图，然后移动视角来实现一个动画的效果。
格子背景动画
动画效果
今天看到这个视频后，就想着有没有办法通过代码来实现这种效果呢？我们先剔除掉地图，只要格子背景。
实现思路
首...
yekong
10个月前 (08-01) 484℃
0喜欢
数据可视化大屏项目开发工程中，对效果追求越来越高，之前我们实现的是：threejs 3d地图通过gsap实现从远到近的入场动画，今天要实现的效果是：地图标签要显示自定义图标，并且鼠标移入地图后，弹窗显示地图区域的内容。
threejs版本号
"three": "^0.154.0...
yekong
10个月前 (07-28) 511℃
0喜欢
数据可视化大屏项目开发工程中，对效果追求越来越高，所以前端也需要不断的积累效果，以便于快速应用到项目用，不用等到用的时候才想到开发，时间上就紧张了，今天要实现的是地图从远到近的入场动画。
threejs版本号
"three": "^0.154.0",
vue版本号
"vue...
yekong
10个月前 (07-28) 362℃
0喜欢
threejs 项目从123升级版本到154后报错
THREE.ExtrudeBufferGeometry is not a constructor
根据在github查看到的消息，方法从THREE.ExtrudeBufferGeometry 改名为了THREE.Extrude...
yekong
10个月前 (07-27) 324℃
0喜欢
vue3 vite项目开发中，渲染threejs时，会报下面的错误
TypeError: 'get' on proxy: property 'modelViewMatrix' is a read-only and non-configurable data property on...
yekong
10个月前 (07-26) 495℃
0喜欢
