pipstory.v2.demo.mp4
Started developing on 1 December 2022
Try it out! (please turn ur mobile to landscape orientation if trying on mobile)
Currently web deployed on: https://adamhcj.github.io/pipstory/
You will need to clone repo and add it as flutter project. Dart files are in lib folder
Game inspired by pokemon and maplestory
maplestory sound effects used: jumping sound, looting sound, background music (login screen music from maplestory)
pokemon sound effects used: piplup sounds
Tech stack:
Dart
Flutter
Flutter Flame package for game engine
Android studio IDE used to develop this flutter application
Current Version: v6
pipstory.v6.demo.mp4
🐣 pipstory version 1:
gravity
arrow keys to move smoothly
space bar to jump (has jump sound too)
press C to "attack" (has attack sound too)
🐥 pipstory version 2:
Added animations running animation credits: https://www.deviantart.com/chocomiru02/art/Pokemon-Running-Piplup-Animation-706510277
jumping animation credits: https://aminoapps.com/c/pokemon/page/blog/how-to-make-piplup-appear-in-magikarp-jump/o6hd_uDMXK7qpM2eWE5B71ZBmxbboL
idle animation (official 3d sprite) credits: https://projectpokemon.org/home/docs/spriteindex_148/3d-models-generation-4-pok%C3%A9mon-r93/
additional tools used to extract png from gifs: GIMP GIMP export layers plugin: https://github.com/kamilburda/gimp-export-layers
🐤 pipstory version 3:
Changed idle animation to another version from: https://arnavprasad.me/projects/shiny-hunt-automator/
attack animation and sound recorded from official pokemon youtube: https://www.youtube.com/watch?v=XY0BTerIbBg&ab_channel=TheOfficialPok%C3%A9monYouTubechannel
attack bubble beam extracted from: https://www.deviantart.com/kaspiian/art/Bubblebeam-246610843
Added bubble beam attack by pressing C
🐔 pipstory version 4:
Fixed to landscape orientation for mobile
Left and right arrow buttons (i drew them haha)
camera following player
added screen markers
added hitboxes for platform
added platforms that player can stand on
camera more zoomed out, looks better for smaller screens
spacebar button added.
C button added.
🐓 pipstory version 5:
Added background: https://www.pinterest.com/pin/368450813254708380/
added rare candy: https://dotesports.com/pokemon/news/rare-candy-locations-in-pokemon-brilliant-diamond-and-shining-pearl
made hitbox transparent
Changed how the button positions itself, now it is fixed position and changes only on game resize rather than every tick
made spacebar and C button more transparent
added rare candies and looting (with sounds)
added candy counter
zoomed in slightly
code refactoring, improved certain code like button positioning, number of attacks
🐧 pipstory version 6:
if canvasSize.y is small, camera zooms out.
improved background on resize
number of bubble attacks will scale accordingly to rare candy collected
damage added, scales according to number of rare candies collected
added bubble hitting sound, from maplestory. recorded sound from: https://www.youtube.com/watch?v=aC6bgDFCESo&ab_channel=Static
bubble splash effect: https://www.pinterest.com/pin/135470039327121052hit0gif-263245--573786808766258945/
added enemy piplup for a target dummy.