Giter Club home page Giter Club logo

pazuru-pico's Introduction

Puzzle * Pico

Puyo-puyo-ish game inspired from BanG Dream! Girls Band Party!☆PICO ~ OHMORI ~ Episode 9. Created with PixiJS and TypeScript

** Internet Explorer is not supported **

How To Play ?

Match members of same group to clear the line. Don't let the board fill up because Marina-san will come for you !

Controls

Keyboard

  • Arrow Left/ Arrow Right : Go Left and Right
  • Arrow Up, X : Rotate Clockwise
  • Control, Z : Rotate Counter Clockwise
  • Arrow Down : Soft Drop (a.k.a drop faster)
  • Space bar : Hard Drop (a.k.a drop quickly)
  • Shift + arrow up : Fly with kokoro
  • R : Reset

Mobile

  • Swipe Left : Move Left
  • Swipe Right : Move Right
  • Swipe Down : Hard drop
  • Tap on left half of the screen : Rotate Counter Clockwise
  • Tap on right half of the screen : Rotate Clockwise
  • Long press : Soft drop

Development

Install yarn install Serve yarn start

Features

  • Basic Gameplay
  • Michelle
  • Mobile Control
  • Kokoro god mode
  • Choco Coronet, Coffee & Croquette (Missing Croquette)
  • Scoring system
  • Combos
  • Rimi-rin cutin
  • More sounds
  • Welcome screen
  • Moving Logo

Contribution

Feel free to contribute or contact me ! (日本語も OK)

Things still need help

  • More sounds
  • Fonts

Adding dropping & falling sounds

Sounds when dropping or falling can be added to character-data.ts. Each character is an object which contains name, group, image file and sound files. Files can be imported by using import statement. The data for falling and dropping sounds are array which is randomized. If anyone has sound they wants to get included, feel free to make a pull request!

import ksm from "./assets/chara/kasumi.png";
import ksm_fall_1 from "./assets/sounds/chara/kasumi_fall_1.wav";

{
    name: "Kasumi",
    file: ksm,
    group: "Popipa",
    sounds: {
        fall: [ksm_fall_1],
        dropping: []
    }
},

Disclaimer

This project aims serves as my fun side project for creating a game and as a fan-made game. I do not own any assets/ sounds for this project. All the assets are copyrighted by Bushiroad. The assets are screen captured from BanG Dream! Girls Band Party!☆PICO ~ OHMORI ~ Episode 9

pazuru-pico's People

Contributors

dependabot[bot] avatar hamzaabamboo 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

Watchers

 avatar  avatar

pazuru-pico's Issues

Some questions on assets

First I'd say I love your work so much ! The animation is smooth and the code is of high quality.
Yet I got some questions here:

  1. May you tell me where you got these character チビ assets? It seems none of the official sites provide the version you used, as in your assets the head of characters seems to be "larger" and the resolution is obviously lower. I'm just trying to complement the other two bands (MORPHONICA & RAISE A SUIREN), and the character チビ doesn't coordinate very well.
    Here's a comparison:
    Official version:
    Official version
    Your version:
    Your version
    Official version:
    Official version つくし
  2. I'm experimenting on the animation and sound effects on clearing a band, just like the effect in ガルパピコ大盛り. Do you mind if I upload a video of your project to sites like ニコニコ動画 ?I will clearly state your name and original project link.
    Looking forward to your apply!

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.