人机交互Leap Motion结合p5.js创意编程

结果分析

利用leap motion 手部检测
完成了对星空闪烁，彗星运动，飞船加速度运动，随机柏林噪声抖动以及粒子效果的模拟。
艺工交叉，完成了创意编程。

设计思路

宇宙的浩瀚无边，彗星的神秘诡变一直等待着人类去探索
最广为人知的哈雷彗星需要76年回归一次
当他们孤独的围绕着星系旋转，当他们遇上属于人类的好奇
当人类的飞船与星共舞，会是怎样的场景

选用星空背景，设计宇宙场景，流星与恒星共存
互动部分选用手部动作模拟彗星的运动
当人类的飞船伴随着卫星追逐彗星运动，运动加速度会发生改变，营造灵动有趣的互动场景，显现人与星的和谐共处，同时空寂的背景音乐响起。背景音选用莎拉布莱曼的斯卡保罗集市，带来轻快浪漫的氛围感，与后期静寂的画面形成对比
而当双手张开，一切归于沉寂，画面趋于静止，彗星趋于孤独，画面上只剩彗星和伴随着她的彗尾寂静的旋转着。

宇宙一直象征着神秘，奇幻，有着无数秘密等待探索
星星则象征着希望和探索的方向，想要穿越星系无数，与希望共舞。
从行星，恒星，流星，无数的星在和谐的共处着，人类恒而久之的努力，加入并追逐着他们。
如果你是一颗彗星，感受着千万年的孤独，会如何？
如果从远处俯瞰人类与星共舞的样子，会是怎样？

具体流程

绘制 星空图案，流星效果，星空闪烁效果。

• 效果：生成一片星空，可以调整星星密度和星空尺寸。
• 实现：
  随机数，映射算法和柏林噪声，生成星星的位置，模拟中心聚集的效果。
  用随机算法，设置星星的闪烁概率。
  利用js中的向量类，实时更新流星的位置。
  利用画板刷新的透明度关系模拟 尾迹效果。
  检测边缘，更新流星。

绘制 飞船和卫星。实现 加速度模拟，随机抖动，卫星的类似双星运动。

• 效果：飞船跟随效果，加速度模拟 柏林噪声抖动，卫星圆周运动。

绘制 彗星。实现了粒子效果的彗星运动，模拟尾迹效果.

彗星gif展示
太大了只能传到GitHub
实现：
创建粒子数组
将圆周等分
令所有粒子不断绕中心圆周运动。
设置色彩。
更新位置。

主程序 和实现音乐播放器

可以放音乐…

视频链接
源码和gif版
视频画质不够,细节展示不出来