DiMo是GeekSpark的年度交互艺术展览，参与者通过挥动发光警棍与屏幕交互。本文介绍了用MATLAB绘制引力场的粒子物理模拟，以及背后的Web技术实现，包括HTML、CSS和JavaScript。演示视频和源代码可供参考。
matlab绘制引力场
您在一个街区。 有风，小雨正在下。 人们来回穿梭，携带着大量的粉笔和防水布。 许多人蹲在街上，他们的粉笔艺术受苦并诅咒着雨。 这条街向南延伸。 一条肮脏的混凝土楼梯井通向街道下方。
>下去
楼梯的底部是一扇敞开的门，通向一个黑暗的房间。 黑暗似乎从楼梯间底部的门口和游泳池溢出。 楼梯向上。 一个没有照明的门向东打开。
>往东走
您输入。 有了这么少的光线，您看不到多少东西。 您举起手，几乎无法辨认其形状。 当您抽出手时，远处墙壁上的一小束光突然爆炸，使您的视线陷入彩虹。
欢迎来到DiMo
Digital Motion（DiMo）是GeekSpark的年度互动艺术展览，该展览每年在北卡罗来纳州罗利的SparkCon期间举行。
从表面上看，这是您挥舞手臂与巨大的投影屏进行交互的事件（今年，玩家挥舞着发光的警棍与计算机生成的图形进行交互）。 从更深层次上讲，GeekSpark的目标是使访客充满乐趣，然后使他们能够探索其背后的技术。 为此，DiMo背后的所有代码都是开源的。
2014年是我作为志愿者的第一年，与所有人一起工作是一次非常有趣的教育。 以下是制作这些展览品时团队合作的简短描述：
红帽工程师Ian Hands创建了一个光传感器系统，使玩家可以通过挥动警棍来与显示器互动。 共有三个可视化，所有这些可视化都是围绕光传感器系统构建的。 显示屏从一次可视化显示每五分钟旋转一次。
乔纳森·里皮（Jonathan Rippy）创作了《 康威的人生游戏 》的互动版本。
Wray Bowling创建了一个有趣的三人游戏，结合了多力多滋，乡巴佬，几何和苏打水。
我创建了一个粒子物理sim卡，允许玩家与重力场（和漂亮的颜色）进行交互。
在探讨技术细节之前，请查看此现场演示 。
该演示使您可以使用鼠标而不是发光警棍来玩粒子模拟。 需要现代的网络浏览器，最好是Firefox或Chrome。 按空格键在播放器之间切换，然后使用设置面板滑块创建全新的可视化效果。
DiMo的起源
去年五月，伊恩（Ian）与我联系，为GeekSpark做贡献。 经过一连串的休息室讨论和具有象征意义的餐巾素描后，我开始研究粒子模拟，而他正在研究传感器系统。 Jonathan和Wray从Red Hat外部慷慨地自愿捐款。
这个想法是：将发光的警棍散发给玩家，然后他们可以挥手与酷炫的墙面显示器互动。 工作原理：一台在天花板附近装有广角网络摄像头的计算机将在每个播放器的位置上保持标签，并将这些位置传递给可视化效果，从而使播放器部件在屏幕上移动。
DiMo的三种可视化效果是由HTML，CSS和JavaScript组成的常规网页。 之所以选择将Web用于此项目，是出于以下几个原因：
- 较低的进入壁垒是一个很大的障碍。 只需几分钟和少量指导，即使没有编程经验的人也可以开始自己做。 图形编程在所有类型的编程中都是独一无二的。 通常，方程式的意外变化（甚至是错字！）都会带来非常酷的惊喜。 “仅需尝试”就能获得比其他任何编程分支更大的收益。
- 活动结束后共享页面就像单击链接一样简单。 与其他平台相比，网络更容易将您的像素摆在人们面前。
- Web本质上是开放的。 每个（桌面）网络浏览器都有一个“查看源代码”按钮，因此任何有意愿的人都可以找到代码。
接下来，DiMo 2015！
您想制作自己的DiMo显示器吗？ 保持联系！ 2015年DiMo活动的计划即将开始，因此没有比现在更好的参与时间了！ 对Raleigh而言是本地的，这很好，但是并不需要。 不过，如果您可以降低SparkCon的积分，您将获得加分。 看到所有陌生人都喜欢自己制作的东西，这无比喜悦。
链接和其他好奇心：
翻译自: https://opensource.com/life/15/2/sparkcon-geekspark-digital-motion-exhibit
matlab绘制引力场
扫一扫
1527
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
