使用webgl和three.js进行音乐可视化

您能帮助我吗？我尝试使音乐可视化http://webmaster9.ru/freelance/mysicusa/它基于http://iacopoapps.appspot.com/hopalongwebgl/ 我有信号（音乐水平），但不能根据音乐改变视觉效果。它使用使用webgl和three.js进行音乐可视化

var materials = new THREE.ParticleBasicMaterial({ size: (3), map: sprite1, blending: THREE.AdditiveBlending, depthTest: false, transparent : true }); 
materials.color.setHSV(hueValues[s], DEF_SATURATION, DEF_BRIGHTNESS); 

var particles = new THREE.ParticleSystem(geometry, materials); 
particles.myMaterial = materials;

1我可以改变的不透明度和亮度根据音乐？可能使用控件？你能告诉我一些例子吗？
2可以根据音乐更改纹理吗？
2我可以根据音乐添加光线并改变光线吗？谢谢

来源

2014-02-15 Evgeny Lerner

当然，您可以从DOM获取生成的音频数据，并使用WebGL JavaScript部分来处理值，甚至使用THREE.js来处理这些值。

请看看web-audio的工作原理

来源

2014-02-16 05:26:13 Filipe

嗨！谢谢你的答案。我没有音乐方面的问题？我使用soundmanager2它适合我。但我需要根据音乐信号在three.js中更改Particle系统。可能我必须使用控制粒子系统。你是否发表过关于控制+粒子系统的例子？ –

也许这[链接]（http://www.lab4games.net/zz85/blog/2011/09/21/music-colour-particles/）可以帮助，是由[zz95]开发的一个API（https：// github.com/zz85） – Filipe

使用webgl和three.js进行音乐可视化

回答

相关问题