我的代码是:
var camera, scene, renderer;
var mesh;
var x, y, z;
function init() {
"use strict";
renderer = new THREE.WebGLRenderer();
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 1, 100);
camera.position.z = 400;
scene = new THREE.scene();
function createplanet() {
var colorget, geometry;
function randomcolor() {
var letters, color, i;
color = '#';
letters = '0123456789ABCDEF'.split('');
i = 1;
if (i === true) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
geometry = new window.THREE.SphereGeometry(x, y, z);
x = Math.random() * 3;
y = Math.random() * 10;
z = y;
colorget = new window.THREE.LineBasicMaterial({color: randomcolor()
});
}
}
init();
animate();
注意:我稍后会添加一个动画功能。
我的问题是,每当我尝试使用Brackets的实时预览功能时,什么都没有出现,我认为这是因为在Brackets中没有识别出THREE.something。我已经下载了three.js所以我应该使用JSON文件还是什么?此外,对于您发现的任何问题的任何其他帮助将非常感激。
答案 0 :(得分:0)
在您的HTML文件(调用此JavaScript代码或嵌入其中的代码)中,您应该引用您的three.js文件。
例如,如果它位于scripts
文件夹中,则键入<script src="scripts/three.js"></script>
。
重要提示:此行必须位于调用您上面引用的 JavaScript代码的行之上。