抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

一、插件介绍

最近Atom编辑器又出了一个插件:atom-miku,装上这个插件后编辑器会出现一个程序员鼓励师Miku,敲代码时Miku会唱歌和跳舞,停止敲代码时Miku的动作就慢了下来,简直是宅男的福音啊,效果如下:
This is a picture without description
据说有人用了,而且带上耳机听背景音乐,结果第二天就被炒了,理由是上班看视频。

二、插件原理

下载查看atom-miku的源码,发现插件只是在编辑器里面嵌入了一个网页,网址为http://miku-dancing.coding.io
当网页加载完毕时,会免费赠送10秒钟的播放时间,如果播放时间消耗完的话,Miku的动作就会变慢,音乐的音量也会变小。这时如果执行js代码control.addFrame(seconds)方法的话,播放时间就会增加,Miku又重新复活了。

可以说,网页里已经实现了大部分功能,如果要移植到Xcode的话,只需写出以下逻辑就行了:

  1. 在代码编辑框上面加上一个WebView来加载网页。
  2. WebView支持用鼠标拖动,防止有时候挡住代码。
  3. hook代码编辑框输入文字时的方法,调用网页的addFrame()方法来增加播放时间。
  4. 由于网页的资源过大,在线加载速度比较慢,所以把网页都打包到插件里。

三、下载地址

于是我便模仿着写了个Xcode的插件,可以在Alcatraz上搜索Miku进行安装:
This is a picture without description

插件代码下载地址为:https://github.com/poboke/Miku

This is a picture without description

评论