![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ThreeJs
文章平均质量分 92
懒人窥
这个作者很懒,什么都没留下…
展开
-
ThreeJs技术交流(4)——Unity3D与ThreeJS、以及在3D场景中添加视频
ThreeJs技术交流(4)——Unity3D与ThreeJS、以及在3D场景中添加视频Unity3D和ThreeJS在3D场景中添加视频基于平面添加视频基于video.js视屏控件添加视频结束语Unity3D和ThreeJS最近我正在学习Unity3D,ThreeJS的文章可能更新地会比较慢一点。其实Unity3D和ThreeJS既有相同点又有很大的区别,前者是世界首屈一指的3D游戏引擎,展...原创 2019-12-02 14:40:37 · 11030 阅读 · 6 评论 -
ThreeJs技术交流(2)——箭头、标语等流动特效
ThreeJs闲暇论——箭头、标语等流动特效写在前面效果演示如何实现结束语写在前面好久没写文章了,最近趁休息在家无聊有时间再来写点东西。前段时间有朋友问我一个效果怎么做。他也是看了CSDN上一位大神发的3D智能机房的示例,其中有一个演示如下:图片来源于https://blog.csdn.net/ALLENJIAO/article/details/77775043。原作中展示的是空调风向的流...原创 2019-11-16 16:42:02 · 6803 阅读 · 4 评论 -
ThreeJs技术交流(1)——以限定位置的方式移动物体
ThreeJs闲暇论——以限定位置的方式移动物体写在前面效果演示如何实现HTML代码结束语写在前面之前有一位读者@就是很爱你呀提出了一个问题:我觉得非常有意思,囿于当时项目上的其他事情没有来得及研究,只是匆匆给出了几个官方类似的演示例子。最近总算空闲下来了就开始着手研究这个问题了,这里也同样感谢@就是很爱你呀 给了我深入探索的方向。效果演示原谅我主要从事JAVA后台,前台我实在是个萌新...原创 2019-10-30 11:09:52 · 6572 阅读 · 6 评论 -
使用ThreeJs从零开始构建3D智能仓库——第五章(添加货架、货物与侧边栏)
使用ThreeJs从零开始构建3D智能仓库——第五章写在前面创建货架对象创建货架、货位类根据配置添加货架添加货物添加信息侧边栏HTML全部代码ThreeJs_Composer.js全部代码Modules.js全部代码结束语写在前面本章我们来讲解下如何添加货架货物和显示各类信息的侧边栏。效果如下图所示:其中货架的层数和每层的货位数量是可以自定义的,比如我这边就是三层每层两个货位。方便起见我在...原创 2019-10-21 11:58:14 · 17975 阅读 · 10 评论 -
使用ThreeJs从零开始构建3D智能仓库——第一章(一切的基础)
使用ThreeJs从零开始构建3D智能仓库——第一章写在前面如何实现从最简单的开始,构建地面准备——浏览器跨域设置初始化场景、相机、灯光、渲染器创建地板创建控制器及其他完整的代码结束语写在前面最近因为项目需求,需要构建一个3D仓库,能够显示整个仓库的布局以及库内货物的情况。于是刚入职两年的小白我毅然决然接下了这个沉重的任务(手动狗头),但是我并没有任何关于3D开发的经验,于是乎就各种翻书查百度...原创 2019-09-23 14:20:00 · 34235 阅读 · 29 评论 -
使用ThreeJs从零开始构建3D智能仓库——第二章(创建地面与门窗)
使用ThreeJs从零开始构建3D智能仓库——第二章最新进展如何添加墙壁、窗户、门添加三面实心的墙壁创建挖去门窗的墙创建控制器及其他完整的代码结束语最新进展最近这两天因为项目上比较空闲了,所以就想着怎么给我这个粗劣的小玩意儿加点高大上的东西,经过身边同事的提醒,我发现自己做的这个仓库只有一个房间,但是一般来讲厂房内可能会有多个仓库,或者说同一个仓库也有可能会有好几层。所以开发一个场景切换的功...原创 2019-09-25 10:01:36 · 16771 阅读 · 16 评论 -
使用ThreeJs从零开始构建3D智能仓库——第三章(选中物体与特效)
使用ThreeJs从零开始构建3D智能仓库——第三章写在前面——目录结构如何添加墙壁、窗户、门添加三面实心的墙壁创建挖去门窗的墙安装门及窗户完整的代码结束语写在前面——目录结构这一章我们来完成激动人心的,关于如何鼠标单击选中一个物体,并让该物体周围闪烁白光,并在鼠标点击位置的上方显示该物体的名字。如下图所示:在开始这章内容的讲解之前,我想先给大家推荐下项目的目录结构,因为这一章我们将要引入...原创 2019-09-29 23:34:02 · 16453 阅读 · 6 评论 -
使用ThreeJs从零开始构建3D智能仓库——第四章(添加动画及库区)
使用ThreeJs从零开始构建3D智能仓库——第四章写在前面使用TweenJS创建补间动画TweenJS简介开关门动画的实现添加库区与文字结束语写在前面本章我们来探索下如何添加补间动画以及添加库区。效果如下图所示:因为上传GIF的大小限制为5M,所以只能截个开门的动画,关门的动画类似大家可以自行脑补。添加库区后效果如下,库区的位置、长宽、字体的大小位置颜色都是可以根据自己的配置调整的,为...原创 2019-09-30 12:14:33 · 10149 阅读 · 8 评论