FlappingBird Postmortem (JS13K)

-

FlappingBird was my Primary entry for JS13K Games competition 2020 It's about a bird flying in a forest of trees (Some of which are upside down) It started out as i was trying to draw some clouds for fun, then later i added every missing component to complete the sky

First day. I planned making a game that should as well serve as a 404 page with a hidden game such that when a button is pressed It transitions into gameplay qualities were that it should be easy to play by everybody without need to master many rules

Second day. There was a bunch of game ideas up my sleeves one of them was a game where a typical 404 page transitions into a green garden like mine sweeper version made up of a flowering mine field with smooth sweet sound effects

Fourth day. We'll Since Mine sweeper is not a very common game there's nothing fun about it and not everyone knows how it's played. So i gave up on it and on this day i started working on backgrounds for flappingBird "the final primary entry on my list" most of the elements of the sky where composed of simple lines and polygons and mostly circles i didn't intend to use images in early stages especially because its written from scratch (so that it's as simple as possible)
Here's some saved screen shots.







There wasn't anything really challenging however the moon is a bit sketchy in the sense that its spawned first before any other element and composed of two circles one of which is hidden by discuising it with the color of the background to give it that desired shape

Shortly after doing background works i started working on two more aspects almost simultaneously, first it was the player and second it was the game screens, to be honest i didn't know what to use as player at that point i didn't have the name if the game coined yet, none the less i made the player and later finished up game screens.
Here's some saved screenshots.





And just like the background works day there wasn't really much challenges faced everything was smooth "i was on a roll!"

Following days i fixed physics and dynamics i also visited friends for testing and handed out binaries too

Here's some saved screenshots.





Comments

Post a Comment

Popular posts from this blog

Hello world application in Kotlin

-
Kotlin Hello World Application To get started open your editor and type the snippet of code below fun main() {     println("Hello, World!") } in kotlin main is the entry point function of an application fun keyword is used for declaring functions it acts like function does in JavaScript. Compile your application into jar kotlinc hello.kt -include-runtime -d hello.jar Execute your application java -jar hello.jar If everything went well you should see "Hello World" output from your terminal
Read more

Introduction to webshare API (navigator.share)

-
Image
navigator.share is a JavaScript API providing a sharing interface similar to native apps webshare API is supported on most updated mobile browsers Including Google chrome for Android Sharing is done by passing an Object with parameters "url", "text" or "title" to navigator.share function. For a webshare request to succeed you must supply at lest one of the parameters navigator.share returns a Promise upon being called "upon navigator.share({     "url": document.location,     "text": "I'm an example",     "title": document.title }) .then(resp => console.info("Successfully shared")) .catch(errors => console.error(errors))
Read more

How to set content disposition headers for express nodejs apps

-
Image
In express nodejs apps you can force the user agent "browser" to rather download content instead of displaying or attempting to render given content within the browser. In this example assuming you're using express.static to serve content pass an Object as second argument to express.static function An Object with configuration parameters; const config = { setHeaders: res => res.set('Content-disposition',  'attachment') } In your code replace "path/to/media/" with the path pointing to the static content. app.use('/media/', express.static('path/to/media/', config)) To test try accessing content at /media/*
Read more