摘要： 基于three.js 对CSS3DRenderer.js再次封装，点击github查看源码。 优化结果： 1.创建的文本对象能够被射线检测到，可添加事件。 2.可和场景物体交替，使文本更具3d效果。 缺点： 1.文本不可透明 安装： npm install three-3d-text --save 阅读全文

摘要： 基于three.js的事件插件， 自己封装的类发布到了npm上，也可以到github上下载源码 安装： npm install object3d-events --save 引入： import Event from 'object3d-events' 使用： //初始化事件对象，参数(elemen 阅读全文

摘要： #vue实现一个组件其实很简单但是要写出一个好的可复用的组件那就需要多学习和钻研一下，一个好的组件必须有其必不可少的有优点：一是能提高应用开发效率、测试性、复用性等；二是组件应该是高内聚、低耦合的；三是组件应遵循单向数据流的原则。 #在实现我的图片的拖拽组件我们的搞清其原理，在这里我使用的是mous 阅读全文

摘要： ###1.使用vue-cli工具创建一个vue项目 vue create projectName ###2.安装three.js npm install three -S ###3.创建index.vue页面 在该页面中导入THREE： import * as THREE from 'three' 阅读全文

摘要： 以上一篇入门篇为例来简单的设置下3d模型当中的交互事件，上一篇我们已经完成了在3d页面中添加了一个红色球，下面我们给这个球一个点击事件让它Y轴位置上升，再设置一个鼠标移入到球上时让其变色。 1.其实three.js当中没有事件可以直接选中物体的，我们需要监听window对象来完成与3d页面的交互，通 阅读全文

摘要： ##准备工作 ###1.运用three.js进行3d开发，其实和页面编程一样，首先需要在html文件中引入**three.js**。Three.js使用面向对象的方式来构建程序，它包含3个基本对象： 场景（scene）, 相机（camera）, 以及一个渲染器（renderer）。 ####第一步： 阅读全文