Giter Club home page Giter Club logo

phi-chart-render's Introduction

This project is now deprecated

Read this for more infomation (Chinese).

Phi-Chart-Render

A Phigros chart render based on Pixi.js

This project is still working.

Currently supported chart features

  • Official charts

    • Basic support
    • Custom judgeline texture (Need test)
  • PhiEdit charts

    • Basic support
    • BPM List (Need test)
    • Custom judgeline texture (Need test)
    • Negative alpha (Need test)
    • note features
      • Basic support
      • Fake note support
      • Note scale support
  • Re:PhiEdit charts

    • BPM List (Need test)
    • Event Layers support (Need test)
    • Custom judgeline texture (Need test)
    • Judgeline cover type
    • Parent judgeline
    • Easing start/end point
    • judgeline z order (Need test)
    • Bezier event easing (Need test)
    • Event link group (?)
    • BPM factor (?)
    • attachUI (wont support)
    • Extend events
      • Scale X
      • Scale Y
      • Text
      • Color
      • Incline
      • Draw (wont support)
    • Note controls (Need test)
      • Alpha
      • Scale
      • Skew
      • X
      • Y
    • note features
      • Basic support
      • Fake note support
      • Note scale
      • Note alpha
      • yOffset
      • visible time
  • prpr features

    • Shaders (Need test)
    • Videos

Development

You must have a Node.js enviorment to helping development.

  1. git clone https://github.com/MisaLiu/phi-chart-render
  2. npm install
  3. npm run dev

Thanks

License

    phi-chart-render - A Phigros chart render based on Pixi.js
    Copyright (C) 2022 HIMlaoS_Misa

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.

All assets used in this project are licensed under CC BY-NC-SA 4.0

phi-chart-render's People

Contributors

chickenpige0n avatar iceddog avatar misaliu avatar xlin7648 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

phi-chart-render's Issues

未来规划

大家好啊,我是 Misa。

从我写下 Phigros 模拟器的第一行代码开始到现在已经有接近两年的时间了。在这两年的时光里,我不仅学习了很多新技术,也认识到了不少朋友。两年过去了,我也从一开始的默默无闻,到现在的小有名气。

不过在我的心中,phi-chart-render 这个项目依旧只是一个 半成品 ——我一开始想要制作的东西,是类似于「跑在网页上的 PhiPlayer」——也就是说,它应该拥有一个漂亮的 UI、完善的机制、统一的界面设计语言,甚至是在线系统。

但是这些都没有出现在这个项目中。

为什么?因为我一开始打算将这个项目作为一个独立的 npm 包开发,也就是说,这个东西仅包含最基本的渲染、游玩、分数结算机制,不包括上面提到的那些杂七杂八的东西。不过,由于当时的我过于年少轻狂,并且并不熟悉 npm 包开发的具体流程,所以开发到现在反而显得这个项目更像一个「四不像」。

而今天,我也总算是鼓起勇气,决定将这个已经重新推翻过一次的项目再一次推倒重来——是的,我要开发一款更完善的游玩器了!

相信懂开发的朋友也能看出来,虽然这个项目已经被推翻过一次,代码质量相对提升了一些,但也只是「相对」——和 bemuse.ninja 这样的前辈比起来,我的代码实在是既不够看,也不够规范。而在我这样的水平下持续开发,这个屎山只会越堆越高,而现在这么一大坨已经被堆到了令人难以置信的地步,也到了有必要思考是否需要再次推翻重来的程度。

而这个决定也和我一开始就在使用的渲染引擎 PixiJS 有关。虽然 PixiJS 是 JavaScript 2D 渲染引擎中的老大哥,但在我逐渐深入开发的过程中却发现 PixiJS 对于我这个项目来说还是有些臃肿了。先不提早些时候年少无知的我一直在项目中跟进 PixiJS 的新版本更新 ,而且今年年初的时候还出了一个严重的输入性能问题(见 pixijs/pixijs#9156)。再者,今年年初的时候 Google 正式发布了 WebGPU API,这个新的 API 允许开发者更细粒度地控制 GPU,理论上可以使浏览器的渲染性能更贴近原生应用,而 BabylonJS 是第一个推出了带 WebGPU 渲染器的渲染引擎,也使得我更想尝试一下这个新东西。

总而言之,这个项目已经很久没有进行新的开发活动了,也是时候给它画个句号了。不过在新的游玩器发布前,这个项目也不会被 Archive。

祝我好运,不会把新项目一拖再拖。也感谢大家一直以来的支持,如果不是各位一直的支持,这个项目可能都不会走到现在。

Misa Liu
2023/12/17

iPadOS上无法正确显示

ipad上使用safari(夸克也试了)打开点击start后浏览器并未做出正确显示,safari直接跑到后面,夸克等无反应
iOS version:16.2

On the copyright of texture assets

Are the texture assets in this repo licensed under GPLv3 as well? I'm working on my Phigros simulator project (which is licensed under GPLv3) and is intended to use these assets in my project.

故事板贴图比例不正确

result.heightPercent = result.height / math.round(1080 * 0.6666); //result.height / 1080;
故事板贴图比较正确比例

Challenge Mode Bug

So basically I'm trying Challenge Mode and somehow if I try to Restart after finishing a round, it'll looks like this
Screenshot_20221021_100956
And if I restart again it'll be
Screenshot_20221021_101230
It'll be infinitely stacking

文本事件不支持%P%

一般上如果文本事件是0%P%至100%P%应该是0慢慢变成100(好像1,2,3,...,100)但是出现了整个0%P%的字而不是0,也没有渐变的效果

Autoplay漏note

在Autoplay模式下, 如果网页因为某些原因被切到后台, 音符会被漏掉
从而导致...
image
V, 但是 AUTO PLAY ()

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.