转载-three.js下载与开发指南

时间:2024-03-30 22:23:07

原文网址

three.js - 一个javascript 3D代码库

这个项目的目的是用最简单的开发模式创建一个轻量级的3 d代码库,这个js库提供了canvas,svg,css3d和webgl这四种渲染方式。

 

下载地址:

    下载地址:https//github.com/mrdoob/three.js/archive/master.zip

    或者打开threejs.org点击下图箭头所示链接进行下载。

转载-three.js下载与开发指南

 

下载得到一个这样的压缩包:

转载-three.js下载与开发指南

我们解压它:

转载-three.js下载与开发指南

目录结构:

    .github目录:没什么用。

    建立目录:这个目录里边有两个文件,three.js和three.min.js。一个是没有压缩的three.js,一个已经压缩的。这两个js左右引用一个就OK。

    文件目录:这里是three.js所的帮助文档,我们可以双击目录里的的Index.html打开这个帮助文档,里边介绍了three.js所的各个API,不过解释的不是特别详细。

    编辑目录:这是一个网页版的3D编辑程序,你可以用它来构建three.js所的场景你可以直接通过访问http://threejs.org/editor/来查看效果,同样也可以通过指数。 HTML来打开它。

    例如目录:这个目录里边有很多的示例代码,你可以直接通过访问http://threejs.org/examples/来查看它。

    SRC目录:这个是three.js所的源代码的目录,里面是所有源代码。

    测试目录:一些测试代码,基本没用。

    utils的目录:。存放了一些three.js所开发过程中一些需要用到的工具例如将3D-Max的格式的模型转换为three.js所特有的JSON模型还有用得最常见的convert_obj_three.py,这个可以将OBJ格式的模型,转换成three.js所的JS格式的模型。

    的.gitignore文件,许可文件等:对我们来说没有用。

    bower.json是包管理工具亭子用的文件。

    readme.md文件:这个是GitHub的项目中必备的文件,用来介绍three.js所,降价格式。

 

我们把它拷贝到我们本地的服务器的WWW目录下,用一个wampserver,XAMPP等等你都可以建立一个本地的服务器环境,这样避免在访问网页的时候用的是文件:///协议.file: ///协议会使three.js所加载模型时会发生类似下面的异常:


转载-three.js下载与开发指南

上面这个异常,直接双击打开实例目录下的webgl_loader_collada.html时产生的。

如果访问这个例子代码的时候用本地服务器的方式就会正常转载-three.js下载与开发指南

 

学习的时候,可以拷贝官网的例子进行修改来学习,这样可以很快速的学习到three.js所的干货,同时避免了很多的弯路。新手写three.js所代码的时候常会遇到很多的错误,而且不知道怎么去解,这样的学习是很危险的,会消磨人的学习意志。所以我建议学习的时候直接拷贝官网的源码,然后一行行代码的调整,去学习各个函数和接口的作用。因为我也是这么走过来的0.0

本文地址:茜文博客  >> three.js下载与开发指南