Three.js 中的 OrbitControls 是一个用于相机控制的便捷类,它允许用户通过鼠标或触摸输入进行旋转、缩放和平移操作。以下是默认情况下各个鼠标按钮可以执行的操作:
左键(鼠标左键单击并拖动):
旋转:允许您围绕目标点旋转相机。这通常用于观察场景中的不同角度。...
yekong
1年前 (2023-08-09)
喜欢
threejs项目开发中,我们需要一些运动效果,比如这里我们让模型围绕y轴进行旋转。
动态效果
threejs版本
"three": "^0.154.0",
实例演示地址
threejs 渲染循环动画
让模型旋转
我们可以通过rota...
yekong
1年前 (2023-08-09)
喜欢
《地图Web3D可视化-WebGL/Three.js》课程一共有40节课程,课程时间长短不一.
课程价格
《地图Web3D可视化-WebGL/Three.js》课程价格为149元
购买课程可以联系本人,购买有折扣。不提供盗版教程,不卖账号。
如果你购买了《WebGL/Three....
yekong
1年前 (2023-08-04)
喜欢
使用threejs来渲染一个基础效果。因为自己一直是用vue开发项目,所以项目框架选为vue vite js nodejs 14
安装依赖
pnpm i three
版本选择
既然要学就选择最新版本,2023年08月02日,threejs的最新版本是155,但是在项目开发过程...
yekong
1年前 (2023-08-04)
喜欢
在通过Three.js实现一个基础渲染代码中,我对代码做了调整,让其可以随着div窗口大小进行适配调整。
安装依赖
pnpm i three
版本选择
"three": "^0.154.0",
实例演示地址
threejs 渲染非全屏(相机和渲染器)自定义画布大小
手动指...
yekong
1年前 (2023-08-04)
喜欢
今天学习相机的渲染范围,位置和目标。
threejs版本选择
"three": "^0.154.0",
在场景中添加多个物体
之前我们学习了通过Three.js实现一个基础渲染代码,今天我们在之前的代码基础上,添加三个物体
我们在场景中...
yekong
1年前 (2023-08-04)
喜欢
Three.js 是一个用于创建 3D 图形的 JavaScript 库,它提供了各种几何形状的构造函数,包括 CylinderGeometry(圆柱体几何体)。CylinderGeometry 类可以用来创建一个圆柱体的几何模型。
下面是 CylinderGeometry 的构...
yekong
1年前 (2023-08-04)
喜欢
Three.js 是一个用于在 Web 上创建 3D 图形的 JavaScript 库。SphereGeometry 是 Three.js 中的一个类,用于创建球体几何体。下面是关于 SphereGeometry 方法的参数介绍以及一个简单的渲染实例。
参数
SphereGeom...
yekong
1年前 (2023-08-04)
喜欢
Three.js是一个非常流行的JavaScript 3D库。在这个库中,有三种主要类型的相机:
透视相机(PerspectiveCamera):这是最常见的相机类型,它模拟了人眼所看到的透视效果。透视相机由四个参数定义:视场(视野的角度),纵横比(一般是画布的宽度除以高度)...
yekong
1年前 (2023-08-02)
喜欢
数据可视化大屏项目开发过程中经常需要地图geo数据,这里将数据获取的方式整理出来,供大家参考。
阿里云GeoJSON在线工具
地址:阿里云GeoJSON在线工具
通过该工具可以轻松获得中国所有省份、地级市的包含子行政区轮廓经纬度坐标。
geojson.io工具
geojson.i...
yekong
1年前 (2023-08-02)
喜欢