Pup Beat

My project us Pup Beat, a 2D rhythm game where you use a drum kit inspired by Muse Dash and Taiko no Tatsujin

For my final year project, I wanted something that could demonstrate all my skills at once — programming, art, and design. That's why I decided to make a game which implement my own art in it.

This game is made in Visual Studio Code using HTML, CSS, and Javascript. All of the arts(character, background, effects, etc) are made in photoshop, with some being rigged in spine.

Features
Beat System

Time-based note spawning

Parallax Backgrounds

Multiple layered backgrounds moving at different speed, giving the illusion of depth and life to it.

Spine Animation

The dog is rigged in spine to give smooth animation and blend between the different states

Score System

A way to track your accuracy and streaks in the game.

Interactive Drums

A physical drum kit setup which lets you play the game using real drum for full immersion.

Obstacles

Jumpable hazard appears which will impact the player health.

Technologies
HTML5 HTML

Structure and layout the web design

JavaScript JavaScript

Used to make the actual game aspect of the project

CSS3 CSS

Styling, designing, and layouting the project

Visual Studio Code VS Code

Primary code editor used throughout development

Photoshop Photoshop

Make assets and background

Spine Spine 2D

Animate the dog

Sneak Peak
Menu
Gameplay
End Screen
Background 1
Background 2
Background 3
Contact

Name: Freya Prananta

Email: freya160704@gmail.com

LinkedIn : Freya Prananta