这段代码有什么错误吗?我正在使用新版本的Chrome进行测试。我编写了一个类似的程序,该程序显示线框立方体,没有任何问题。运行良好。我想我可能编写或编写了错误的代码。
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(50,window.innerWidth/window.innerHeight, 1, 10000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
// create the particle variables
var particleCount = 1000;
var particles = new THREE.Geometry();
var pMaterial = new THREE.ParticleBasicMaterial({
color: 'red',
size: 20
});
// create the individual particles
for (var p = 0; p < particleCount; p++) {
var pX = Math.random()*500 - 250;
var pY = Math.random()*500 - 250;
var pZ = Math.random()*500 - 250;
var particle = new THREE.Vertex(
new THREE.Vector3(pX, pY, pZ)
);
particles.vertices.push(particle);
}
// create the particle system
var particleSystem = new THREE.ParticleSystem(
particles,
pMaterial);
// add the particle system to the scene
scene.add(particleSystem);
function render() {
particleSystem.rotation.y += 0.01;
renderer.render(scene, camera);
requestAnimationFrame(render);
}
render();
可以这么说,我没有看到任何结果-只是页面上的黑色画布元素。
您的代码看起来已经过时了-就像您是从网上还是从过时的书中复制了某些内容。
更新到Three.js的当前版本,并从当前Three.js示例中学习。
像这样创建粒子:
var particle = new THREE.Vector3( pX, pY, pZ );
另外,ParticleSystem
现在PointCloud
和ParticleBasicMaterial
现在PointCloudMaterial
。
three.js r.69
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句