Thursday, March 13, 2014

Falling Ball Game

I released simple html5 game called Falling Ball. The player uses arrows to move the ball left, right and to make it jump. You get one point for every hit platform and if the ball touches screen border, any of them, then the ball dies.



It works in Firefox, Opera and Chrome. Microsoft Explorer shows it in weird colors and does not play sounds, but it still is playable.

Inspiration

The game was inspired by game a week challenge and related blog posts by Adriel Wallick and Thomas Palef. Thomas Palef made surprisingly enjoyable action/platform games and Adriel Wallick seemed to experiment with all kinds of games.

Thomas Palefs lessmilk games were especially inspiring, since he made games I enjoyed a lot and he was not experienced game developer. They were his first.

The Goal

I do not plan to become game developer and I already have projects I'm involved in, so game a week does not sound plausible. However, if they can put together a game every week, I should be able to make a game within a week once in a while.

My goal was to make html5 game within few days spending on it as little time as possible. No matter how wrong everything will go and how bad or unfinished it would be, the game was supposed to be finished and released within a week.

However, it had to have all "real game" elements. I wanted it to have sounds, be somewhat polished and somewhat juicified. Everything else was supposed to be in one game a month challenge spirit. Anything goes and any cheating is allowed.

Development

It was more fun then expected. I did not tried to do proper engineering nor to write unit tests. I did no planning and had no game vision before I started. Instead, I tried to see what is easy to do with the framework I picked up and what kind of assets are available on OpenGameArt.

The nature of the game changed drastically and multiple times during the development. It started as dark platformer, then I attempted to do rhythm game, made some other iterations and ended up with happy action game.

I used phaser.io v1.1.3. It was easy to learn and work with. The hardest thing was to choose the right phaser version. Latest 1.1.6 has deal breaking bug - platforms were flying away after being hit by ball. Upcoming 1.2 was just before release, but not there yet. Documentation was not yet fully done and there were only few examples available.

The version 1.1.3 I picked up is used by tutorials and examples, so it was much easier to learn.

Time Spent

The game core is extremely simple, just a few lines of code. It took almost no time to get something running. It is everything else that took most time.

A lot of it was spend just playing, tweaking constants and seeing whether the game feels right. Then there were many tiny things such as splitting game into levels of right length and giving them names, making you died/you won replay screens as little annoying as possible, counting score and storing it etc.

Having an easy way to edit levels helped a lot. They need to be tweaked and tested a lot. The amount of time needed to do minor level change directly influences the outcome.

Finally, digging through creative commons assets was another huge time sink. I spend maybe 30%-40% of time doing that. Fortunately, it was quite relaxing and enjoyable.

On Game Design

Turns out that making a game requires you to play it a lot. You become good at it, so it is important to remember how each level felt when you played it for the first time.

Pictures and sounds make a big difference. The final version of my game have both background music and background image. I tried to save space by removing either of them and the game became way more boring. That was especially surprising in the case of background picture. I thought it is only an optional gimmick. It is not, the game is much less fun without it.

Overall, juicification is more important then I expected. Too much of it and the player will get distracted and frustrated. Not enough of it and the game is boring.

Conclusions

Anyway, I have a real game now. Which is improvement over html5 Sokoban which was only almost there.

24 comments:

SEO BACKLINKS said...

SEE MORE ARTICLE IN HERE. CLICK IN HERE

shivani said...

An astounding web diary I visit this blog, it's inconceivably magnificent. Strangely, in this current blog's substance made point of fact and sensible. The substance of information is instructive.
Oracle Fusion Financials Online Training
Oracle Fusion HCM Online Training
Oracle Fusion SCM Online Training

shivani said...

Excellent blog I visit this blog it's really awesome. The important thing is that in this blog content written clearly and understandable. The content of information is very informative.
Oracle Fusion Financials Online Training
Oracle Fusion HCM Online Training
Oracle Fusion SCM Online Training

Rainbow Training Institute said...

Thank you for sharing your awesome and valuable article this is the best blog for the students they can also learn.

Workday Online Training

shivani said...


Brilliant blog I visit this blog it's incredibly awesome. Curiously, in this blog content formed doubtlessly and sensible. The substance of information is helpful.
Oracle Fusion HCM Online Training
Oracle Fusion SCM Online Training
Oracle Fusion Financials Online Training
Oracle Fusion HCM Training In Hyderabad
Oracle Fusion SCM Training In Hyderabad
Oracle Fusion Financials Training In Hyderabad
oracle fusion financials classroom training
Oracle Fusion HCM Classroom Training
oracle cpq online training / Oracle CPQ Class Room Training
Oracle Taleo Online Training

Mika Farron said...

Jadi, dalam permainan slot mesin terdapat beberapa roll berputar, yang pada setiap roll tersebut akan menunjukkan berbagai jenis gambar. Pada saat tuas dari mesin slot tersebut sudah para pemain tarik
asikqq
http://dewaqqq.club/
http://sumoqq.today/
interqq
pionpoker
bandar ceme terbaik
betgratis
paito warna terlengkap
forum prediksi

htop said...

thanks for sharing this information
azure training in chennai
azure training in sholinganallur
data science training in siruseri
best data science training in omr
best data science training in sholinganallur
best devops training in chennai
best devops training institute in omr
best devops training institute in sholinganallur

Rainbow Training Institute said...

Thank you for sharing such a nice and interesting blog with us. I have seen that all will say the same thing repeatedly. But in your blog, I had a chance to get some useful and unique information.

Workday Online Training

Rainbow Training Institute said...

I would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well.

Workday HCM Online Training

shivani said...

An overwhelming web journal I visit this blog, it's unfathomably amazing. Unusually, in this present blog's substance made inspiration driving truth and reasonable. The substance of data is enlightening
Oracle Fusion Financials Online Training
Oracle Fusion HCM Online Training
Oracle Fusion SCM Online Training

Rajesh said...

thanks for sharing this information
python training in bangalore
best python training institute in bangalore
python training in jayanagar bangalore
Artificial Intelligence training in Bangalore
data science with python training in Bangalore
RPA Training in Bangalore
Blue Prism Training in Bangalore
Google Cloud Training in Bangalore

jose said...

Really nice post. Thank you for sharing amazing information.
Java Training in Credo Systemz/Java Training in Chennai Credo Systemz/Java Training in Chennai/Java Training in Chennai with Placements/Java Training in Velachery/Java Training in OMR/Java Training Institute in Chennai/Java Training Center in Chennai/Java Training in Chennai fees/Best Java Training in Chennai/Best Java Training in Chennai with Placements/Best Java Training Institute in Chennai/Best Java Training Institute near me/Best Java Training in Velachery/Best Java Training in OMR/Best Java Training in India/Best Online Java Training in India/Best Java Training with Placement in Chennai

Benish said...

Really nice post. Thank you for sharing amazing information.
Python training in Chennai/Python training in OMR/Python training in Velachery/Python certification training in Chennai/Python training fees in Chennai/Python training with placement in Chennai/Python training in Chennai with Placement/Python course in Chennai/Python Certification course in Chennai/Python online training in Chennai/Python training in Chennai Quora/Best Python Training in Chennai/Best Python training in OMR/Best Python training in Velachery/Best Python course in Chennai

fixps4 said...

You have a good looking web site
Your site is exactly what I have looking for!! Keep up with the good work.
nw-31297-2

PS4 External Hard Drive – Top Product Of 2019

ce-34788-0

Chandra Sekhar Reddy said...

Thanks for giving information
Yaaron Studios is one of the rapidly growing editing studios in Hyderabad. We are the best Video Editing services in Hyderabad. We provides best graphic works like logo reveals, corporate presentation Etc. And also we gives the best Outdoor/Indoor shoots and Ad Making services.
video editing studios in hyderabad
short film editors in hyderabad
corporate video editing studio in hyderabad
ad making company in hyderabad

Chandra Sekhar Reddy said...

Nice Post
"Sanjary Academy provides excellent training for Piping design course. Best Piping Design Training Institute in Hyderabad,
Telangana. We have offer professional Engineering Course like Piping Design Course,QA / QC Course,document Controller
course,pressure Vessel Design Course, Welding Inspector Course, Quality Management Course, #Safety officer course."
Piping Design Course in India­
Piping Design Course in Hyderabad
QA / QC Course
QA / QC Course in india
QA / QC Course in Hyderabad
Document Controller course
Pressure Vessel Design Course
Welding Inspector Course
Quality Management Course
Quality Management Course in india
Safety officer course

meritstep Technology said...

Thanks for Sharing This Article.It is very so much valuable content. I hope these Commenting lists will help to my website
best workday studio online training

Training for IT and Software Courses said...

It has been great for me to read such great information about datascience with python.datascience with python training in bangalore

Anonymous said...

I just wanted to leave a non-spam comment

Unknown said...

Very nicely done. Your show schedule gave me the info on some shows I was wondering about. I visited your web site today and found it very interesting and well done. I can tell you have put a lot of work into it. Thank you for the listing on your web page. You have a good looking web site Your site is exactly what I have looking for!! Keep up with the good work.

How to Change PS4 DNS Settings
Fastest DNS for PS4 [2020]
PS4 NAT Type Failed – Fixed [100% Working 2020]

sh3057160 said...

Wow! this is Amazing! Do you know your hidden name meaning ? Click here to find your hidden name meaning

Unknown said...

Wow! this is Amazing! Do you know your hidden name meaning ? Click here to find your hidden name meaning

https://researchchemicalfactory.com/product/crystal-meth-kaufen/ said...

rick simpson oil for sale
buy rick simpson oil

https://researchchemicalfactory.com/product/crystal-meth-kaufen/ said...


rick simpson oil
rso oil price

Post a Comment