1-学习Three.js 入门

最新推荐文章于 2021-10-11 12:00:06 发布

qq_35101027

最新推荐文章于 2021-10-11 12:00:06 发布

阅读量210

点赞数 1

分类专栏： JavaScript three.js 3D

three.js 同时被 3 个专栏收录

3 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

JavaScript

2 篇文章 0 订阅

订阅专栏

前言

学习three.js需要从基础系统的学习，这里我推荐一个学习的网站：WebGl中文网，最好的学习webgl（three.js）网站。当然它的每一章节每一小节知识点并不全，有很多需要从其他地方补充。这里就把我学习的过程整理成文章，供大家更容易的理解three.js。

入题

你可以从WebGL中文网的的网盘下载本教程的示例文件，地址是：http://hewebgl.com/article/getarticle/129，中文网提供了下载示例，你可以下载下来用于代码学习。同时它也提供了three.js下载地址： https://github.com/mrdoob/three.js。中文网也推荐了最好使用谷歌最新浏览器，作为效果演示，下载： https://www.google.com/intl/zh-CN/chrome/browser/。同样对于使用什么开发工具，中文网也做了大量的尝试，最终推荐WebStorm作为开发工具，需要破解自己可以找一下破解教程包，这里提供一个下载地址：http://www.ddxia.com/view/129861415446916.html 同时，你也可以在中文网的网盘直接下载（包含破解）：http://pan.baidu.com/s/1o6JQX9S 和 http://pan.baidu.com/s/1tRb4a 下载。

第一个示例

做好以上准备工作，你就可以通过下面的代码进入three.js的学习了（需要联网）。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>canvas { width: 100%; height: 100% }</style>
</head>
<body>
    <script src="https://raw.github.com/mrdoob/three.js/master/build/three.js"></script>
</body>
</html>

为了验证Threejs确实启动，我们用Chrome浏览器打开上面的那个网页，浏览器里面什么都没有，这时按F12键，打开调试窗口，并在Console下输入 THREE.REVISION命令，得到当前版本号，这表示现在使用的three.js文件的版本。

第一小节基本和中文网无异，只是省去了一些相关的介绍，具体查看：第1章开启Threejs之旅(一)

说明在最后

内容并非原创，如有不妥请联系删除：QQ1034070006

qq_35101027

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
1-学习Three.js 入门

前言学习three.js需要从基础系统的学习，这里我推荐一个学习的网站：WebGl中文网，最好的学习webgl（three.js）网站。当然它的每一章节每一小节知识点并不全，有很多需要从其他地方补充。这里就把我学习的过程整理成文章，供大家更容易的理解three.js。入题你可以从WebGL中文网的的网盘下载本教程的示例文件，地址是：http://hewebgl.com/article/...
复制链接

扫一扫