随笔分类 - WebGL开发
摘要：JS中，this到底指向谁，一直是比较困惑的问题，由于this的指向问题造成bug，在程序中经常出现，如何正确理解this的应用，是写好js代码的关键。 案例1： function thiswindow() { console.log(this window); //输出为true } thiswi
阅读全文
摘要：1. ArrowHelper 用于在Three.js场景中添加一个箭头对象，用于模拟方向的三维维箭头对象.其代码定义如下： var origin = new THREE.Vector3(0, 0, 0); var xDir = new THREE.Vector3(1, 0, 0); var leng
阅读全文
摘要：三维组件，是three.js可以添加到场景内的三维元素对象，其主要包含以下组件： 1、Mesh :用于添加所有的三维图形元素，主要参数geometry和material ，图形元素和材质。 2、Line:用于向场景中绘制线 3、Points:用于在三维场景中构件点信息，长用于实现粒子效果。 4、Sp
阅读全文
摘要：画线 假设您要绘制线或圆，而不是线框Mesh。首先，我们需要设置渲染器，场景和相机（请参阅创建场景页面）。 这是我们将使用的代码： var renderer = new THREE.WebGLRenderer();renderer.setSize( window.innerWidth, window
阅读全文
摘要：创建一个场景 本节的目的是简要介绍three.js。我们将从建立一个具有旋转立方体的场景开始。 开始之前 在使用three.js之前，您需要在某个地方显示它。将以下HTML以及js /目录中的three.js副本保存到计算机上的文件中，然后在浏览器中将其打开。 就这样。下面的所有代码都放入空的<sc
阅读全文
摘要：媒介类型(Media Types)允许你定义以何种媒介来提交文档。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。 基本语法： Mediatype 是指作用的媒体类型 ： 值描述 all 用于所有设备 aural 已废弃。用于语音和声音合成器 braille 已废弃。 应用于盲文触摸式反馈设备 e
阅读全文
摘要：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。我们通过设置样式的float特性来设定浮动性，可以设置： Float常跟属性值left、right、none Float:none 不使用浮
阅读全文
摘要：CSS 有三种基本的定位机制：普通流、浮动和绝对定位，这个三种定位方式在CSS position 属性通过使用 position 属性，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式，在理解定位之前，我们需要熟悉几个概念。 1、一切皆为框 我们定义的任何html元素，都是一个外包框中，
阅读全文
