phi-chart-render
phi-chart-render copied to clipboard
MisaLiu
[Deprecated] A Phigros chart render based on Pixi.js
未来规划
大家好啊，我是 Misa。 从我写下 Phigros 模拟器的第一行代码开始到现在已经有接近两年的时间了。在这两年的时光里，我不仅学习了很多新技术，也认识到了不少朋友。两年过去了，我也从一开始的默默无闻，到现在的小有名气。 不过在我的心中，phi-chart-render 这个项目依旧只是一个 *半成品* ——我一开始想要制作的东西，是类似于「跑在网页上的 PhiPlayer」——也就是说，它应该拥有一个漂亮的 UI、完善的机制、统一的界面设计语言，甚至是在线系统。 但是这些都没有出现在这个项目中。 为什么？因为我一开始打算将这个项目作为一个独立的 npm 包开发，也就是说，这个东西仅包含最基本的渲染、游玩、分数结算机制，不包括上面提到的那些杂七杂八的东西。不过，由于当时的我过于年少轻狂，并且并不熟悉 npm 包开发的具体流程，所以开发到现在反而显得这个项目更像一个「四不像」。 而今天，我也总算是鼓起勇气，决定将这个已经重新推翻过一次的项目再一次推倒重来——是的，我要开发一款更完善的游玩器了！ 相信懂开发的朋友也能看出来，虽然这个项目已经被推翻过一次，代码质量相对提升了一些，但也只是「相对」——和 [bemuse.ninja](https://github.com/bemusic/bemuse) 这样的前辈比起来，我的代码实在是既不够看，也不够规范。而在我这样的水平下持续开发，这个屎山只会越堆越高，而现在这么一大坨已经被堆到了令人难以置信的地步，也到了有必要思考是否需要再次推翻重来的程度。 而这个决定也和我一开始就在使用的渲染引擎 [PixiJS](https://github.com/pixijs/pixijs) 有关。虽然 PixiJS 是 JavaScript 2D 渲染引擎中的老大哥，但在我逐渐深入开发的过程中却发现 PixiJS...
在Autoplay模式下, 如果网页因为某些原因被切到后台, 音符会被漏掉 从而导致...  V, 但是 AUTO PLAY ()
故事板贴图比例不正确
result.heightPercent = result.height / math.round(1080 * 0.6666); //result.height / 1080; 故事板贴图比较正确比例
