three.js 相对坐标的设置

Mesh 好比一个包装工，它将『可视化的材质』粘合在一个『数学世界里的几何体』上，形成一个『可添加到场景的对象』。创建的材质和几何体可以多次使用（若需要）。而且，包装工不止一种，还有 Points（点集）、Line（线/虚线）等。

通过父与子的关系可以将mesh们关联起来mesh_parent.add(mesh_child)，子的position是相对于父的，即子的坐标系以父的位置为原点

相对坐标系（相关联物体）
测试demo: https://codepen.io/vidark/pen/JNNPPJ

// Sphere Mesh 1sphereMesh1 = new THREE.Mesh(sphereGeometry1, sphereMaterial1);sphereMesh1.position.set(0, 1, 0);scene.add(sphereMesh1);// Pivot pointpivotPoint = new THREE.Object3D();sphereMesh1.add(pivotPoint);// Sphere Mesh 2sphereMesh2 = new THREE.Mesh(sphereGeometry2, sphereMaterial2);// Position from pivot point to sphere 2sphereMesh2.position.set(260, 4, 4);// make the pivotpoint the sphere's parent.pivotPoint.add(sphereMesh2);// Renderer} // End of init// Animate
function animate() {requestAnimationFrame( animate );renderer.render( scene, camera );render();
}// Mesh animation
function render() {// Animating sphere 1var time1 = Date.now() * 0.0005;sphereMesh1.position.x = Math.cos( time1 * 10 ) * 2;sphereMesh1.position.y = Math.cos( time1 * 7 ) * 3;sphereMesh1.position.z = Math.cos( time1 * 8 ) * 4;// Animating sphere 2 相对父节点坐标系pivotPoint.position.x += 0.0001;pivotPoint.position.y += 0.03;pivotPoint.position.x += 0.0001;
}

three.js 相对坐标的设置相关推荐

php图片黑白,JS对图片进行黑白化设置
这次给大家带来JS对图片进行黑白化设置,JS对图片进行黑白化设置的注意事项有哪些,下面就是实战案例,一起来看一下. HTML5推出了元素,使我们可以通过js动态的在这个区域之中进行图像的绘制.而我们 ...
html 字号宽度像素,JS根据设备宽度设置根节点（html）font-size字体大小
JS根据设备宽度设置根节点(html)font-size字体大小发布时间:2020-04-10 20:28:04 来源:51CTO 阅读:3210 作者:pmlinjian JS根据设备宽度设置根节 ...
matplotlib 多子图的画法 - 设置坐标范围 - 设置坐标的显示间隔 - 设置figure的大标题 - 设置x轴和y轴的名称 - df.groupby
前言本文实现的功能: 多子图的画法设置坐标范围设置坐标的显示间隔设置figure的大标题设置x轴和y轴的名称
【RobotStudio学习笔记】（九）坐标偏移设置
Offs指令功能:根据当前所选工件坐标以及基准点进行坐标偏移使用:Offs(变量, Δx, Δy, Δz) 坐标偏移设置方法点击要偏移的robtarget数据,选择功能-Offs 例如让夹爪夹取 ...
Web前端笔记-two.js实现坐标定位（动画效果非瞬移定位）
先来看下程序运行截图: 画图相关代码: ;import * as Two from "JS/two"; import * as $ from "JS/jquery&quo ...
JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值...
//**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的IDvar op ...
转 Js窗体window大小设置
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetW ...
php radio js,如何使用JavaScript设置radio选中的示例
在页面数据绑定时,经常会遇到给radio设置选中,以下是我写的js方法,经测试可以使用.欢迎拍砖是否是否 $(function(){ $("#btn1").click(fu ...
现实JS模板，可设置默认值
在写封装一些URL请求时想到用模板的方式会很灵活,所以在网上看了下,把replace的第二个参数写成函数时还真有意思,省了写循环的事,呵呵!也实现了我认为必需得有的特性:设置默认值. 1 var ur ...

three.js 相对坐标的设置

three.js 相对坐标的设置相关推荐

最新文章

热门文章