Three.js
天空影
此生多磨难,此身越重洋
展开
-
Three.js(四)ThreeBSP的使用
基础demo基于上一篇博文的basic.js配置,所以需要先引入上一篇文章的文件:通过简单使用光源提供一个基础封装类介绍(ThreeBSP)名称描述intersect(交集)使用该函数可以基于两个现有几何体的重合的部分定义此几何体的形状。union(并集)使用该函数可以将两个几何体联合起来创建出一个新的几何体。subtract(差集)使用该函数可以在第一...原创 2019-01-25 15:10:50 · 6725 阅读 · 6 评论 -
Three.js(三)通过简单使用光源提供一个基础封装类
这篇文章主要是为了提供一个基础的封装类,但是因为直接硬生生的代码会感觉很不友好,所以就是把简单使用光源的这部分作为这个类的简单demo了。效果图附带功能摄像头控制器环境光和平行光的使用网格的创建网格辅助功能性能监测工具坐标轴辅助自适应创建地板以上功能都是提供到能够使用的程度,至于实现其他的效果就要自己去看api了,毕竟我这篇文章的本意是提供一个可以开箱即用的类。代码...原创 2019-01-21 14:58:49 · 782 阅读 · 0 评论 -
three.js(一)控制摄像机角度
这篇应该算是最基础的了,不过因为我自己也是刚刚学习这个,所以也是把这个单独拿出来做一篇分享,因为3d就是想要人能够控制多角度观察的。话不多说,这里就把显示物品单独拎出来看看,这也是官网的例子初始显示<!DOCTYPE html><html> <head> <meta charset=utf-8> &am原创 2019-01-16 17:28:13 · 10890 阅读 · 2 评论 -
three.js(二)控制物品旋转、缩小
这里就感觉没啥要介绍的,不过因为也算是一个单独的操作项,所以也是单独拎出来简单的介绍一下了。方法dispose() //解绑所有事件attach() //设置当前对象detach() //解除对象setMode(mode) - mode[scale/rotate/translate][string] //设置场景编辑模式 setTranslationSnap()setRotat...原创 2019-01-16 17:35:55 · 2310 阅读 · 0 评论