当前位置: 首页 > news >正文

网站制作时友情链接翻译

网站制作时,友情链接翻译,wordpress插件清单 很多很全,淮安网站建设淮安网站制作推荐:用 NSDT编辑器 快速搭建可编程3D场景 在Three.js应用开发中,有时你可能需要为3D场景中的网格绘制2D的包围框,应该怎么做? 朴素的想法是把网格的3D包围框投影到屏幕空间,例如,下图中的绿色框 3D包围框…

在这里插入图片描述

推荐:用 NSDT编辑器 快速搭建可编程3D场景

在Three.js应用开发中,有时你可能需要为3D场景中的网格绘制2D的包围框,应该怎么做?

朴素的想法是把网格的3D包围框投影到屏幕空间,例如,下图中的绿色框 3D包围框, 当将其投影为 2D 时,得到的红色2D包围框,显然比想要的蓝色框大很多:
在这里插入图片描述

正确的做法是先将3D网格投影到屏幕空间,再计算2D包围框。

1、计算单个网格的2D包围框

只需将所有顶点转换为屏幕空间并从中创建一个 2d 边界框:

function computescreenspaceboundingbox(mesh, camera) {var vertices = mesh.geometry.vertices;var vertex = new three.vector3();var min = new three.vector3(1, 1, 1);var max = new three.vector3(-1, -1, -1);for (var i = 0; i < vertices.length; i++) {var vertexworldcoord = vertex.copy(vertices[i]).applymatrix4(mesh.matrixworld);var vertexscreenspace = vertexworldcoord.project(camera);min.min(vertexscreenspace);max.max(vertexscreenspace);}return new three.box2(min, max);
}

生成的 box2 位于标准化屏幕坐标 [-1, 1] 中, 可以通过乘以渲染器高度和宽度的一半来获得像素:

function normalizedtopixels(coord, renderwidthpixels, renderheightpixels) {var halfscreen = new three.vector2(renderwidthpixels/2, renderheightpixels/2)return coord.clone().multiply(halfscreen);
}

2、计算3DObject的2D包围框

更完善的实现需要考虑组、子节点等各种3DObject,其中可能包含多个网格,这需要一个递归实现,代码如下:

function computescreenspaceboundingbox(obj, camera) {var min;var max;// is this an array of objects?if(array.isarray(obj)) {for(var i = 0; i < obj.length; ++i) {let box2 = computescreenspaceboundingbox(obj[i], camera);if(min === undefined) {min = box2.min.clone();max = box2.max.clone();} else {min.min(box2.min);max.max(box2.max);}}}// does this object have geometry?if(obj.geometry !== undefined) {var vertices = obj.geometry.vertices;if(vertices === undefined&& obj.geometry.attributes !== undefined&& 'position' in obj.geometry.attributes) {// buffered geometryvar vertex = new three.vector3();       var pos = obj.geometry.attributes.position;for(var i = 0; i < pos.count * pos.itemsize; i += pos.itemsize){vertex.set(pos.array[i], pos.array[i + 1], pos.array[1 + 2]);var vertexworldcoord = vertex.applymatrix4(obj.matrixworld);var vertexscreenspace = vertexworldcoord.project(camera);if(min === undefined) {min = vertexscreenspace.clone();max = vertexscreenspace.clone();}min.min(vertexscreenspace);max.max(vertexscreenspace);}} else {// regular geometryvar vertex = new three.vector3();       for(var i = 0; i < vertices.length; ++i) {var vertexworldcoord = vertex.copy(vertices[i]).applymatrix4(obj.matrixworld);var vertexscreenspace = vertexworldcoord.project(camera);if(min === undefined) {min = vertexscreenspace.clone();max = vertexscreenspace.clone();}min.min(vertexscreenspace);max.max(vertexscreenspace);}}}// does this object have children?if(obj.children !== undefined) {for(var i = 0; i < obj.children.length; ++i) {let box2 = computescreenspaceboundingbox(obj.children[i], camera);if(min === undefined) {min = box2.min.clone();max = box2.max.clone();} else {min.min(box2.min);max.max(box2.max);}}}return new three.box2(min, max);
}

原文链接:计算3D对象的2D包围框 — BimAnt

http://www.ritt.cn/news/20138.html

相关文章:

  • 怎么改网站域名深圳seo推广培训
  • 网站制作用的软件有哪些天津百度网站排名优化
  • 出版社网站建设方案合肥网站制作
  • 增城网站建设网络怎么做推广
  • 石家庄专业信息门户网站定制聊城seo培训
  • 网站做管理员消息推送南宁百度seo排名公司
  • 门户网站建站注意事项电脑版百度入口
  • 做网站网什么是竞价推广
  • 做旅游网站当地人服务赚钱吗域名批量查询
  • 加强对网站建设百度网站优化排名
  • 手机触屏版网站开发推广渠道有哪些
  • 北京网站建设华网天下买送两年深圳龙岗区布吉街道
  • 汉沽天津网站建设互联网营销推广渠道
  • 微信开发网站开发重庆森林电影简介
  • 巫山做网站哪家强如何提高网站的搜索排名
  • 重庆网站建设公司建站模板北京效果好的网站推广
  • 杭州市做网站的公司上海不限关键词优化
  • 无锡做网站哪家好长沙官网seo分析
  • 介绍小说的网站模板下载地址永久免费建站系统
  • 深圳自建站网站做企业推广
  • 观澜做网站采集站seo赚钱辅导班
  • 专做律所网站成都百度推广排名优化
  • 培训网站排名产品推广策略
  • 北京软件公司招聘信息查询优化营商环境指什么
  • 做b2b网站有没有用视频营销的策略与方法
  • wordpress 实现申请友情链接linksaso排名优化知识
  • mini主机做网站服务器百度小说排名
  • 成都商城网站开发百度seo算法
  • 海珠免费网站建设网推资源渠道
  • 怎么增加网站权重it培训机构培训费用