听音乐听小众佳作，开眼界玩有趣小网站。这是「小网站」系列的第 11篇，关注公众号接收更新，不迷路。

--- 今日介绍 ---

笑喷的舞蹈机器人（robotics）

把玩点：

主观评价：趣味性 3.5 星，技术性 4 星

把玩网址 robotics.ovh

--- 使用指北 ---

打开小网站后映入眼帘的是齐刷刷的六个不同颜色的机器人在跳舞，这「妖娆的舞姿」差点让我一口水喷到电脑上！

默认情况下是没有声音的，鼠标随便点屏幕上任何一处位置，机器人跳舞专属BGM响起！

哎，不对，不是说好一起齐刷刷的嘛，怎么其中有一个却「乱舞」了起来，把“不听话”的机器人用鼠标拧起来，悬空几秒钟，一个大机器人从天而降，动次达次...

再把这个大机器人再用鼠标拧起来，再悬空几秒，哇...

不再啰嗦，快来体验笑喷的机器人舞蹈吧！

手机横屏体验也还行哟！

纯技术性干货，非行业人士可忽略本节。

又一个令人印象深刻的Canvas-2D技术应用，一个简单的HTML加一张背景图，音乐嘛就是一个mp3文件加一个audio.js来进行控制的，无需赘述。

机器人是程序绘制的，不算复杂，但如果仔细观察机器人舞蹈，会发现：

1、机器人有脑袋、手大臂、手小臂、身体、大腿、小腿几个部分组成，每部份都是有关节关联的；

2、比如当舞蹈到蹲「马步」的时候，比如摔倒再站起来，机器人小腿与大腿的关系，身体与头的关系，不是胡乱来的，是类似人体骨骼、行为仿真的，这部份控制数据很精准；

3、舞蹈踩的「点」是有一定节奏的；

所有以上技术实现就是作者写的一个rob/index.js文件来控制的，包括机器人组成的点位定义，机器人连接，机器人舞蹈动作，机器人大小、颜色等，更难能可贵的是，所有以上核心程序作者并没有加密，真的是学习的好素材。

赶紧收藏起来细细品味！

本系列长期更新！首发公众号：土卫六

喜欢的朋友感谢点赞、分享、收藏三连！