博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
three.js 多模型世界坐标转屏幕坐标
阅读量:7042 次
发布时间:2019-06-28

本文共 735 字,大约阅读时间需要 2 分钟。

单模型坐标转化只需要调用center函数。 

多模型坐标转化的思路:生成一个容器盒子,包裹全部模型,再对盒子对坐标进行转换。

 伪代码

模型加载:

var group = new THREE.Group(); 

loader.load("./data/1.stl", stlMesh);  

loader.load("./data/2.stl", stlMesh);  

loader.load("./data/3.stl", stlMesh);

函数:

 function stlMesh(stlGeometry) { 

      var mesh = new THREE.Mesh( stlGeometry, material );

      mesh.scale.multiplyScalar( 0.2 ); 

      group.add(mesh); 

 }

  setTimeout(function(){

      var bbox = new THREE.Box3().setFromObject(group) 

      var mdlen=bbox.max.x-bbox.min.x; 

      var mdwid=bbox.max.z-bbox.min.z; 

      var mdhei=bbox.max.y-bbox.min.y;

      var x1=bbox.min.x+mdlen/2; 

      var y1=bbox.min.y+mdhei/2; 

      var z1=bbox.min.z+mdwid/2;

      group.position.set(-x1,-y1,-z1); 

      scene.add(group); 

 },2000);

初学webgl,请多指教。

转载于:https://juejin.im/post/5aab76edf265da23731433fd

你可能感兴趣的文章
你的Postfix邮件服务器安全么?
查看>>
站在巨人肩膀看清IT馅饼和陷阱
查看>>
Android系统匿名共享内存(Anonymous Shared Memory)C++调用接口分析(4)
查看>>
Windows 7 的一些使用技巧
查看>>
Spring Boot中使用Redis数据库
查看>>
完整性检查工具Nabou
查看>>
Exchange企业实战技巧(26)在Outlook中打开多个邮箱
查看>>
一个Linux小型综合实验
查看>>
软件定义架构让超融合世界更加复杂
查看>>
Wi-Fi当前的趋势及对IT和物联网的影响
查看>>
服务器遭受攻击后 该如何有效地处理?
查看>>
未来 Web 设计的 7 大趋势
查看>>
赛门铁克推生物特征识别科技 告别密码
查看>>
原来CSS这样写是会让App崩溃的
查看>>
《Cocos2D权威指南》——第2章 你的第一款iPhone游戏—垂直射击游戏 2.1 准备工作...
查看>>
信息化技术让智慧城市感知增强
查看>>
AI 从业者该如何选择深度学习开源框架丨硬创公开课
查看>>
OA产品:市场需求推动OA发展
查看>>
史上最大 DDoS 攻击曝光,没想到还有这么多人拿“12345”当密码
查看>>
《算法设计编程实验:大学程序设计课程与竞赛训练教材》——1.1 机理分析法的实验范例...
查看>>