众所周知,threejs是时下非常火的一个3d js库,WebGL中文网中的介绍说threejs就是是使用JavaScript来编写3D程序,在webgl中文网中,有着对于threejs的讲解,和教程,当然,threejs官网上也有着十分详细的教程。什么是webgl?WebGL是在浏览器中实现三维效果的一套规范。因此也就有了各种3d 的js库,其中threejs较为突出,但是学习threejs要一定的功夫。不过随着时间和技术的同步增长,目前也有部分平台选择封装了threejs库,将精炼后的threejs再度精炼,成为了一个受众更广的技术。
那我们来对比一下,一个threejs的“HelloWorld”怎么写?最简单的也需要以下四个步骤:
a. 引入threejs库;
b.创建场景;
c. 添加物体;
d. 渲染场景;
相关代码如下:
<html>
<head>
<title>My first three.js app</title>
<style>
body {
margin: 0; }
canvas {
width: 100%; height: 100% }
</style>
</head>
<body>