![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
threejs-其他
凌风子夜
天作棋盘星作子,谁人敢下?
地当琵琶路当丝,哪个能弹?
展开
-
three.js中的几何体、网格详解
一、常用几何体BufferGeometry:是面片、线或点几何体的有效表述。包括顶点位置,面片索引、法相量、颜色值、UV 坐标和自定义缓存属性值。使用 BufferGeometry 可以有效减少向 GPU 传输上述数据所需的开销。Geometry:Geometry 是一个便于用户使用的 BufferGeometry 的替代品。Geometry 利用 Vector3 或 Color 存储了几何体的相关 attributes(如顶点位置,面信息,颜色等)比起 BufferGeometry 更容易读写,但原创 2020-10-29 16:02:15 · 1109 阅读 · 0 评论 -
Three.JS之性能优化(一)
在项目中如果大量引入外部模型,且外部模型太大,就必须进行压缩,否则不仅占用带宽,而且会降低硬件运行性能,使用户体验极差。1.压缩和使用OBJ格式的模型–Draco算法Draco算法Github地址Draco是由谷歌Chrome媒体团队设计,旨在大幅加速3D数据的编码、传输和解码。因为研发团队的Chrome背景,所以这个开源算法首要应用对象是浏览器。但既然谷歌已经把他开源,现在全世界的开发者都...原创 2020-03-07 12:52:36 · 1971 阅读 · 0 评论 -
threejs二维坐标与三维坐标的互转
屏幕坐标转为为空间坐标应用场景,射线检测,使用鼠标点击屏幕,获取一个屏幕坐标A(x,y),必须转换为空间坐标才能在threejs中使用。示例代码: var mouse=new THREE.Vector2(); mouse.x=(event.clientX/window.innerWidth)*2-1; mouse.y=-(event.clientY/window.inn...原创 2019-09-29 11:51:09 · 9192 阅读 · 1 评论