关注码农话题
做一个实实在在的内行人

Xcode 程序员鼓励师插件 Miku

最近Atom编辑器又出了一个插件:atom-miku,装上这个插件后编辑器会出现一个程序员鼓励师Miku,敲代码时Miku会唱歌和跳舞,停止敲代码时Miku的动作就慢了下来,简直是宅男的福音啊,效果如下:

1.gif

据说有人用了,而且带上耳机听背景音乐,结果第二天就被炒了,理由是上班看视频。

于是我又模仿写了个Xcode的版本的插件,插件下载地址为:https://github.com/poboke/Miku,也可以在Alcatraz上搜索Miku进行安装。

blob.png

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

可以说,网页里已经实现了大部分功能,如果要移植到Xcode的话,只需写出以下逻辑就行了:
1. 在代码编辑框上面加上一个WebView来加载网页。
2. WebView支持用鼠标拖动,防止有时候挡住代码。
3. hook代码编辑框输入文字时的方法,调用网页的addFrame()方法来增加播放时间。
4. 由于网页的资源过大,在线加载速度比较慢,所以把网页都打包到插件里。

具体的实现方法可以查看源码:https://github.com/poboke/Miku


入职你的梦想 VS 变现你的技术

IT面试宝典码农市场