UPDATE: HTML5 Game – First Level – Ready For a Little Player Testing – Mothra and The Windy Day

The first level is about 80% done, and is ready for the first round beta testing.

The game is currently being tested on:

  • iPads 2, 3, 4
  • Desktop: FF, Safari, Chrome and IE 9, 10, 11

The fun and hopefully interesting aspect about Mothra and The Windy Day is that the main character is a moth larva… Let’s face it… ( larva are essentially non moving )  which translated into a game setting means ( so slow that it could be bothersome ).This simple aspect about nature fascinates me, in that how does a moth larva actually manage to survive long enough to do anything… let alone spin a cocoon and turn into a moth?Think about it? Given the stacked odds against something intensely slow, with no arms, no sharp teeth, etc. in order to survive a moth larva must have something close to Yoda force skills… I had to spin Star Wars and Yoda into this Blog Post somehow…

Screen Shot 2014-04-03 at 8.56.37 AM
click to play

 

BASIC GAME STRATEGY:

Because Mothra is really slow, there is a sort of “fight or flight” concept at work in which the player has to take damage, inorder to beat the clock… But how much and when is determined by the game player.  If you spend to much time dodging the Bird, you’ll run out of time.  Likewise if you try and beat the clock to early by not dodging the bird and taking damage you’ll die to soon.  By touching the screen and breaking the floating leaves you feed Mothra making him gain weight, which eventually gives him the ability to Super Jump which can defeat the Bird’s attack once and for all.

 

HelpScreen

StartScreen

CompletedScreen

Screen Shot 2014-04-08 at 5.03.01 PM

 

OTHER ASPECTS OF DEVELOPING MOTHRA:

During the past year and a half, I have come to the realization that, with tools like Edge Animate, Google Web Developer and Flash CC exporting to Canvas and CreateJS, that Javascript and HTML5 are here to stay.  With that said I feel as part of the Old Flash Vanguard it’s essential that the things that we used to build in Flash on a regular basis now have a place in this new world of online…

You have to start somewhere.  You can’t be afraid of building something that may fail. Mothra and The Windy Day is based on Adobe Edge’s DOM based animation framework.  So the game is not using HTML5 Canvas instead it is actually pushing div elements around on the screen…

Whether DOM in this situation is better, or Canvas is an argument i feel of the scale of the Game.  With Mothra this game is essentially an experiment to see how far I could push Adobe Edge before the Edge framework buckles under the stress of Javascript DOM computations.

If your reading this article… play the game, crack open the console window and watch the console.log script of the game unfold.  There are Intervals, counters, an attempt at randomization, key board key capturing, dynamically setting properties of text fields, animation, cookie setting, and html 5 video.

 

Please give me some pointers, comments, suggestions and responses.

 

 

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s