Showing posts with label Phaser. Show all posts
Showing posts with label Phaser. Show all posts

Friday, June 27, 2014

Freaking Math! (Game Review)

Here's a fast-paced game from Hungary that will force you to wake up!


This is one of the simplest games I've seen in the Marketplace, but it is very satisfying and forces you to react quickly. The premise of the game is explained when you start:


You are shown a simple math expression and you must decide is the answer right or wrong.

Well, is 1 + 1 = 3 or not? If you think about it, of course it is wrong. But can you react in one-and-a-half seconds to click on the X button?

Maybe, and maybe not. I seem to remember that the human reaction time in general is 2.2 seconds, but if you are hyper-alert, you can do it faster. But how long ago did you learn your math tables?

If you get the right answer, you must instantly do another one, and another, until you wait too long. Each time you fail, you'll get a score.


You can see that my high score is two right answers but my last score was only one! But keep at it. With a little practice, I did get better.


The game creator is Adam Balogh of Hungary and he has a newer version of the game that does division and multiplication. Unfortunately I can't buy it!


I'm fresh out of forints anyway.

But this is a fun little game

Cost: Free
Genre: Puzzle
Score: 4 (out of 5)
Tested on: ZTE Open C
Get it at: Firefox Marketplace
Developer:  Adam Balogh
https://marketplace.firefox.com/app/freakingmath/

Announcement One - Thomas Palef has written a book!

Thomas Palef has been amazing us all by writing one game a week. You can read about it at http://www.lessmilk.com/.  Part of his secret (aside from being just brilliant) is that he uses an HTML5 library called Phaser. You can read all about Phaser at http://phaser.io/.  But Phaser is a little hard to grasp how the pieces fit together, even though it seems like it will help you write HTML5 games more efficiently.

Well, up steps Thomas Palef, who will shortly be publishing not only a book, but will include complete games with the source code. You can read about it at http://www.lessmilk.com/phaser-book/ but he sent out an email to his subscribers with more data.

"The book will focus on building a full featured game from scratch that works on desktop and mobile devices. You will control a little guy in a blue world, trying to collect coins while avoiding enemies.

"Here are some of the things we will cover while building the game step by step: sprites, labels, groups, states, animations, particles, arcade physics, local storage, tilemaps, game scaling, touch inputs, and more.

"With all this new knowledge you will be able to create your own 2D games in HTML5.

"What You Will Get

"I created 3 types of content to help you learn the Phaser framework:

"- The book. The step-by-step guide to Phaser. It's 125 page-long, DRM-free, and available in 3 formats: pdf, epub, mobi.
"- Code. Some resources to help you build your own games faster: the source code of every chapters of the book, a Phaser cheat sheet, an empty game template, and other things. 
"- Games. I built 3 full featured games with comments that you can learn from: a space shooter, a match-3, and an infinite runner."
I'm definitely buying this even if I have to go without lunch for a few weeks!

Andrzej Mazur (Enclave Games) has written several games in Phaser that run well in Firefox OS, so I think that Phaser might be very useful to Firefox OS folk. I'll investigate it when I get back.

Announcement Two - I'm Going on Vacation

Yes, I know I'm on a permanent vacation, but I'm taking time off from this blog to travel around the country and visit some old friends, and I won't be online, and even when I am, I won't be typing!. So I won't be blogging most of the summer. But I'll be back and I'm sure there will be fabulous things to write about. I have a big list of topics, but they will have to wait. 

So come back in September and until then, stay tuned, but not iTuned!

Wednesday, March 5, 2014

HTML5 Game Frameworks (Game Programming)

HTML5 game frameworks is an interesting subject. There are dozens of them around, all promising to make game programming easy. Personally I'm interested in using just HTML5, CSS, JavaScript, and CSS. But there are two frameworks I thought I should mention that work in Firefox OS.

Construct 2

Construct 2, by Scirra, has been around a lot and is perfect for people who want to make HTML5 games but don't want to do all the coding. You can learn all about Construct 2 at https://www.scirra.com/.

Basically you drag and drop bits, choose behaviors from menus, and build your game. I've tried almost all applications like this and Construct 2 is the best. Why? Because they seem to have the best community and they are very transparent about what they do and why. Run by two brothers in London, Ashley and Thomas Gullen, you feel like they are responsive to problems and their forum is legendary for people (not just Ashley and Thomas) helping you out if you get stuck. They have a ton of tutorials and their engine is updated frequently.

The cost is reasonable. You can buy if for 79 pounds if you are not a professional, and 259 pounds if you are, the difference being how much money you make from their product. I can't say enough of how helpful they are, and how advanced as well. They're really on top of things like WebGL and they export the games you make to the following targets:

Web (HTML5), Wii U, iOS, Android, Win 8, Win 8 Phone, Windows desktop, Mac, Linux, Blackberry 10, Firefox Marketplace, Tizen, Facebook, Chrome Web Store, Amazon Appstore!
Just for fun (and as part of some long-forgotten contest), I put an app in the Chrome Web Store and it was very easy to create, even though it has an odd format. You can check out its fabulous features here: https://chrome.google.com/webstore/detail/tilt-a-twirl/klabggekijaanbjbakdimcdikdhihhdn?hl=en-US.

If writing code freaks you out, you probably aren't reading this, but if you have a friend who doesn't code but who wants to make games, go for it! Construct 2 is also used a lot in the industry for prototyping bigger games. And the best part is that you can put your games in the Firefox OS Marketplace!

Phaser

I haven't had a chance to try out Phaser, but it is getting a lot of notice. I'd place it somewhere between hand-coding and Construct 2. You still code, but you use Phaser to do the heavy lifting, and it adds things that would be very hard to do in raw code, like Physics.

Check out Phaser here: http://www.photonstorm.com/phaser. The main honcho is Richard Davey and he seems very helpful. Again, like Construct 2, there are lots of tutorials and the community is very active and the updates are frequent. I'm hoping to try out Phaser pretty soon and see how well it likes Firefox OS, but Mr. Davey says it will work in Firefox OS and if anyone has done this, let me know.

A Game A Week

I'm a proud member of the One Game A Month jam at http://www.onegameamonth.com/ but I recently ran across a site where someone is doing one game a week! I was doubtful at first. After all, many can do a game jam in a weekend, but they often are wasted afterward and the pace isn't easy to keep up!

But this weekly site, called http://www.lessmilk.com/. The author, one Thomas Palef, has been doing a game a week for a few months and the games are cool. As I dug a little deeper, I found that he's coding in Phaser. This is a very, very good argument for using Phaser if you want to code fast.

He also walks you through a two-part tutorial on making an Angry Birds clone. I fear that this will be the new standard for simple gaming, but who am I to complain? He also had a nice short article on pixel art at http://blog.lessmilk.com/pixel-art-how-i-made-the-princess-in-game-6/. This is a person to watch.

I was amused that he said
Since I started this project I've received a lot of supportive emails, which is awesome. But there's more: I've also had emails that have opened up new opportunities for me:
  • I got a job offer from a big company
  • A publisher contacted me to buy some of my games
  • A small company wants me to build them exclusive games
  • A couple of indie teams want me to help them as a game designer on some interesting projects
  • I even got contacted by a PhD student who wants me to help him with his thesis
So if you want a job in the game industry, just do something cool and people will come to you!

Right now I'm happy doing this blog and preparing my book, but I expect Mr. Palef to be a rising star!

My Book

I've revised about two thirds of the posts I want to use for my book and things are going along smoothly. I'm finding that there is a lot of details to follow to format it so Amazon will like it, and with any luck I'll finish in about two weeks.

I'm hoping that my book will help get the word out that Firefox OS is easy to program and fun! I appreciate all the offers I've had to help publicize the book and I'll be looking to see if I can also put it on Nook, Google Books, and Leanpub. Maybe I should put it in the Apple store for amusement. After all, when the iPhone came out, Steve Jobs wanted everyone to write apps in HTML5!

I'll keep you posted!

Twitter

I've been having a lot of fun discovering Twitter. I never used it before starting this blog, and my thought was that it might be a good way to let people know that there was a blog on Firefox OS game programming and game playing. But I've since found out that it is a fun way to find out what's going on in the worlds I care about: Firefox OS and game programming.

Yesterday Twitter told me I couldn't follow any more people! It turns out they don't want you to follow more than 2000 people, so I've been unfollowing a few people who had followed me but who weren't tweeting things I was interested in. And if I want to follow people who I discover, I'll have to unfollow someone else.

So right now, if I follow you because of Firefox OS, I won't ever unfollow you. Same goes with any HTML5 game programmers. And also any game programmers that do pixel art or otherwise something that catches my attention (like ASCII Art). And an occasional odd person that has something interesting. And definitely not anyone who can sell me how get more followers or how to maximize my web site profits!

Right now I have 798 followers, but I'm not seeking followers unless you like Firefox OS game programming and game playing or Firefox in general or Pixel Art games or ASCII Art games or goofy game developers like the people who hang out at @OneGameAMonth or, well, you get the idea.

2000 tweets, 2000 follows, 798 followers.

Oh, and this blog has had a total of 23,000 views. The most popular page was on Device Orientation, which is definitely a cool subject. Second-most was my comparison of CSS, Canvas, and SVG, and third was IndexedDB.

Not surprising, most of my readers are in the USA:

United States
11512
France
1003
Germany
995
United Kingdom
536
Brazil
511
Spain
459
Canada
351
Ukraine
344
Italy
329
Serbia
148

Browsers weren't a surprise:

Firefox
12171 (52%)
Chrome
4884 (21%)
Safari
2710 (11%)
Internet Explorer
2134 (9%)

And Operating Systems wasn't too surprising:

Windows
10148 (44%)
Macintosh
6857 (29%)
Linux
2705 (11%)
Android
1246 (5%)

I appreciate every single one of you that takes the time to read what I write and I intend to keep going. As I said last time, I'm torn between these next paths:

1. Advanced topics like WebGL, WebAudio, WebSockets, WebWorkers, etc.

2. Going back and fleshing out more about how to use CSS for gaming.

3. Writing a series that leads to a full RPG!

4. Doing lots more with SVG, the undiscovered country.

5. More about creating music and art.

6. Making games in Construct 2 and/or Phaser.

7. There is no 7!

8. Working with servers. Node and MMORPG.
If anyone has any requests, let me know!

Well, I guess I'd better flip some coins and get back to work on reformatting and rewriting my book.

Monday, January 27, 2014

Color Balls (Game Review)

Color Balls is an easy-to-learn, difficult-to-master game that is peaceful and soothing. All you do is move colored balls around on the screen. The goal is to get five balls of the same color in a row. But that's not always easy, which makes this a good puzzle game.


Tap Play and you'll get a different opening screen every time. Here is one:


You'll notice that this game is made by Zielok.com. They make Android and HTML5 games and they are cool enough to share their source code at http://www.zielok.com/source/colorballs5source.zip. Also, not shown in the screen shot, is a little notice at the bottom of the screen that says "Made with Tulaloo Game Maker." I've never heard of them, but Tulaloo looks like an interesting HTML5 game engine and it works in Windows, Mac, and (yay!) Linux. Check them out at http://www.tululoo.com/. I'm getting interested in some of the more popular HTML5 game making applications, and hope to do some blog posts on Scirra Construct 2, Phaser, and Tululoo! I still like HTML5, JavaScript, CSS, and SVG as my weapons of choice, but I hearing good things about some of these engines.

So how does this game play? In the screen above, you have some random balls. You move by tapping on an existing ball and then tap where you want it to go. Here my second move:


Two dark blue balls now next to each other. I'm going to attempt to build down. But ...

The game moves. And I'm blocked by a light green ball.


Well, maybe I can take advantage of that! I now will try to make a light green row horizontally.



And the computer makes a move. But I keep going!


One more ball. The computer can't stop me. I place 5 in a row and they vanish and my score is now 31. And so it goes.


When you can't play any more, tap the "End Game" button at the top right and see your final score. Simple but cool.

I like simple puzzle games like this and I like even more when someone shares the source code and yet even more when they use a game engine and tell us about it! So this game gets the R5!

Cost: Free
Genre: Puzzle
Score: 5 (out of 5)
Tested on: Geeksphone Peak (Firefox OS)
Get it at: Firefox Marketplace