此文章适合一些想系统了解学的同学，首先这篇文章没有什么太深的知识点 这片子文章是一个单针显示的小文章，相信在查找 文章的时候你已经准备好了相应的Three,js的相关开发文件。这里是为了学会Three.js显示的基础框架的必要几个部件。
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>My Object </title>
<style type="text/css">
body{
margin: 0px;
overflow: hidden;
}
</style>
<script type="text/javascript" src="js/three.js"></script>
<script>
var renderer;//渲染器的初始化function initThree(){}
var camera;//相机的初始化
function inttCamera(){}
var scene;//场景的初始化
function initScene(){}
var light;//场景内灯光的初始化
function initLight(){}
var objects;//场景内物体的初始化
function initObject(){}
function Start(){
initThree();
initCamera();
initScene();
initLight();
initObject();
renderer.clear();//清理渲染器内的以往物体
renderer.render(scene,camera);//把场景和相机添加到渲染器内并加以显示
}
</script>
</head>
<body>
</body>
</html>