效果:
代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Grid</title>
<style>body{background:#eeeeee;margin:0;padding:0;}</style>
<script src="js/three.min.js"></script>
</head>
<body>
<script>
var width = window.innerWidth-3;
var height = window.innerHeight-3;
var scene = new THREE.Scene(); //创建场景
var camera = new THREE.PerspectiveCamera(45, width/height, 1, 10000); //创建相机(视角为45度,宽高比为width/height,近平面在1(离原点很近),远平面在+1000/-1000)
camera.position.y = 1000; //设置相机的位置(默认添加到原点)
camera.up.z