
ThreeJS
李小喵Y
Cesium开发,threejs 个人笔记
展开
-
Three.js简单编程
在这里记录几个常用的threejs的方法,以便以后查找 //监听鼠标移动拾取物体 function ray() { var Sx = event.clientX;//鼠标单击位置横坐标 var Sy = event.clientY;//鼠标单击位置纵坐标 //屏幕坐标转标准设备坐标 var x = ( Sx / window...原创 2019-01-17 15:24:51 · 346 阅读 · 0 评论 -
threejs uv贴图
原始贴图:实现效果://cube uv贴图var cubeMaterial=new THREE.MeshPhongMaterial({map:THREE.ImageUtils.loadTexture('./img/building.jpg')});let cubesizex=5.6225;let cubesizey=3;let cubesizez=4.2554; //计算的图片比...原创 2019-03-01 09:49:03 · 6565 阅读 · 1 评论 -
threejs 通过两点生成贝塞尔曲线
三阶贝塞尔曲线function addLines(v0, v3) { // 计算向量夹角 let angle = v0.angleTo(v3) * 270 / Math.PI / 10; // 0 ~ Math.PI let aLen = angle * 50, hLen = angle * angle * 120; let p0 = new TH...原创 2019-03-21 10:44:38 · 4929 阅读 · 1 评论 -
threejs 摄像机沿特定轨迹飞行
//获取当前camera位置 let camPosition=camera.position; //获取摄像机当前位置 let newPosition=new THREE.Vertex(1,50,-24); //设置目标位置 let curve=addLines(camPosition,newPosition).curve; //绘制贝塞尔曲线//取...原创 2019-03-21 10:54:58 · 5171 阅读 · 0 评论 -
CesiumJs+ThreeJs实测
原帖:https://blog.youkuaiyun.com/zhishiqu/article/details/79077883这篇帖子讲述了如何将cesium和threejs结合,但是如果跟着代码敲一遍,会发现并不能加载出threejs的模型。仔细跟着写了编,把遇到的坑做一下说明。1.要注意threejs的版本。文中所用为r87版的threejs,尝试换成r92,r103,都找不到模型,这个问题后续再探...原创 2019-04-01 10:55:36 · 27560 阅读 · 14 评论 -
Threejs-射线拾取模型,获取模型表面点击的点坐标
addEventListener('click',Ray);// 监听窗口鼠标单击事件 function Ray() { var windowX = event.clientX;//鼠标单击位置横坐标 var windowY = event.clientY;//鼠标单击位置纵坐标 var x = (windowX / windo...原创 2019-05-05 17:04:03 · 4509 阅读 · 6 评论 -
ThreeJS动态加载div标签
html中标签样式: .tap{ position: absolute; background-color: MidnightBlue; background-color:rgba(0,10,40); border-top-left-radius: 10px; border-...原创 2019-05-05 17:30:51 · 16167 阅读 · 13 评论 -
threejs 摄像头区域模拟
要做一个模拟摄像头区域的功能,本想用cameraHelper模拟出的线与模型求交点,然后通过得到的点画三角面,可看cameraHelper的属性,pointMap并不是直接给出了最远的四个点,没看出来到底是怎么对应到三维点的,所以自己画了个摄像头的helper。//摄像机区域模拟 cameraHelper{ function addCameraHelper(){ var...原创 2019-05-17 16:06:45 · 1809 阅读 · 0 评论