探索实时生成艺术的奇妙之旅 - jsconfeu-generative-visuals

项目介绍

jsconfeu-generative-visuals 是一个由MattdesLauriers和Szymon Kaliski共同创作的开源项目，它在2018年柏林JSConfEU大会上展示了实时生成的WebGL和Canvas动画效果。这个项目基于Silke Voigts的设计理念和情绪板，为参会者带来了视觉盛宴。

项目技术分析

该项目利用ThreeJS库和Canvas API，在WebGL的帮助下创造出动态的三维图形。通过顶点着色器赋予形状有机的运动感，以类似投掷飞镖的方式随机生成形状布局，并结合慢动作物理引擎来防止形状过于靠近中央屏幕。不仅如此，Web Audio和FFT分析功能甚至能够响应音频输入，使图形随着音乐舞动。所有特征如几何形态、图案、尺度、色彩选择等都经过精心设计并随机化处理。

应用场景

这个项目最初用于大会开幕式和演讲间歇时段，以及显示当前日程和演讲轨迹的监控屏幕上。得益于Chrome浏览器的高性能支持，它可以实时地在多个场景中创建令人惊叹的投影映射效果。

项目特点

1. 实时生成：动态变化的图形让每次体验都是独一无二。
2. 互动性：用户可以通过键盘切换颜色调色板和状态。
3. 跨平台：虽然主要测试于桌面版Chrome，但理论上可以在任何支持WebGL的现代浏览器上运行。
4. 高度定制：从几何形状到颜色，几乎每个细节都可以自由调整，适合开发自定义可视化方案。
5. 音画同步：配合音频输入，图形会随音乐起舞，提供沉浸式体验。

感受现场

为了亲身体验这些美妙的视觉效果，你可以访问Generative Mode或Intro Mode，用1、2或3键探索不同的色彩组合。

开源与社区

这个项目采用MIT许可证，意味着您可以自由地使用、修改和分发代码。项目已托管在GitHub上，欢迎贡献您的想法和改进！

让我们一同沉浸在jsconfeu-generative-visuals所带来的创新和技术魅力之中，开启一场实时生成艺术的探索之旅吧！