随笔分类 -  three.js

摘要:three之文字标签添加 原理: 使用CSS2DRenderer将html标签绘制到three的画布中,放置在指定位置。 主要代码: addLabel.js文件:(使用mixins引入主vue文件) import * as THREE from "three"; import { CSS2DRend 阅读全文
posted @ 2022-03-26 18:48 莫小龙 阅读(1426) 评论(1) 推荐(0) 编辑
摘要:three之位置检查 原理: 在指定坐标绘制一个小正方体,用作确定位置。 方法: addSignBox(x,y,z) { var geometry = new THREE.BoxGeometry(5, 5, 5); var material = new THREE.MeshLambertMateri 阅读全文
posted @ 2022-03-26 12:51 莫小龙 阅读(90) 评论(0) 推荐(0) 编辑
摘要:win10之图形性能首选项 此项设置可以提高浏览器渲染三维场景的性能。 原理:配置配置应用选择优先性能、不考虑电池使用时间。 配置方法: 1、win10搜索图形设置,打开 2、点击浏览,选择谷歌安装位置的exe文件,点击添加 转载自:@胡 钻研不易,转载请注明出处。。。。。。 阅读全文
posted @ 2021-10-18 14:30 莫小龙 阅读(2290) 评论(0) 推荐(0) 编辑
摘要:TweenJs之多段动画 引入: import TWEEN from 'tween' 代码:(示例为cesium的entity动画) var option = { ratio:0 }//系数 var tween = new TWEEN.Tween(option) .to({ratio:44},100 阅读全文
posted @ 2021-05-14 11:23 莫小龙 阅读(846) 评论(0) 推荐(0) 编辑
摘要:threejs之加载stl模型 loader.load(`/gltf/RMHospital.stl`, geometry => { // var material2 = new THREE.MeshLambertMaterial( { color: 0x00ff00} ); let material 阅读全文
posted @ 2020-12-08 19:36 莫小龙 阅读(2124) 评论(0) 推荐(0) 编辑
摘要:threejs之添加gltf模型 加载模型: let GLTFLoader1 = new GLTFLoader(); /*实例化加载器*/ GLTFLoader1.load("/gltf/1.gltf", (obj) => { scene.add(obj.scene); obj.scene.posi 阅读全文
posted @ 2020-12-08 19:32 莫小龙 阅读(4225) 评论(0) 推荐(0) 编辑
摘要:threejs效果之楼房展示 效果: 基础数据: 楼房每一个楼的底边数据,数据结构为geojson。properties属性中Floor属性为楼房层数,本示例默认所有楼每层等高。 数据示例: { "type": "FeatureCollection", "features": [ { "type": 阅读全文
posted @ 2020-10-21 11:43 莫小龙 阅读(8229) 评论(0) 推荐(1) 编辑
摘要:基于three.js开发全景播放器 原理:将video标签拉伸显示在three.js场景的一个球模型上,用相机在中间播放渲染。 基础:基于three.js官方案例中的全景视频播放(three.js webgl - equirectangular video panorama) 操作过程:对官方dem 阅读全文
posted @ 2018-04-19 17:18 莫小龙 编辑

点击右上角即可分享
微信分享提示