JavaScript 3D动画库three.js示例篇

JavaScript 3D动画库three.js示例篇

本文主要介绍JavaScript 3D动画库three.js示例，关于three.js库基础知识可参见：JavaScript 3D动画库three.js入门篇_cnds123的专栏-CSDN博客

通过script标签来引入three.js，又有两种方式：

一是使用CDN（Content Delivery Network，即内容分发网络），如：

这种方式需要联网才有效。

二是将从Three.js的官方网站下载three.js或three.min.js文件（在下载包的Build文件夹中）复制到适当位置，这儿以存放到HTML文件所在的文件夹的子文件夹js中，如：

这种方式不需要联网。

通过script标签来引入three.js比较简单，适合简单的练习，快速体验。

下面给出通过script标签引入three.js的模板：

保存文件,用浏览器运行之，可见运行效果。

环形示例，源码如下：

保存文件,用浏览器运行之，可见运行效果：