为什么这个简单的THREE.js javascript粒子系统不起作用?

冰101781

这段代码有什么错误吗?我正在使用新版本的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现在PointCloudParticleBasicMaterial现在PointCloudMaterial

three.js r.69

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么这个简单的REGEX不起作用?

来自分类Dev

为什么这个简单JAX RS示例不起作用?

来自分类Dev

为什么这个简单的onclick函数不起作用

来自分类Dev

为什么这个简单的搜索不起作用?

来自分类Dev

Three.js中粒子系统的对象和材料?

来自分类Dev

为什么这个简单的ave函数不起作用

来自分类Dev

为什么这个简单的内容滑块不起作用?

来自分类Dev

为什么这个简单的enable_if不起作用?

来自分类Dev

为什么这个简单的javascript代码不起作用?

来自分类Dev

Django:为什么这个简单的标签不起作用?

来自分类Dev

具有Three.js的二十面体粒子系统?只是开平方?

来自分类Dev

为什么这个简单的htaccess规则不起作用

来自分类Dev

为什么这个简单的CRON作业不起作用?

来自分类Dev

为什么这个简单的JavaScript代码段不起作用

来自分类Dev

为什么这个简单的jQuery单击事件不起作用?

来自分类Dev

为什么这个简单的JAX RS示例不起作用?

来自分类Dev

在Three.JS粒子系统中移动单个粒子

来自分类Dev

为什么这个简单的enable_if不起作用?

来自分类Dev

为什么这个简单的Angular.js示例不起作用?

来自分类Dev

为什么这个简单的php脚本不起作用?

来自分类Dev

为什么这个简单的htaccess规则不起作用

来自分类Dev

为什么这个选择器不起作用?JS

来自分类Dev

这个简单的python代码,为什么不起作用?

来自分类Dev

为什么这个简单的继承不起作用?

来自分类Dev

为什么这个简单的赋值语句不起作用(vba)?

来自分类Dev

为什么这个简单的存储过程不起作用

来自分类Dev

为什么这个 JS 倒计时不起作用?

来自分类Dev

为什么这个JS函数样式在检索所需数据时不起作用

来自分类Dev

为什么这个JS自调用函数不起作用?

Related 相关文章

  1. 1

    为什么这个简单的REGEX不起作用?

  2. 2

    为什么这个简单JAX RS示例不起作用?

  3. 3

    为什么这个简单的onclick函数不起作用

  4. 4

    为什么这个简单的搜索不起作用?

  5. 5

    Three.js中粒子系统的对象和材料?

  6. 6

    为什么这个简单的ave函数不起作用

  7. 7

    为什么这个简单的内容滑块不起作用?

  8. 8

    为什么这个简单的enable_if不起作用?

  9. 9

    为什么这个简单的javascript代码不起作用?

  10. 10

    Django:为什么这个简单的标签不起作用?

  11. 11

    具有Three.js的二十面体粒子系统?只是开平方?

  12. 12

    为什么这个简单的htaccess规则不起作用

  13. 13

    为什么这个简单的CRON作业不起作用?

  14. 14

    为什么这个简单的JavaScript代码段不起作用

  15. 15

    为什么这个简单的jQuery单击事件不起作用?

  16. 16

    为什么这个简单的JAX RS示例不起作用?

  17. 17

    在Three.JS粒子系统中移动单个粒子

  18. 18

    为什么这个简单的enable_if不起作用?

  19. 19

    为什么这个简单的Angular.js示例不起作用?

  20. 20

    为什么这个简单的php脚本不起作用?

  21. 21

    为什么这个简单的htaccess规则不起作用

  22. 22

    为什么这个选择器不起作用?JS

  23. 23

    这个简单的python代码,为什么不起作用?

  24. 24

    为什么这个简单的继承不起作用?

  25. 25

    为什么这个简单的赋值语句不起作用(vba)?

  26. 26

    为什么这个简单的存储过程不起作用

  27. 27

    为什么这个 JS 倒计时不起作用?

  28. 28

    为什么这个JS函数样式在检索所需数据时不起作用

  29. 29

    为什么这个JS自调用函数不起作用?

热门标签

归档