一、两种摄像机的区别与比较 Three.js 库提供了两种不同的摄像机:透视投影摄像机和正交投影摄像机。 透视投影摄像机:这种摄像机的效果更贴近真实世界。也就是物体离摄像机越远,它们就会被渲染得越小。 正交投影摄像机:对象相对于摄像机的距离对渲染的结果是没有影响的......
一、基本介绍 1,THREE.Scene 的作用 (1)THREE.Scene 对象是所有不同对象的容器,也就是说该对象保存所有物体、光源、摄像机以及渲染所需的其他对象。 (2)THREE.Scene 对象又是被称为场景图,它不仅仅是一个对象数组,还包含了整个场景图树形结构中的所有节点......
四、设置控制项标签文字 默认情况下每个控制项左侧的标签显示的是对应的属性名,我们可以通过 name 方法设置成其他的文字(中文也是支持的) 五、控制项分组 如果控制面板上的项目太多,可以考虑将一些功能近似的控制项分到一个分组文件夹中,这样可以让结构更加清晰......
一、基本介绍 1,什么是 dat.GUI? dat.GUI 是一个轻量级的图形用户界面库(GUI 组件),使用这个库可以很容易地创建出能够改变代码变量的界面组件。 2,使用步骤 (1)首先在页面的 head 标签中添加这个库。 (2)定义一个 JavaScript 对象(这里假设叫做 controls),该对象将......
1,stats.js 介绍 (1)stats.js 是一个 Three.js 开发的辅助库,这个库同样也是 Three.js 作者开发的。 (2)stats.js 主要用于检测动画运行时的帧数。 (3)GitHub 主页地址:https://github.com/mrdoob/stats.js 2,使用步骤 (1)首先在页面的 <head> 标签中引入这个辅助库......
现代浏览器都支持 WebGL,这样我们就不必使用 Flash、Java 等插件就能在浏览器中创建三维图形。虽然 WebGL 提供的接口非常丰富和强大,但使用起来过于繁琐和复杂。 Three.js 的出现完美地解决了这个矛盾。它提供一个很简单的关于 WebGL 特性的 JavaScript API......
一、基本介绍 1,x2js 介绍 x2js 是一个可以将 XML 数据转换成 JSON 对象,或者将 JSON 对象转成 XML 数据的的 JavaScript 库。它体积小巧,使用简单,而且不依赖任何其他的库。 2,安装配置 (1)首先到其 GitHub 主页下载库代码。 (2)然后在需要使用页面上将其引用进来即可......
五、请求结果的处理 1,成功、失败响应的判断 (1)之前的样例中我们只处理数据成功返回的情况,其实 Moya 会将 Alamofire 成功或失败的响应包裹在 Result 枚举中返回,具体值如下: .success(Moya.Response):成功的情况。我们可以从 Moya.Response 中得到返回数据(data)和状态......
有时我们需要在浏览器上生成文件并保存到本地,这个借助 FileSaver.js 就可以很方便地实现。 一、基本介绍 1,FileSaver.js 功能特点 FileSaver.js 是一款基于 HTML5 完成文件保存的插件,它可以帮我们直接从网页中导出多种格式文件。 同时对于那些本身不支持......
四、请求参数说明 1,不同请求方法(HTTP Methods)下参数的传递 假设我们使用 Moya 定义了一个网络请求层(HttpbinAPI.swift),具体代码如下: 通过修改 method 属性我们可以配置每个请求所使用的请求方法(GET、POST),不同的方法下参数传递的方式也是不同的......