Aprilbeat is an new open-source, online, fully web-based rhythm game

Overview

Aprilbeat!

open-source web-based online rhythm game

Twitter
Docs Codefactor

Aprilbeat is an new open-source, online, fully web-based rhythm game. It plays songs in APB format (See: Introduction to APB).

It is recommended to play this game on Google Chrome.

Table of contents:

Status

This project is under development, but is in a quite stable state. Users are encouraged to try it out.

We are accepting bug reports (please report with as much detail as possible and follow the existing issue templates). Feature requests are also welcome, but understand that our focus is on completing the game to feature parity before adding new features. A few resources are available as starting points to getting involved and understanding the project:

Quick Tour

Music selection

  • Play online songs instantly in your browser.

  • You can also play custom songs by dragging the APB File into the upload custom APB screen. There is also a community-supported beatmaps, you can find them using APB Search. We are working on implementing this directly on to the website with the feature told called april!direct

  • Thereโ€™s an online internet ranking system. You can compete with other players and see your rank online. We are also working on implementing a full real-time multiplayer using bi-directional socket.

  • Keyboard mode (3-to-6 keys). Play along the music with your keyboard.

  • Play together with friends in real-time using party mode. (beta)

  • Multiple difficulties. Each song has multiple difficulties to accommodate every player skill levels.

  • Adjustable speed. You can adjust the speed (spacing) of the notes to make it easy-to-sightread. This does not affect the speed of the song; lowering the speed causes notes to become more dense on-screen.

  • Scoring and grading system. Master the song to get the S+ grade (score over 1000000 or "1 Million with 6 zeros").

  • Background Video support. Certain selected songs will have a background video playing while playing.

  • Early/Late indicator. Aprilbeat will tell you if you press the note too early or too late.

  • Audio latency compensation. Some systems may have audio latency. Aprilbeat contains a comprehensive and smart calibration system to compensate for the audio latency.

Play now at https://aprilbeat.vercel.app/.

Technology

Running Aprilbeat Locally

# Clone Aprilbeat
git clone https://github.com/boneapriltea/aprilbeat.git

# Enter the main repository
cd aprilbeat

# Install the dependencies
npm i

# Setup all needed keys in .env (replace [])
DATABASE_URL="[your_supabase_database-url]"
NEXT_PUBLIC_SUPABASE_URL=[your_supabase-url]
NEXT_PUBLIC_SUPABASE_ANON_KEY=[your_supabase_anon-key]
SUPABASE_PRIVATE_SERVICE_KEY=[your_supabase_private_service-key]

# Initialize Database
npx prisma push

# Start development server
npm run dev

Note: Online ranking features are not available when developing locally.

License

Copyright (c) 2022 Bone April Tea

aprilbeat's code and frameworks are licensed under the MIT licence. Please see the licence file for more information. Check the tl;dr here.

Please note that this does not cover the usage of the "aprilbeat" or "lav" branding in any software, resources, advertising or promotion, as this is protected by trademark law.

You might also like...

LittleJS Logo LittleJS - The Tiny JavaScript Game Engine That Can

 LittleJS Logo LittleJS - The Tiny JavaScript Game Engine That Can

The Tiny JavaScript Game Engine That Can! ๐Ÿš‚

Dec 31, 2022

Golf it! is a game designed to let you show off your code-fu by solving problems

 Golf it! is a game designed to let you show off your code-fu by solving problems

Golf it! Golf it! is a game designed to let you show off your code-fu by solving problems in the least number of characters โœจ Explore the docs ยป View

Aug 18, 2022

๐ŸŽฎ Excalibur is a free game engine written in TypeScript for making 2D games in HTML5 canvas

๐ŸŽฎ Excalibur is a free game engine written in TypeScript for making 2D games in HTML5 canvas

๐ŸŽฎ An easy to use 2D HTML5 game engine written in TypeScript

Dec 30, 2022

Pig is a simple two player dice game.

Pig is a simple two player dice game.

Pig game Pig is a simple two player dice game. Play here: formidablae.github.io/pig_game or formaidablae-pig-game.netlify.app Each turn, a player repe

Oct 5, 2022

Bitburner Game

Bitburner Bitburner is a programming-based incremental game that revolves around hacking and cyberpunk themes. The game can be played at https://danie

Dec 30, 2022

A clone of the popular Wordle game.

Wordle Clone How to play locally: yarn install

Jan 9, 2022

A clone of the popular game Wordle made using React, Typescript, and Tailwind

Wordle Clone Go play the real Wordle here Read the story behind it here Try a demo of this clone project here Inspiration: This game is an open source

Jan 8, 2023

๐ŸŽฉ 2048 game is cloned with ReactJS, CSS3.

2048-react This is a clone of 2048 implemented using React. It's running live here. The game logic is implemented in ./src/components/mainBoard.jsx. I

Jul 31, 2022

A tiny game to practice AoE building shortcuts.

Aegis A tiny game to practice Age of Empires IV building shortcuts. Using โš›๏ธ Create-React-App and ๐Ÿป Zustand. License With the exception of all visual

Jan 1, 2023
Comments
  • Bump minimist from 1.2.5 to 1.2.6

    Bump minimist from 1.2.5 to 1.2.6

    Bumps minimist from 1.2.5 to 1.2.6.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 2
  • Bump decode-uri-component from 0.2.0 to 0.2.2

    Bump decode-uri-component from 0.2.0 to 0.2.2

    Bumps decode-uri-component from 0.2.0 to 0.2.2.

    Release notes

    Sourced from decode-uri-component's releases.

    v0.2.2

    • Prevent overwriting previously decoded tokens 980e0bf

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

    v0.2.1

    • Switch to GitHub workflows 76abc93
    • Fix issue where decode throws - fixes #6 746ca5d
    • Update license (#1) 486d7e2
    • Tidelift tasks a650457
    • Meta tweaks 66e1c28

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
Releases(2022.329.0)
  • 2022.329.0(Mar 29, 2022)

    Thanks for following along thru the development of aprilbeat! This is a tagged release (2022.329.0). For more information about this update check out the aprilbeat changelog page.

    What's Changed

    • Added Signup Authentication by @SpaceXLiquid in https://github.com/boneapriltea/aprilbeat-public/commit/d9ad867682e613aaaed89276d2a0982351c6feb7
    • Added New User Typescript Definitions by @SpaceXLiquid in https://github.com/boneapriltea/aprilbeat-public/commit/0b95bbe909f9fd19c3bff0cb1f9a500bfba35b70
    • Added new versioning stuff by @SpaceXLiquid in https://github.com/boneapriltea/aprilbeat-public/commit/7c2cb22099b8dfe38e4bef47e779e41b42a6381e
    • Fixed Code Smells and tiny bugs reported from SonarCloud and added service tokens to deploy to vercel by @SpaceXLiquid https://github.com/boneapriltea/aprilbeat-public/commit/f1f8da4ea2cce4cf9df324e4acb3034fa5394bd2
    Source code(tar.gz)
    Source code(zip)
A simple electron wrapper for bonk.io, a fun online game

A simple electron wrapper for bonk.io, a fun online game I tend to play a lot. I dunno how useful it'd be for other players, maybe they'd like the fullscreen of it, but it'll probably mostly just be for myself to play around with the source code of the game.

null 3 Feb 16, 2022
A checklist created for the online game Lost Ark

A checklist created for the online game Lost Ark. Create and complete daily/weekly tasks you assign to your characters!

null 5 May 24, 2022
๐ŸŽ Open source racing game developed by everyone willing

?? Open source racing game developed by everyone willing

Poimandres 2k Dec 26, 2022
Quizpetitive - A quiz game to learn new knowledge and terms in the field of project management.

Quizpetitive A quiz game to learn new knowledge and terms in the field of project management. The key element to the success of this project was the c

LMF 1 May 16, 2022
Eva.js is a front-end game engine specifically for creating interactive game projects.

High-performance: Eva.js is powered by efficient runtime and rendering pipeline (Pixi.JS) which makes it possible to unleash the full potential of your device.

EVA 1.6k Dec 27, 2022
WordleGameCB - a game inspired by the Wordle word game developed by Josh Wardle

Technologies WordleGameCB WordleGameCB is a game inspired by the Wordle word game developed by Josh Wardle. This application was developed with the ai

@Encoding 4 Feb 20, 2022
Wordle-remake - A site that is based on the wordle famous video game wordle

About the project The game of Wordle seems to be a pretty famous one. I tried to

LeoJit_15 1 Feb 13, 2022
A trivia website game based on origin of objects and concepts from around the world

Origin guesser is a quiz/trivia game in which the user is presented a word, object, or flag and offered a series of multiple choice answers to choose from as to the origin of that concept. Unlike other trivia games, this is concentrated only on origin of objects and concepts questions.

Sangamesh Itagi 5 Feb 12, 2022
Latin Wordle is a free and open-source project that aims to provide a fun and interactive way to learn Latin.

Latin Wordle Live Game Here Inspiration Latin Wordle is a free and open-source project that aims to provide a fun and interactive way to learn Latin.

null 15 Dec 16, 2022
A lightweight 3D game engine for the web.

A lightweight 3D game engine for the web. Built with three.js and cannon-es.

null 667 Dec 31, 2022