A Phigros chart render based on Pixi.js

Overview

Phi-Chart-Render

A Phigros chart render based on Pixi.js

This project is still working.

Huge thanks to @lchzh3473 and his awesome sim-phi project!

Currently supported chart features

  • Official charts

    • Basic support
    • Custom judgeline texture
  • PhiEdit charts

    • Basic support
    • BPM List
    • Custom judgeline texture
    • 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
    • BPM factor
    • Extend events
    • Event link group
    • note features
      • Basic support
      • Fake note support
      • Note sprite scale
      • Custom note sprite texture (Need test)
      • Note alpha
      • yOffset
      • visible time

Development

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

  1. Clone this repo.
  2. Run this code to install requirements:
    npm insall
  3. Run this code to start the dev server:
    npm run dev

Copyrights of the materials

All of the materials are from Ph1gr0s-Emulator.

Any unauthorized use of these materials is NOT allowed.

You might also like...

A jsPlumb-based tree chart implementation for jQuery.

jsPlumbTree A jQuery plugin for generating a tree structure using jsPlumb. The tree is drawn from left to right, top to bottom. Please note that only

Jul 27, 2022

Redefined chart library built with React and D3

Recharts Introduction Recharts is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts i

Jan 2, 2023

GPL version of Javascript Gantt Chart

GPL version of Javascript Gantt Chart

dhtmlxGantt Getting started | Features | Follow us | License | Useful links dhtmlxGantt is an open source JavaScript Gantt chart that helps you illust

Dec 29, 2022

🍞📊 Beautiful chart for data visualization.

🍞📊  Beautiful chart for data visualization.

🍞 📈 Spread your data on TOAST UI Chart. TOAST UI Chart is Beautiful Statistical Data Visualization library. 📦 Packages The functionality of TOAST U

Jan 2, 2023

:bar_chart: A library of modular chart components built on D3

Plottable Plottable is a library of chart components for creating flexible, custom charts for websites. It is built on top of D3.js and provides highe

Dec 31, 2022

Chart image and QR code web API

Chart image and QR code web API

QuickChart QuickChart is a service that generates images of charts from a URL. Because these charts are simple images, they are very easy to embed in

Dec 25, 2022

📈 A small, fast chart for time series, lines, areas, ohlc & bars

📈 A small, fast chart for time series, lines, areas, ohlc & bars

📈 μPlot A small (~35 KB min), fast chart for time series, lines, areas, ohlc & bars (MIT Licensed) Introduction μPlot is a fast, memory-efficient Can

Jan 7, 2023

TChart.js - simple and configurable Bar and Line Chart library in Javascript

TChart.js - simple and configurable Bar and Line Chart library in Javascript

TChart.js Simple and configurable Bar and Line Chart library in Javascript Description TChart.js is a canvas-based simple Javascript Bar and Line Char

Mar 3, 2021

🍞📊 Beautiful chart for data visualization.

🍞📊  Beautiful chart for data visualization.

🍞 📈 Spread your data on TOAST UI Chart. TOAST UI Chart is Beautiful Statistical Data Visualization library. 📦 Packages The functionality of TOAST U

Jan 6, 2023
Comments
  • On the copyright of texture assets

    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.

    question 
    opened by Mivik 1
  • Challenge Mode Bug

    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

    bug 
    opened by IchorDragon 1
Releases(v0.0.1-beta14)
Owner
HIMlaoS_Misa
生命不息,睡觉不止。
HIMlaoS_Misa
A Simple Dashboard Chart in Laravel Nova using Chart JS

A Simple Dashboard Chart in Laravel Nova using Chart JS. Starting create your own dashboard with Chart JS Integration can save your time and help you maintain consistency across standard elements such as Bar, Stacked, Line, Area, Doughnut and Pie Chart.

Kuncoro Wicaksono 177 Jan 4, 2023
Chart.js plugin to defer initial chart updates

Chart.js plugin to defer initial chart updates until the user scrolls and the canvas appears inside the viewport, and thus trigger the initial chart a

Chart.js 97 Nov 9, 2022
Bar Funnel Chart extension for Chart.js

Chart.BarFunnel.js Provides a Bar Funnel Chart for use with Chart.js Documentation To create a Bar Funnel Chart, include Chart.BarFunnel.js after Char

Chart.js 58 Nov 24, 2022
TradeX-chart is a trade chart written in plain (vanilla) JavaScript with minimal dependencies

TradeX-chart is a trade chart written in plain (vanilla) JavaScript with minimal dependencies; use it with any framework or backend.

null 24 Dec 12, 2022
Render echarts in obsidian,Apache ECharts,An Open Source JavaScript Visualization Library

obsidian-echarts Render echarts in obsidian,Apache ECharts,An Open Source JavaScript Visualization Library

null 23 Dec 26, 2022
:bar_chart: A D3-based reusable chart library

c3 c3 is a D3-based reusable chart library that enables deeper integration of charts into web applications. Follow the link for more information: http

C3.js 9.2k Jan 2, 2023
:bar_chart: Re-usable, easy interface JavaScript chart library based on D3.js

billboard.js is a re-usable, easy interface JavaScript chart library, based on D3 v4+. The name "billboard" comes from the famous billboard chart whic

NAVER 5.4k Jan 1, 2023
J2CL and GWT Charts library based on CHART.JS

Charba - J2CL and GWT Charts library based on CHART.JS What's Charba GWT Web toolkit doesn't have charting library available out of the box. There are

Pepstock.org 56 Dec 17, 2022
Beautiful charts for Angular based on Chart.js

ng2-charts slack Beautiful charts for Angular based on Chart.js Usage & Demo Samples using ng2-charts https://valor-software.com/ng2-charts/ Installat

Valor Software 2.2k Jan 4, 2023
API to generate candlestick chart data for any time period based on transactions data

candel-maker API to generate candlestick chart data for any time period based on transactions data Installation clone repo git clone https://github.co

null 2 Aug 18, 2022