2018年08月_disasters

原创学习Numpy笔记之Array与Numpy.mgrid

NumpyNumpy是Python中用于科学计算的核心库。它提供了一个功能强大的多维数组，并且提供了用来处理这些数组的工具。Arrays一个numpy数组是一个表达值的网格，所有类型都是相同的，并且由一个非负整数元组来索引。维度的数量是数组的rank(秩)；数组的shape是整数的元组，在每个维度上给出数组的大小我们可以从嵌套的Python列表中初始化numpy数组，并使用方括...

2018-08-27 19:44:01 2716

转载 Three.js之灯光

环境光环境光是指场景整体的光照效果，是由于场景内若干光源的多次反射形成的亮度一致的效果，通常用来为整个场景指定一个基础亮度。因此，环境光没有明确的光源位置，在各处形成的亮度也是一致的。在设置环境光时，只需要指定光的颜色：THREE.AmbientLight(hex)其中，hex是十六进制的RGB颜色信息，如红色表示为0xff0000。环境光并不在乎物体材质的color属性，而...

2018-08-20 16:06:16 5851

转载 Three.js之模型加载

外部模型Three.js有一系列导入外部文件的辅助函数，是在three.js之外的，使用前需要额外下载，在https://github.com/mrdoob/three.js/tree/master/examples/js/loaders可以找到。*.obj是最常用的模型格式，导入*.obj文件需要OBJLoader.js；导入带*.mtl材质的*.obj文件需要MTLLoader.js以...

2018-08-20 16:05:35 1862

转载 Three.js之动画

动画为了衡量画面切换速度，引入了每秒帧数FPS（Frames Per Second）的概念，是指每秒画面重绘的次数。FPS越大，则动画效果越平滑，当FPS小于20时，一般就能明显感受到画面的卡滞现象。那么FPS是不是越大越好呢？其实也未必。当FPS足够大（比如达到60），再增加帧数人眼也不会感受到明显的变化，反而相应地就要消耗更多资源（比如电影的胶片就需要更长了，或是电脑刷新画面需要消耗计...

2018-08-19 20:15:25 552

转载 Three.js之材质

材质材质（Material）是独立于物体顶点信息之外的与渲染效果相关的属性。通过设置材质可以改变物体的颜色、纹理贴图、光照模式等。基本材质使用基本材质（BasicMaterial）的物体，渲染后物体的颜色始终为该材质的颜色，而不会由于光照产生明暗、阴影效果。如果没有指定材质的颜色，则颜色是随机的。其构造函数是：THREE.MeshBasicMaterial(opt)其中，...

2018-08-19 12:36:33 1086

原创怎样学习Three.js

thee.js封装了WebGL的接口，要想学习thee.js的同学我觉得至少应该知道OpenGL，WebGL还有Three.js之间的关系。如果是因为正在学习图形学相关的想学习Three.js的话，我的建议是先学习Three.js的基本操作，至少对简单的功能做到可以实现，先入个门，在这推荐两个网站： 1. http://www.hewebgl.com/article/articledir/...

2018-08-18 22:40:09 807

转载 Three.js之几何体(补充)

文字形状（TextGeometry）下载说明使用文字形状需要下载和引用额外的字体库，具体参见Three.js GitHub说明。这里，我们以 helvetiker字体为例。我们在Three.js GitHub master/examples/fonts目录下，下载helvetiker_regular.typeface.json文件放在你的目录下，然后用以下方法加载：var lo...

2018-08-18 22:24:59 830

转载 Three.js之几何体(Geometry)

Geometry立方体虽然这一形状的名字叫立方体（CubeGeometry），但它其实是长方体，也就是长宽高可以设置为不同的值。其构造函数是：THREE.CubeGeometry(width, height, depth, widthSegments, heightSegments, depthSegments)这里，width是x方向上的长度；height是y方向上的长度；...

2018-08-18 21:04:55 5188

转载 three.js个人学习笔记五

模型加载模型是由面组成，面分为三角形和四边形面。三角形和四边形面组成了网格模型。在Three.js中用THREE.Mesh来表示网格模型。THREE.Mesh可以和THREE.Line相提并论，区别是THREE.Line表示的是线条。THREE.Mesh表示面的集合。THREE.Mesh = function ( geometry, material )参数geometry：是一个T...

2018-08-18 10:46:29 282

转载 three.js个人笔记四

立方体THREE.BoxGeometry = function ( width, height, depth, widthSegments, heightSegments, depthSegments ) width：表示立方体的宽度。 height：表示立方体的高度。 depth：表示立方体的长度或者说深度吧。 widthSegments：宽度分段份数 ...

2018-08-18 10:45:27 211

转载 Three.js个人学习笔记三

纹理纹理在3D世界中，就类似于皮肤的概念3D世界的纹理由图片组成。纹理就是图片，或者贴图。将纹理以一定的规则映射到几何体上，一般是三角形上，那么这个几何体就有纹理皮肤了。在three.js中要实现纹理，首先应该有一个纹理类，其次是有一个加载图片的方法，将这张图片和这个纹理类绑定起来。THREE.Texture(image, mapping, wrapS, wrapT, magFilt...

2018-08-17 20:35:49 356

转载 Three.js个人笔记二（补充）

方向光(平行光)平行光又叫方向光(Directional Light)，是一组没有衰减的平行的光线，类似太阳光的效果THREE.DirectionalLight = function(hex, intensity)Hex：关系的颜色，用16进制表示Intensity：光线的强度，默认为1。因为RGB的三个值均在0~255之间，不能反映出光照的强度变化，光照越强，物体表面就更明亮。它的取...

2018-08-17 17:01:22 127

转载 Three.js个人学习笔记二

相机THREE.Camera是相机的抽象基类，其子类有两种相机，分别是正投影相机THREE.OrthographicCamera和透视投影相机THREE.PerspectiveCamera两者区别透视投影有一个基本点，就是远处的物体比近处的物体小在工程建筑领域，正投影的例子很多，其特点是远近高低比例都相同正投影OrthographicCamera(left,right...

2018-08-17 16:19:39 204

原创 Three.js个人学习笔记

Three.js中点可以在右手坐标系中表示，在three.js中点是用一个向量来表示定义点var geometry = new THREE.Geometry();几何体里面有一个vertices变量，可以用来存放点。var p1 = new THREE.Vector3(300, 0, 200) //用向量来定义一个点geomerty.vertices.push(p1)...

2018-08-16 22:46:22 236

disasters的博客