THreeJS之始--魏（一 18.4.27）

最新推荐文章于 2019-09-14 23:01:46 发布

做一条有新鲜度的咸鱼

最新推荐文章于 2019-09-14 23:01:46 发布

阅读量137

点赞数

分类专栏： THREE.js从头来过文章标签：基础

本文链接：https://blog.csdn.net/qq_35128576/article/details/80091501

版权

THREE.js从头来过专栏收录该内容

1 篇文章 0 订阅

订阅专栏

此文章适合一些想系统了解学的同学，首先这篇文章没有什么太深的知识点这片子文章是一个单针显示的小文章，相信在查找文章的时候你已经准备好了相应的Three,js的相关开发文件。这里是为了学会Three.js显示的基础框架的必要几个部件。

<!DOCTYPE html>

<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>

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>