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.

 

 

 

 

Voice Command Running Jacket Prototype – Arduino Mixed With Voice Commands and Scrolling LED Matrix

Here is a fun project that I have been working on over the past month.

I have blogged about wearable technology a few times now, and I am happy to say that this Prototype is coming along nicely and would work very comfortably with a NIKE+ FUEL BAND.

The basic idea is that a runner could wear this “smart jacket” and it could be trained to respond to simple voice commands.  The runner could say “RIGHT” or “LEFT” or “EAT MY DUST”, and the jacket’s on board LED Matrix displays would act accordingly.

A possible design flaw, you could be the act of building this into a jacket vs building the apparatus that could be attached to any jacket… but for now… lets just say it is a jacket…

The over all parts list for building this prototype are fairly in expensive and could probably be achieved for under $100.  if you wanted a super cool Nike running jacket it could add to the cost 🙂

The Arduino compliant voice command shield is here.

http://www.ebay.com/itm/Voice-Recognition-Module-Arduino-Compatible-/261291298198?pt=LH_DefaultDomain_0&hash=item3cd62ccd96

 

WP_20140419_007

HERE ARE MY MOLE SKIN SKETCHES OF THE PROJECT:
WP_20140419_012 WP_20140419_011

WP_20140419_009

 

Let me know what you think, Comment, Respond.

 

Thanks,

Damon

 

 

Prequel to HTML5 Mothra Game – Idea Character Development

I’ve been working on a series of simple Nano touch games. Games are fun, there is no better way to rough out the edges of your development skills than to build a game…

There are so many levels to game development, from trying to think of creative ways to make the game interesting to simply solving “if-then-than-that” situations that arise when dealing with something complex.

Here is the link for the first round rough draft of Mothra: Keep in mind that this will ultimately be the second game.
http://www.darkriderdesign.com/STUFF/Mothra/page1.html

The sketches below are concepts for the game meant to be the prequel to the Moth flying. The potential animations at the end of having a FAT caterpillar/larva spinning a Cocoon and then emerging from it a beautiful moth could be so awesome, and it would have such an Eric Carl sort of feeling you can’t help but think of reading the “Very Hungary Caterpillar”

WP_20140224_001

WP_20140224_002

WP_20140224_003

Digital Publication/Magazine – Banner Ad With Choose Your Own Adventure

With the recent news about Adobe DPS folio platform becoming free, and the fact that this holiday season the only advertisements we saw on TV were for tablets of every size, shape, Os, and color it is no wonder that Digital Magazines are going to become a hit in 2014-15.  The animation capabilities of Adobe Edge have really take HTML5 UI and interaction to a whole new level.  Not to mention that you can embed Edge projects into folio files.

HERE ARE SOME REALLY GOOD LINKS FOR LEARNING MORE ABOUT DIGITAL PUBLICATIONS AND PLATFORMS:

adding Edge animations to Folio:

http://www.adobe.com/devnet/digitalpublishingsuite/articles/enhancing-your-dps-folios-with-edge-animations.html

Adobe DPS platform showcase:

http://dpsgallery.adobe.com/#/main

Google Play Digital Magazines:

https://play.google.com/store/apps/details?id=com.google.android.apps.magazines&hl=en

With all the hype I wanted to build a Banner that had some really interesting features, like “Choose Your Own Adventure”.  The idea isn’t new… meaning that people have built interactive choose your own adventures before, but where I think this idea stands out is that it would be in a magazine type layout.  So if you could imagine being on page 5 and seeing an ad in which you are interacting with something like a chair.  You then continue on reading the magazine and you land on page 20, where the ad has built upon your experience from page five but now it shows the chair being sat on by someone…. Again nothing new designer have done thing like this before in Print and on the web… but again it is the context of a digital magazine.

HERE ARE MY MOLESKIN SKETCHES

WP_20131227_005

WP_20131227_003

WP_20131227_004

Mobile Floor Projection Belt – Invention – For Fashion or Just to Make it Look Like Your Walking on Fire

I found a company the other day searching around online for Arduino projects that created LED clothes: http://led-clothing.com/

The web site is full of inspiration, and you can get lost for hours thinking of possibilities for trade shows, special events, new business opportunities, web apps… you name it the idea will come to you when your clicking around at that web site.

It really made me think about the possibilities of wearable gadgets and about the future and potential for making things that we really consider as science fiction.  I’ve always admired the holodeck concept from Star Trek, but when it comes down to actually building something like the Holodeck the technology is extremely expensive, a little to high-tech and then there is the classical problem of the “human-plug-in” apparatus… The idea of putting something on your head, putting something on your hands, standing in a suspension cage, etc. becomes the classic hallmark of putting a person into a virtualized environment problem.

But then what about all of the new work being done in the area of interactive projector projects out there like the kind at Magic Carpet: http://sensoryguru.com/magiccarpet/

The basic idea of altering our environment to produce a desired outcome is an old concept and we can really see how technology is starting move us into this space in which we don’t have to have the physical object there but that the ability to have a representation of an object gives just enough visual to change perception.  Think about the ability to actually change your environment in a radius around your body, that others can see like the floor projection example above.

So I set out on thinking about a way create mobile floor projection… The idea is pretty simple, and could be updated by some really good hardware specialists to be a fraction of the size.  The visual effect of your shadow obstructing the light hitting the floor actually would be correct being that it would simulate light at high noon.  The basic premise is to have three possibly 4 pico projectors mounted to a belt, that would in effect project the floor as you walked.  You simulate games in which your jumping over obstacles, it could be used for training instances like construction sites, fashions shows, etc.

HERE ARE MY MOLESKIN SKETCHES: I submit this idea to Quirky so if you like the invention be sure to vote on it along with my other inventions. http://www.quirky.com/invent/738775/action/vote/query/sort=ending_soon&categories=all

?????????????????????????????????????????????????????????????????????????????

????????????????????????????????????????????????????????????

Solar Powered Dehumidifier/Distallation Cup – A Cup That Makes It’s Own Water

So I was talking with a friend of mine half a year ago, and she was explaining to me the whole conspiracy theory about the amount of Flouride in the water and how it is bad for our bodies, and how the build up over time is damaging to us.  Whether the conspiracy theory is correct or not, it made me think about the amount of water I drink in a day… It made me think about my family and the basic idea of drinking water.  I grew up walking a cup over to the sink and turning on cold water and… that was about it, cold water in abundance… So the basic idea of the water we consume in a day and the long term effect on our bodies if the water is potentially bad was sort of an opening moment for me.

It also plunged me into thinking of 3rd world countries and how even the concept of “Water” in general let alone if it’s clean or not is such a humanitarian issue that if one could come up with a way to make water out of “thin air” it would be a great act indeed.

In the same thought I had to go into my basement to clean the cat box out and sitting right infront of me was my dehumidifier…. Which of course does, just that…. it makes water out of thin air.

Well history if full of giant gymnasium size machines that are then condensed down into pocket size machines…. SO…. Why not my dehumidifier…. Which of course already exists.  You can buy small table table top water distillation devices…

http://superstore.theamericanvoice.com/water_distiller.html

but they all have one thing in common which if attempted to be used in a 3rd world country might be hard to come by….. you have to plug them in… What if you could wrap a solar cell around a cup/barrel/jug and put the heating and cooling component functionality from a standard dehumidifier in the casing, while having the drainage collect in the actual cup itself…

HERE IS MY MOLESKIN SKETCH OF A SELF SUSTAINING CUP, THAT MAKES DRINKING WATER:

Solar powered dehumidifier distillation cup