通过设置纹理的重复模式来实现图片复用达到草坪的效果。
演示效果
草地效果
代码
/**
* 创建一个草地地面
*/
var geometry = new THREE.PlaneGeometry(1000, 1000); //矩形平面
// 加载草地纹理贴图
var text...
yekong
2年前 (2023-01-28)
喜欢
通过批量创建表示一个树的精灵模型，来达到树林的效果。
演示效果
树林效果
代码
var that = this
/**
* 创建场景对象Scene
*/
var scene = new THREE.Scene();
/**
* 精灵创建树林效果
*/
// 加载树纹...
yekong
2年前 (2023-01-27)
喜欢
.addFolder() 分组
new GUI()实例化一个gui对象，默认创建一个总的菜单，通过gui对象的.addFolder()方法可以创建一个子菜单，当你通过GUI控制的属性比较多的时候，可以使用.addFolder()进行分组。
.addFolder() 返回的子文件夹...
yekong
2年前 (2023-01-26)
喜欢
add()方法参数3和4数据类型：数字
格式：add（控制对象，对象具体属性，其他参数）
其他参数，可以一个或多个，数据类型也可以不同，gui会自动根据参数形式，自动生成对应的交互界面。
参数3和参数4，分别是一个数字，交互界面是一个鼠标可以拖动的拖动条，可以在一个区间改变属性的...
yekong
2年前 (2023-01-26)
喜欢
.name() 方法
改变标签名称
.add()创建的交互界面，会默认显示所改变属性的名字，为了通过交互界面更好理解你改变的某个对象属性，你可以通过.name()方法改变gui生成交互界面显示的内容。
gui.add(lineGroup.position, 'x', 0,...
yekong
2年前 (2023-01-26)
喜欢
在给threejs 给地图添加气泡效果后，需要再增加一个信息弹窗效果，当鼠标移入气泡后，弹窗详细信息。
threejs 给地图添加气泡效果鼠标移入显示弹窗实例
threejs 给地图添加气泡效果鼠标移入显示弹窗
气泡数据渲染
loader.load(modelUrl + 'js...
yekong
2年前 (2023-01-25)
喜欢
threejs 给地图添加气泡效果实例
threejs 给地图添加气泡效果
创建圆形几何体
通过threejs的CircleBufferGeometry来实现圆形气泡
// 引入three.js
import * as THREE from 'three/build/three...
yekong
2年前 (2023-01-25)
喜欢
threejs 不同gdp拉伸不同高度并添加颜色变化，在此基础上，我们实践在地图上给地图添加3d标签标注地名
threejs 给地图添加3d标签实例
threejs 给地图添加3d标签
3d标签代码
import { CSS3DRenderer, CSS3DObject } f...
yekong
2年前 (2023-01-25)
喜欢
threejs 地图根据gdp数值的不同显示不同的高度，在添加好高度后，因为颜色都一样看起来并不清晰，所以在之前的基础上做一些处理，让启看起来效果更好
在地图数据加载完成后，根据gdp的数据复制颜色
地图根据gdp数值的不同显示不同的高度实例
threejs 不同gdp拉伸不同...
yekong
2年前 (2023-01-25)
喜欢
地图根据gdp数值的不同显示不同的高度实例
地图根据gdp数值的不同显示不同的高度
加载地图数据
loader.load(modelUrl + 'json/gdp.json', function (data) {
var gdpObj = {};//每个省份的名字作为属...
yekong
2年前 (2023-01-25)
喜欢
