![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
three.js
天有行-地无迹-千秋怎堪一剑扫
这个作者很懒,什么都没留下…
展开
-
three.js : 图形绘制基础
参考博客:ThreeJs 图形绘制基础二、图形绘制主要流程图形绘制一般流程为:构造 Shape、构造 BufferGeometry 、构造 Mesh 并添加到场景中。图形绘制的基础有 3 个比较核心的类:Curve,Path 以及 Shape。Shape 是间接继承自 Curve ,Curve 定义了 getPoints() 的基础。Shape 的 getPoint...转载 2019-12-03 18:49:34 · 973 阅读 · 0 评论 -
【three.js :3D】obj+mtl中大部分参数的含义解析(转载)+自己补充的。
转载:obj + mtl 格式说明另一个参考:convert_obj_three.py脚本中,作者对一些参数的解析。【其实这篇转载的内容后半部分和.py脚本内容相对应】 OBJ(或 .OBJ)是一种开放的几何定义文件格式,最初由Wavefront Technologies公司开发,用以描述其Advanced Visualizer动画包。该格式已被其他3D图形应用供应商采纳,是一种...转载 2018-12-11 17:30:38 · 2182 阅读 · 0 评论 -
【Three.js :语法】引入物理引擎:Physijs
1、为Physijs设置两个属性:Physijs.scripts.worker = '../js/Physijs/physijs_worker.js';Physijs.scripts.ammo = 'ammo.js'; 目的1:设置一个单独的线程来计算物理模拟的,避免渲染被影响而引起的卡顿。--执行的任务线程目的2:Physijs.js实际只是ammo.js和three....原创 2018-12-26 18:42:15 · 1254 阅读 · 1 评论 -
【three.js : 3D】【load】threejs:3D模型导入问题
转载:threejs:3D模型导入问题想想复杂的模型就交给3D设计师进行创作,而我们开发时只需引入模型文件,是不是很美滋滋?当然,如果你时间充裕,又对模型创作感兴趣,那你确实可以花时间好好学习3D建模软件的使用,这样以后就可以自己创建所需模型,由自己导出与导入模型文件。因为从建模软件导出模型的过程中,其实有特别多的坑,一个不小心,导出的模型可能就大相径庭。所以依赖于别人导出的模型文件...转载 2018-12-03 19:21:22 · 9342 阅读 · 1 评论 -
【JavaScript:编译错误】引入JS/CSS时,报net::ERR_ABORTED错误。
问题: 解决方法:一、百度的方法:转载:引入JS/CSS时,报net::ERR_ABORTED错误的解决方法但是这个方法没试过,因为不适合当前的情况。 二、用nodejs 设置本地服务,而不用webStrome的服务功能来: 1、找到nodejs安装路劲下:D:\Program Files\nodejs\node_modules\npm 的 node_...原创 2019-01-28 15:43:08 · 6607 阅读 · 0 评论 -
【three.js:语法】光源使用详解2-3(聚光灯 SpotLight、平行光 DirectionLight 、环境光 HemisphereLight、镜头光晕 LensFlare)
注意点:SpotLight.target 的使用。1、SpotLight.target= object 或者是 THREE.Object3D()才行。不能只是一个position。2、target的THREE.Object3D()无论是object还是object3D,都必须添加到场景中才行,否则无论怎么直接改spotLight.target的object3D()都是无法生效的。??...转载 2019-01-14 14:38:16 · 3112 阅读 · 0 评论 -
【three.js :语法】Three.js学习笔记-Core(核心)
BufferAttribute存储和BufferGeometry相关的属性(如定点位置,面部索引,法线,颜色和UV,自定义属性) 构造函数 BufferAttribute( array : TypedArray, itemSize : Integer, normalized : Boolean ) array: 实例化缓冲区 itemSize: 数组中关联特殊顶点的值 normali...转载 2019-01-08 18:48:54 · 1010 阅读 · 0 评论 -
【three.js :语法】Three.js中常用三种材质的属性简介
转载:THREE.JS中常用的3种材质—-ID:标识材质name: 名称opacity:透明度,结合transparent使用,范围为0~1transparent:是否透明,如果为true则结合opacity设置透明度。如果为false则物体不透明visible:是否可见,false则看不见,默认可以看见side:侧面,觉得几何体的哪一面应用这个材质,默认为THREE.Fr...转载 2019-01-12 11:27:05 · 1974 阅读 · 0 评论 -
【three.js : 3D】【loader】THREE.js中加载不同格式的模型及动画(fbx、json和obj)
转载:THREE.js中加载不同格式的模型及动画(fbx、json和obj)注:本文章内容基于 Three.js 88dev 实现作为刚接触three.js的小萌新,励志将自己开荒历程记录下来,希望对后来人有所帮助。网上有很多demo,文档却不多。每次都是,照搬别人的数据没问题,换成自己的模型/动画总会报错! (╯‵□′)╯︵┻━┻多次踩坑后,总结出三种常用格式的加载方法。1...转载 2018-12-03 14:37:16 · 13877 阅读 · 0 评论 -
three.js 包围盒简单应用
一、包围盒二、包围盒简单应用:(一)移动模型到合适的位置计算多个模型组合的group的包围盒var bbox = new THREE.Box3().setFromObject(group)将导入的外部模型移动到世界坐标中心。(比较粗糙的,实际上是包围盒的中心移动到世界坐标中心,而非实际模型)注意点:从代码中看,group.position.set(-x1,-y1,-z1)...原创 2018-08-30 15:59:24 · 8334 阅读 · 2 评论 -
three.js实现屏幕坐标转化为模型的世界坐标
three.js实现屏幕坐标转化为模型的世界坐标基础:three.js中坐标系统.doc方法.project 通过Vector3对象的方法project,方法的参数是相机对象,语句worldVector.project(camera);返回的结果是世界坐标worldVector在camera相机对象矩阵变化下对应的标准设备坐标, 标准设备坐标xyz的范围是[-1,1]。...转载 2018-09-04 19:29:51 · 9530 阅读 · 2 评论 -
three.js中render渲染器与html中body显示之间的联系
方法一: three.js中生成html5中的body。<body onload="draw();"></body>function initRender() { renderer = new THREE.WebGLRenderer({antialias: true}); renderer.setClearColor(n...原创 2018-09-04 17:49:23 · 1169 阅读 · 0 评论 -
three.js 合并多个模型
方法一:THREE.Geometry.merge()合并多个模型为一个关键点:通过THREE.Geometry.merge()函数,你可以将多个几何体合并起来创建一个联合体参考博客:63 Three.js 将多个网格合并成一个网格 //合并模型,则使用merge方法合并 var geometry = new THREE.Geometry(); //merge方...原创 2018-08-30 19:41:18 · 12981 阅读 · 0 评论 -
convert_to_threejs.py 使用配置
转载于:https://blog.csdn.net/jcq521045349/article/details/52526117以下内容引用自README.md ,大家请首先参照这个配置convert-to-threejsUtility for converting model files to the Three.js JSON formatSupported FormatsF...转载 2018-08-27 16:11:28 · 522 阅读 · 0 评论 -
threejs中3D视野的缩放实现(透视投影摄像机,鼠标事件响应功能)
转载:https://www.cnblogs.com/zjf-1992/p/6146486.html threejs中3D视野的缩放实现通过Threejs基础学习——修改版知道创建一个相机的相关知识点 1 2 3 4 5 var camera = new THREE.PerspectiveCamera( fov, aspe...转载 2018-08-22 17:58:13 · 8235 阅读 · 1 评论 -
【Three.js:3D模型】各种模型简单介绍
转载:3D模型汇总----骨骼模型3D模型的格式有很多,每个公司或软件都可以自己定义自己的格式,或公开或不公开。如max,obj, x(微软),fbx(被Autodesk收购),dae,md2(Quake2),ms3d(MilkShap3D),mdl(魔兽3)等等。MD2是Quake2里的模型文件格式,带有顶点动画;OBJ是一种文本格式存储的模型文件格式,只能存储静态模型;MS3D...转载 2018-11-29 16:37:33 · 4196 阅读 · 0 评论 -
【Three.js:3D模型】【转载】OBJ文件格式详解
转载:3D中的OBJ文件格式详解常见到的*.obj文件有两种:第一种是基于COFF(Common Object File Format)格式的OBJ文件(也称目标文件),这种格式用于编译应用程序;第二种是Alias|Wavefront公司推出的OBJ模型文件。本文对第二种obj模型文件进行分析。3D文件格式,常见的有几种 "*.3ds","*.max","*.lw","*.mb","...转载 2018-11-29 16:36:59 · 1677 阅读 · 1 评论 -
【three.js-性能优化】three.js性能优化
转载:three.js性能优化three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。在使用的时候,虽然three.js 做了优化,但是在使用不恰当的代码,也会产生性能损耗。帧率越低,给人感觉就越卡。这是我在开发中自己百度总结的,有不对的可以联系我啊1、预加载在加载页面之前可以给个加载页面的缓冲,因为场景模型没有加载的时候会黑屏,加载一瞬间可能...转载 2018-11-26 14:15:38 · 9784 阅读 · 4 评论