Threejs教程

Posted 小白搞IT

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Threejs教程相关的知识,希望对你有一定的参考价值。

Three.js引擎怎么嵌入网页中,让它运行起来呢?很简单,只要html文件中引入three.js文件就可以了。代码可以在【初级教程\chapter1\1-1.html】中找 到,如下:

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>canvas { width: 100%; height: 100% }</style>
</head>
<body>
<script ></script>
</body>

</html>

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

这样,就说明Three.js确实运行起来了。实践永远出真知,现在你就来试一试吧。

题外话:THREE是一个three.js对象,可以狭隘的理解为three.js引擎的抽象。它代表着three.js引擎本身,其中包含引擎的很多常用属性和方法。例如 THREE.REVISION就是代码引擎的版本。


以上是关于Threejs教程的主要内容,如果未能解决你的问题,请参考以下文章

Threejs从入门到入门

一、THREEJS 使用入门

Threejs.教程

Threejs入门教程

用这种方法,你也可以创建threejs场景

如何使用threejs实现第一人称视角的移动