库
文章平均质量分 80
商域无疆
热爱,笨鸟
展开
-
three.js 源码注释(六十八)extras/geometries/BoxGeometry.js
BoxGeometry用来在三维空间内创建一个立方体盒子对象. 用法: var geometry = new THREE.BoxGeometry(1,1,1); var material = new THREE.MeshBasicMaterial({color: 0x00ff00}); var cube = new THREE.Mesh(geometry,material); scene.add(cube);<summary>BoxGeometry</summary><p原创 2015-01-26 14:48:20 · 2363 阅读 · 0 评论 -
three.js 源码注释(五十二)Material /MeshFaceMaterial.js
MeshFaceMaterial方法根据参数materials创建mesh(网格)的复合材质类型,参数material是一个Material类型的数组对象,网格中的三角面属性materialindex定义了该三角面使用的参数material中材质对象的索引号.<summary>MeshFaceMaterial</summary><param name ="materials" type="Array">Material类型的数组</param><returns type="MeshFaceMater原创 2014-12-28 00:06:34 · 2539 阅读 · 0 评论 -
three.js 源码注释(九十)extras/SceneUtils.js
/************************************************************** * SceneUtils scene对象的工具集 **************************************************************/createMultiMaterialObject方法创建一种新的Objec3D对象,每个网格对象对应一种材质.这里和一个网格的每个面使用Meshfacematerial 材质不同.这种方式适用于网原创 2015-02-01 20:07:59 · 1933 阅读 · 0 评论 -
three.js 源码注释(八十八)extras/GeometryUtils.js
/************************************************************** * GeometryUtils geometry对象的工具集 **************************************************************/merge方法将两个几何体对象或者Object3D里面的几何体对象合并,(使用对象的变换)将几何体的顶点,面,UV分别合并.NOTE: merge方法在新版本中已经放到了Geomet对象下原创 2015-02-01 20:03:42 · 2988 阅读 · 0 评论 -
three.js 源码注释(九十一)extras/core/Curve.js
/************************************************************** * Abstract Curve base class 曲线抽象基类 **************************************************************/Curve对象曲线抽象基类,一个可扩展的曲线对象包含插值方法. 定义:样条曲线是经过一系列给定点的光滑曲线。最初,样条曲线都是借助于物理样条得到的,放样员把富有弹性的细木条(或原创 2015-02-01 20:12:14 · 2497 阅读 · 0 评论 -
THREE.js -- Nurbs曲线调整实例
商域无疆 (http://blog.csdn.net/omni360/)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句:商域无疆 - 本博客专注于 敏捷开发及移动和物联设备研究:数据可视化、GOLANG、Html5、WEBGL、THREE.JS,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。俺也是刚开始学,好多地儿肯定不对还请见谅.更多更新在 :原创 2015-01-15 12:10:53 · 4699 阅读 · 2 评论 -
three.js 源码注释(四十九)Material /MeshNormalMaterial.js
MeshNormalMaterial方法根据参数parameters创建mesh(网格)的标准材质类型,到这里真的不知道怎么翻译才好,还不如叫NormalMaterial呢,parameters参数的格式看上面.MeshNormalMaterial对象的功能函数采用,定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类Material.<summary>MeshNormalMaterial</summary><param name ="parameters" type="String">st原创 2014-12-26 13:06:02 · 2357 阅读 · 1 评论 -
three.js 源码注释(四十八)Material /MeshBasicMaterial.js
MeshBasicMaterial方法根据参数parameters创建mesh(网格)的基本材质类型,parameters参数的格式看上面.MeshBasicMaterial对象的功能函数采用 定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类Material.<summary>MeshBasicMaterial</summary><param name ="parameters" type="String">string类型的JSON格式材质属性参数</param><returns t原创 2014-12-26 10:59:26 · 3389 阅读 · 0 评论 -
three.js 源码注释(四十七)Material /LineDashedMaterial.js
LineDashedMaterial方法根据参数parameters创建线段的虚线线型材质,parameters参数的格式看上面.LineDashedMaterial对象的功能函数采用 定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类Material.用材质来定义线性,第一次见,真的很有想象力.简直就是对绘图软件的终结.<summary>LineDashedMaterial</summary><param name ="parameters" type="String">string类型原创 2014-12-25 10:25:48 · 1785 阅读 · 0 评论 -
three.js 源码注释(八十九)extras/ImageUtils.js
/************************************************************** * ImageUtils image对象的工具集,更方便的加载图片的辅助类. **************************************************************/ /*loadTexture加载url指定的位置的图片资源,并创建纹理,返回纹理对象.*/<summary>loadTexture</summary><param n原创 2015-02-01 20:05:44 · 3231 阅读 · 0 评论 -
three.js 源码注释(八十五)extras/geometries/PolyhedronGeometry.js
PolyhedronGeometry用来在三维空间内创建一个多面体对象,二十面体,八面体,四面体都会调用当前对象. 用法: var vertices = [ 1, 1, 1, - 1, - 1, 1, - 1, 1, - 1, 1, - 1, - 1 ]; var indices = [ 2, 1, 0, 0, 3, 2, 1, 3, 0, 2, 3, 1 ]; var geometry = new THREE.Polyh原创 2015-02-01 17:31:08 · 1841 阅读 · 0 评论 -
three.js 源码注释(八十六)extras/geometries/TubeGeometry.js
TubeGeometry用来在三维空间内创建一个弯管对象. 用法: var CustomSinCurve = THREE.Curve.create( function ( scale ) { //custom curve constructor this.scale = (scale === undefined) ? 1 : scale; }, function ( t ) { //getPoint: t is between原创 2015-02-01 17:32:30 · 2137 阅读 · 0 评论 -
three.js 源码注释(四十六)Material /LineBasicMaterial.js
LineBasicMaterial方法根据参数parameters创建线段的虚线线型材质,parameters参数的格式看上面.LineBasicMaterial对象的功能函数采用 定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类Material.用材质来定义线性,第一次见,真的很有想象力.简直就是对绘图软件的终结.<summary>LineBasicMaterial</summary><param name ="parameters" type="String">string类型的JS原创 2014-12-25 10:21:57 · 2768 阅读 · 0 评论 -
three.js 源码注释(九十六)Cameras/CubeCamera.js
CubeCamera方法根据 near, far ,cubeResolution 生成立方体相机.CubeCamera对象的功能函数采用 定义构造的函数原型对象来实现. CubeCamera经常用来创建天空盒子.由六张图片拼接成一个场景.<summary>CubeCamera</summary><param name ="near" type="Number">指明相对于深度剪切面的近的距离,必须为正数,可选参数,如果未指定,初始化为0.1</param><param name ="far" ty原创 2015-02-01 20:33:49 · 3717 阅读 · 0 评论 -
three.js 源码注释(七十四)extras/geometries/ExtrudeGeometry.js
ExtrudeGeometry用来通过截面(参数shape)生成拉伸几何体.<summary>ExtrudeGeometry</summary><param name ="shapes" type="THREE.Shape">拉伸几何体截面</param><param name ="options" type="Object">拉伸几何体参数选项</param> * parameters = { * * curveSegments: <int>, // number of points on原创 2015-01-30 19:55:45 · 2880 阅读 · 2 评论 -
three.js 源码注释(八十四)extras/geometries/ParametricGeometry.js
ParametricGeometry用来在三维空间内通过参数func的定义,生成一个几何体.有了这个对象,各种你想要的集合体,发挥你的数学天赋吧. 用法: var func = function(u,v){ var point = new THREE.Vector3(); point.x = 100 + Math.cos(u); point.y = 100 + Math.sin(v); return point; }; var geometry原创 2015-02-01 10:12:19 · 2231 阅读 · 0 评论 -
three.js 源码注释(八十三)extras/geometries/TorusKnotGeometry.js
TorusKnotGeometryy用来在三维空间内创建一个圆环结或者环形结对象.是由圆环体通过打结构成的扩展三维几何体,常用于制作管状,缠绕.带囊肿类的造型. 关于环形结的几何特征,参考:http://en.wikipedia.org/wiki/Torus_knot 各种漂亮的demo:http://katlas.math.toronto.edu/wiki/36_Torus_Knots 用法: var geometry = new THREE.TorusKnotGeometry(5,32,32);原创 2015-02-01 10:09:40 · 1652 阅读 · 1 评论 -
three.js 源码注释(五十五)Material /SpriteCanvasMaterial.js
SpriteCanvasMaterial方法根据参数parameters创建适用于canvas渲染器的Sprite(点精灵)的材质类型,parameters参数的格式看上面.SpriteCanvasMaterial对象的功能函数采用,定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类Material.TODO: SpriteCanvasMaterial和SpriteMaterial除了几个属性不一样,不知道是不是应用场景也不一样?<summary>SpriteCanvasMaterial<原创 2014-12-28 21:05:14 · 4466 阅读 · 0 评论 -
THREE.js -- 增加Nurbs曲线旋转生成曲面,即时调整更新实例
three.js webgl - Nurbs曲线旋转生成曲面,即时调整更新实例拖动黄色节点,调整曲面母线原创 2015-01-17 01:05:56 · 7044 阅读 · 1 评论 -
three.js 源码注释(五十一)Material /MeshDepthMaterial.js
MeshDepthMaterial方法根据参数parameters创建基于相机远近裁切面自动变换亮度(明暗度)的mesh(网格)的材质类型,离相机越近,材质越亮(白),离相机越远,材质越暗(黑).parameters参数的格式看上面.MeshDepthMaterial对象的功能函数采用,定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类Material.<summary>MeshDepthMaterial</summary><param name ="parameters" type="S原创 2014-12-28 00:03:57 · 1633 阅读 · 0 评论 -
three.js 源码注释(六十九)extras/geometries/CircleGeometry.js
CircleGeometry用来在三维空间内创建一个圆形对象,因为圆形对象是由参数segments指定的一个个三角形围绕圆心拼接而成,所以也可以是多边形对象. 用法: var radius = 5, segments = 32; var geometry = new THREE.CircleGeometry(radius,segments); var material = new THREE.MeshBasicMaterial({color: 0x00ff00}); var c原创 2015-01-26 14:50:14 · 1608 阅读 · 0 评论 -
three.js 源码注释(七十)extras/geometries/CubeGeometry.js
CubeGeometry用来在三维空间内创建一个立方体盒子对象.被BoxGeometry对象替换. 用法: var geometry = new THREE.BoxGeometry(1,1,1); var material = new THREE.MeshBasicMaterial({color: 0x00ff00}); var cube = new THREE.Mesh(geometry,material); scene.add(cube);<summary>CubeGe原创 2015-01-26 14:51:59 · 1718 阅读 · 0 评论 -
three.js 源码注释(六十七)objects/PointCloud.js
PointCloud点云对象,在场景中方便的改变大量的点精灵对象大小,位置等属性.<summary>PointCloud</summary><param name ="geometry" type="THREE.Geometry">Geometry对象点云对象里的点集合</param><param name ="material" type="THREE.PointCloudMaterial">PointCloudMaterial对象(点云材质对象)</param><returns type="Po原创 2015-01-21 17:38:44 · 3170 阅读 · 1 评论 -
three.js 源码注释(六十五)objects/MorphAnimMesh.js
MorphAnimMesh对象,最终的网格对象,和Mesh对象不同的是,这个对象是专门针对变形动画的,增加了许多角色变形动画的内容.有高人把图形学建模比作是制作灯笼,先用Geometry创建灯笼的框架, 然后将材质material贴在框架上,最后形成的总体灯笼,就是Mesh对象.下面看一下Mesh对象的用法和具体实现. 用法:var geometry = new THREE.Geometry(1,1,1); //创建geometry对象(灯笼的框架), //有一下可原创 2015-01-21 14:02:35 · 1629 阅读 · 0 评论 -
three.js 源码注释(六十六)objects/Sprite.js
Sprite对象,点精灵对象,对应粒子对象,具体的实现是通过BufferGeometry创建一个总是面对相机的平面. 用法:var map = THREE.ImageUtils.loadTexture("sprite.png"); //加载image对象 var material = new THREE.SpriteMaterial({map:map,color: 0xffffff,fog: true}); //创建材质对象,这里有专门适用于Sprite对象的材质对象SpriteMateria原创 2015-01-21 14:38:40 · 3298 阅读 · 1 评论 -
three.js 源码注释(六十一)objects/LOD.js
LOD对象,LOD技术即Levels of Detail的简称,意为多细节层次。LOD技术指根据物体模型的节点在显示环境中所处的位置和重要度,决定物体渲染的资源分配,降低非重要物体的面数和细节度,从而获得高效率的渲染运算。 注释摘抄自http://blog.csdn.net/u011209953/article/details/37863701用法: var geometry = [ [ new THREE.IcosahedronGeometry( 100, 4 ), 50 ], [原创 2015-01-20 14:17:18 · 3642 阅读 · 0 评论 -
three.js 源码注释(六十四)objects/Skeleton.js
Skeleton是骨架对象,是骨骼对象的几何,是蒙皮对象的一部分,用来制作支持骨骼动画,当前有两种模型动画的方式:顶点动画和骨骼动画。顶点动画中,每帧动画其实就是模型特定姿态的一个“快照”。通过在帧之间插值的方法, 引擎可以得到平滑的动画效果。在骨骼动画中,模型具有互相连接的“骨骼”组成的骨架结构,通过改变骨骼的朝向和位置来为模型生成动画。 骨骼动画比顶点动画要求更高的处理器性能,但同时它也具有更多的优点,骨骼动画可以更容易、更快捷地创建。不同的骨骼动画可以被结合到一起——比如, 模型可以转动头部、射原创 2015-01-20 22:06:52 · 1737 阅读 · 0 评论 -
three.js 源码注释(六十)objects/Line.js
Line对象,创建一条线,或者一组线. 用法:var geometry = new THREE.Geometry(); //创建geometry对象 var material = new THREE.LineBasicMaterial({color: 0xffff00}); //创建材质对象,这里有专门适用于line对象的材质对象LineBasicMaterial. geometry.verteces.push(new THREE.Vector3(-10,0,0), //为geome原创 2015-01-20 12:31:26 · 2965 阅读 · 0 评论 -
three.js 源码注释(六十三)objects/Bone.js
Bone是骨骼对象,是蒙皮对象的一部分,用来制作支持骨骼动画,当前有两种模型动画的方式:顶点动画和骨骼动画。顶点动画中,每帧动画其实就是模型特定姿态的一个“快照”。通过在帧之间插值的方法, 引擎可以得到平滑的动画效果。在骨骼动画中,模型具有互相连接的“骨骼”组成的骨架结构,通过改变骨骼的朝向和位置来为模型生成动画。 骨骼动画比顶点动画要求更高的处理器性能,但同时它也具有更多的优点,骨骼动画可以更容易、更快捷地创建。不同的骨骼动画可以被结合到一起——比如, 模型可以转动头部、射击并且同时也在走路。一些引原创 2015-01-20 22:05:37 · 1649 阅读 · 0 评论 -
three.js 源码注释(六十二)objects/SkinnedMesh.js
SkinnedMesh对象,蒙皮网格对象,蒙皮网格用于渲染人物。人物动画使用的骨骼,而且每个骨骼影响网格的一部分.<summary>SkinnedMesh</summary><param name ="geometry" type="THREE.Geometry">Geometry对象(灯笼的框架)</param><param name ="material" type="THREE.Material">Material对象(材质对象)</param><param name ="useVertex原创 2015-01-20 22:02:37 · 1701 阅读 · 3 评论 -
three.js 源码注释(五十九)objects/Mesh.js
Mesh对象,最终的网格对象,有高人把图形学建模比作是制作灯笼,先用Geometry创建灯笼的框架,然后将材质material贴在框架上,最后形成的总体灯笼,就是Mesh对象.下面看一下Mesh对象的用法和具体实现. 用法:var geometry = new THREE.Geometry(1,1,1); //创建geometry对象(灯笼的框架), //有一下可选对象BoxGeometry,CircleGeometry,CubeGeometry,CylinderGe原创 2015-01-20 00:33:07 · 3422 阅读 · 1 评论 -
three.js 源码注释(五十七)Material /ShaderMaterial.js
ShaderMaterial方法根据参数parameters创建为自定义着色器创建材质类型,这样的材质对象让用户扩充材质类型,有了无限的可能.parameters参数的格式看上面.ShaderMaterial对象的功能函数采用,定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类Material. Example: var material = new THREE.ShaderMaterial({ uniforms: { time:{type: "f", value:原创 2014-12-28 21:11:21 · 2454 阅读 · 0 评论 -
three.js 源码注释(五十四)Material /SpriteMaterial.js
SpriteMaterial方法根据参数parameters创建Sprite(点精灵)的材质类型,parameters参数的格式看上面.SpriteMaterial对象的功能函数采用,定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类Material.<summary>SpriteMaterial</summary><param name ="parameters" type="String">string类型的JSON格式材质属性参数</param><returns type="Spr原创 2014-12-28 21:02:49 · 3064 阅读 · 0 评论 -
three.js 源码注释(五十)Material /MeshPhongMaterial.js
MeshPhongMaterial方法根据参数parameters创建mesh(网格)的phong(冯氏)材质类型,表面有光泽的材质类型,计算每个像素,parameters参数的格式看上面.MeshPhongMaterial对象的功能函数采用,定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类Material.<summary>MeshPhongMaterial</summary><param name ="parameters" type="String">string类型的JSON格式原创 2014-12-28 00:01:46 · 4488 阅读 · 0 评论 -
three.js 源码注释(五十八)Material /RawShaderMaterial.js
RawShaderMaterial方法根据参数parameters创建为自定义着色器创建材质类型,这样的材质对象让用户扩充材质类型,有了无限的可能.这个类和ShaderMaterial工作方式一样,除了自定义的uniforms和attribute属性不会自动追加到GLSL着色器代码中.parameters参数的格式看上面.ShaderMaterial对象的功能函数采用,定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类ShaderMaterial. Example: var mate原创 2014-12-28 21:12:54 · 1779 阅读 · 0 评论 -
three.js 源码注释(五十六)Material /PointCloudMaterial.js
PointCloudMaterial方法根据参数parameters创建用于点云(粒子系统)的材质类型,parameters参数的格式看上面.PointCloudMaterial对象的功能函数采用,定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类Material.<summary>PointCloudMaterial</summary><param name ="parameters" type="String">string类型的JSON格式材质属性参数</param><return原创 2014-12-28 21:08:42 · 1722 阅读 · 0 评论 -
three.js 源码注释(五十三)Material /MeshLambertMaterial.js
MeshPhongMaterial方法根据参数parameters创建mesh(网格)的Lambert(兰伯特)材质类型,表面有光泽的材质类型,计算每个像素,parameters参数的格式看上面.MeshPhongMaterial对象的功能函数采用,定义构造的函数原型对象来实现.大部分属性方法继承自材质的基类Material.<summary>MeshLambertMaterial</summary><param name ="parameters" type="String">string类型的J原创 2014-12-28 21:00:29 · 2652 阅读 · 0 评论 -
混合、反走样、雾效、多边形偏移
混合:介绍如何指定混合函数,它通过将源颜色和目标颜色混合,使场景的某些部分为半透明;反走样:反走样通过修改颜色来消除点、线、多边形边缘的棱角和锯齿;多重采用是一种强大的反走样技术,适用于所有的图元;雾:描述如何根据物体到视点的距离来计算物体的颜色值,以创建立体感效果,使远方的物体看起来已经融入到场景中;点参数:讨论一种高效的技术,用于根据距离视点的距离渲染大小和颜色不同的点图元。在模拟转载 2014-12-07 17:45:24 · 1565 阅读 · 0 评论 -
three.js 源码注释(八十二)extras/geometries/RingGeometry.js
RingGeometry用来在三维空间内创建一个二维圆环面对象. 用法: var geometry = new THREE.RingGeometry(1,5,32); var material = new THREE.MeshBasicMaterial({color: 0x00ff00}); var Ring = new THREE.Mesh(geometry,material); scene.add(Ring);<summary>TorusGeometry</summar原创 2015-02-01 10:06:36 · 1879 阅读 · 0 评论 -
three.js 源码注释(八十)extras/geometries/OctahedronGeometry.js
OctahedronGeometry用来在三维空间内创建一个八面体对象. 用法: var geometry = new THREE.OctahedronGeometry(70); var material = new THREE.MeshBasicMaterial({color: 0x00ff00}); var icos = new THREE.Mesh(geometry,material); scene.add(icos);<summary>OctahedronGeome原创 2015-02-01 10:00:24 · 1299 阅读 · 0 评论