three.js
文章平均质量分 91
acoolgiser
微信搜索:acoolgiser
展开
-
three.js 加载透明贴图模型不正常显示的问题,渲染透明贴图gltf模型
概述:现在有一个从3dmax导出的gltf模型,贴图方式是透明贴图,想要用three.js加载显示出来,但是在gltf Viewer中预览时是不支持透明贴图的,不知道是不是模型的问题,从网上查了很多文章,最后才试出来解决办法。一、模型首先看一下在https://gltf-viewer.donmccurdy.com/上预览的效果,直接上图:二、下载源码,本地运行下载它的源码,https://github.com/donmccurdy/three-gltf-viewer,在本地运行起原创 2020-11-30 15:40:17 · 3387 阅读 · 2 评论 -
js截屏以及three.js场景截屏
做这个功能都是半个月之前的事情了,没想到一直耽误却一直都没有写下总结,尴尬。。。。。来来来,说正事在手机端截屏完全不需要前端动什么脑子,但是在网页上截屏就很头疼了,我这里介绍两种情形,针对普遍和某一特殊功能需求1、js截屏插件html2canvas.js这个插件真的很好用,而且GitHub上的小星星也特别多,html2canvas官网 也给了详细的例子,最简单的就这样引用一个库文件,调用就可以将页面中的元素截图下来了。但是这个插件原理是,将需要截图页面里面的元素一层一层遍历,然后在can..转载 2020-11-09 14:51:58 · 1755 阅读 · 0 评论 -
webgl图库研究(包括BabylonJS、Threejs、LayaboxJS、SceneJS、ThingJS等框架的特性、适用范围、支持格式、优缺点、相关网址)
3D图库框架范围与示例摘要:为实现企业80%以上的生产数据进行智能转化,在烟草、造纸、能源、电力、机床、化肥等行业,赢得领袖企业青睐,助力企业构建AI赋能中心,实现智能化转型升级。“远舢文龙数据处理平台”以AI驱动,构建5G时代下企业数智基础,从根本上改变了数据采集、存储和使用的方式,是当下企业构建数字化与智能化能力的首选产品。“远舢知识图谱平台”,作为国内第一批落地应用的“知识图谱”,平均缩短智能化应用开发周期70%,延长企业分析决策应用生命周期150%。“远舢Hybrid Twin”构建面向未转载 2020-11-06 11:33:13 · 2510 阅读 · 0 评论 -
什么是TWEEN?补间动画的概念
这两天研究了一下tween.js的补间动画效果,基于three.js实现了一个简单的效果:看完下面这篇博客就能初步对TWEEN补间动画有一个大概的认识:https://blog.csdn.net/qq_41741576/article/details/101205758原创 2020-11-05 18:29:58 · 435 阅读 · 0 评论 -
three.js 源码分析 之 LoadingManager
LoadingManager是一个下载过程中记录、下载完成情况类,当three.js中的一些文件被下载时通过设置LoadingManager可以及时获取当前文件列表中的下载进度//正在加载的文件管理 function LoadingManager( onLoad, onProgress, onError ) { //设置域 var scope = this; //当前状态为未加载 var isLoading = false; ...转载 2020-11-02 15:29:33 · 708 阅读 · 0 评论 -
three.js 中的右手坐标系
Threejs使用的是右手坐标系,这源于opengl默认情况下,也是右手坐标系。下面是右手坐标系的图例,如果对这个概念不理解,可以百度一下,我保证你伸出手比划的那一瞬间你就明白了。图中右边那个手对应的坐标系,就是右手坐标系。在Threejs中,坐标和右边的坐标完全一样。x轴正方向向右,y轴正方向向上,z轴由屏幕从里向外。 跟高中物理学的左手定则、右手定则类型。 摘自:htt...转载 2018-12-27 21:50:27 · 2968 阅读 · 0 评论 -
three.js 游戏循环 渲染循环
物体运动还有一个关键点,就是要渲染物体运动的每一个过程,让它显示给观众。渲染的时候,我们调用的是渲染器的render() 函数。代码如下:renderer.render( scene, camera );如果我们改变了物体的位置或者颜色之类的属性,就必须重新调用render()函数,才能够将新的场景绘制到浏览器中去。不然浏览器是不会自动刷新场景的。如果不断的改变物体的颜色,那么就需要不...原创 2018-12-27 22:02:10 · 1044 阅读 · 0 评论 -
three.js 性能测试
转自webgl中文网:http://www.hewebgl.com/article/getarticle/584、物体运动后,怎么评估程序的性能关于性能:测试一个程序,性能上是否有瓶颈,在3D世界里,经常使用帧数的概念,首先我们来定义一下帧数的意义。帧数:图形处理器每秒钟能够刷新几次,通常用fps(Frames Per Second)来表示。如下是每秒钟59次刷新的应用:当物体...转载 2018-12-28 09:25:51 · 1588 阅读 · 0 评论 -
three.js中场景,相机,渲染器之间的关系
摘自:http://www.hewebgl.com/article/getarticle/50Three.js中的场景是一个物体的容器,开发者可以将需要的角色放入场景中,例如苹果,葡萄。同时,角色自身也管理着其在场景中的位置。相机的作用就是面对场景,在场景中取一个合适的景,把它拍下来。渲染器的作用就是将相机拍摄下来的图片,放到浏览器中去显示。他们三者的关系如下图所示:...原创 2018-12-30 16:13:46 · 947 阅读 · 0 评论