首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
threejs
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
threejs-生成带宽度的线-MeshLine的使用
threejs-生成带宽度的线-MeshLine的使用,线材质设置linewidth无效的原因由于OpenGLCoreProfile与大多数平台上WebGL渲染器的限制,无论如何设置该值,线宽始终为1。解决方法:线用面来代替,首选使用现成的库,今天就使用MeshLine.jsMeshLine.js介绍引入原版github.com/spite/THREE…es版代码地址,使用这一版github.co
1666
代码人生
01-01 08:00
代码人生
threejs-CSS3DRenderer-入门
threejs-CSS3DRenderer-入门,示例效果原理通过threejs的插件CSS3DRenderer,实现dom元素的3d效果,本质是把原来三维场景场景中的视图矩阵、模型矩阵、投影矩阵的变换,通过css中的translateZ、matrix3d、perspective等属性模拟出来在,作用在dom上CSS3DRenderer中暴露出的三个对象1.CSS3DObject类似threejs
1202
代码人生
01-01 08:00
代码人生
ThreeJs入门37-WebGL视图篇:类似3Dmax的多视图显示
ThreeJs入门37-WebGL视图篇:类似3Dmax的多视图显示,我们上节讲解了多摄像机、多视图、多角度摄影,对于多视图我们还需要了解一些其他的东西。类似于3Dmax的多视图显示又应该如何做呢?我们一起来看下吧。3Dmax的多视图如果你有用过3Dmax,那么你对于多视图是会比较熟悉的。看下图在我们的3Dmax软件上显示一个物体,但是我们显示了4个窗口,分别显示了物体的正面、侧面、斜面、透视和实
501
代码人生
01-01 08:00
代码人生
Threejs中的Clock对象以及简单应用
Threejs中的Clock对象以及简单应用,什么是Clock对象如果你对JavaScript有一定了解,那么JavaScript的时间对象Date你一定不陌生,Clock本质上就是对Date进行封装,提供了一些方法和属性当你通过Threejs编写一些和时间相关程序时候,不用在对Date进行封装,直接调用Clock对象的方法和属性即可Clock对象的主要属性和方法属性.autoStart,Bool
363
代码人生
01-01 08:00
代码人生
ThreeJs入门21-三维模型的加载与显示基础
ThreeJs入门21-三维模型的加载与显示基础,我们使用threejs创建3D世界,那么这里讲述的模型也就是3D模型。我们知道,在3DMAX,MAYA等软件(这是一些三维编辑软件)中,可以制作出3D模型。这些模型可用于室内设计,三维影视,三维游戏等领域。那么3D模型是怎么定义的呢?让我们来看看吧。模型概述3D模型由顶点(vertex)组成,顶点之间连成三角形或四边形(在一个平面上),多个三角形或
300
代码人生
01-01 08:00
代码人生
threejs-加特效-后期处理的基本使用方法
threejs-加特效-后期处理的基本使用方法,后期处理:简单的说就是先渲染一张图存起来,在这张图上面"添油加醋",处理完后再渲染到屏幕上。这一过程three进行了封装,使用现成的可以更快实现需求基本代码//引入后期处理基本的对象import{EffectComposer}from'three/examples/jsm/postprocessing/EffectComposer.js'import
191
代码人生
01-01 08:00
代码人生
ThreeJs入门24-VTKLoader的内部加载过程解析
ThreeJs入门24-VTKLoader的内部加载过程解析,示例代码采用three.js-r73版本:cdnjs.cloudflare.com/ajax/libs/t…我们已经实战了VTKLoader来加载我们的VTK模型,那么VTKLoader内部是怎么实现的呢,我们来一探究竟。VTKLoader构造函数THREE.VTKLoader=function(manager){this.manage
173
代码人生
01-01 08:00
代码人生
threeJS设置模型的变换大小、角度、位移控件
threeJS设置模型的变换大小、角度、位移控件 设置模型的变换大小、角度、位移控件 注:obj为三维模型object对象 位置 obj.position :查询x、y、z位置信息 obj.position.set(x,y,z) :设置x、y、z位置信息 obj.translateY(1) :设置单个y位置信息 obj.translateX(1) :设置单个x位置信息 obj.translateZ
127
代码人生
01-01 08:00
代码人生
Threejs TrackballControl源码解析
Threejs TrackballControl源码解析 /** * @author Eberhard Graether / http://egraether.com/ * @author Mark Lundin / http://mark-lundin.com * @author Simone Manini / http://daron1337.github.io * @author Luca A
127
百科问答
01-01 08:00
百科问答
threejs文档示例(threejs3d可视化楼宇源码)
threejs文档示例(threejs3d可视化楼宇源码)WebGL简介:WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0(OpenGL for Embedded Systems,OpenGL嵌入式版本,针对手机、机等设备相对较轻量级的版本)结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canva
98
«
1
2
»