Creation of a Flash arcade site using Wordpress
Filed Under WordPress •
I am reading for a few days a tutorial about Building a WordPress games arcade on the FingerMonkey Flash Arcade Blog and although I won't follow his tutorial, I decided I will create my Flash arcade site using Wordpress, and once ready it will replace Triqui.com.
Moreover, I will made the WP Arcade capable of updating itself from MochiAds feed.
This first step is only an introduction about what I am going to do in order to have my Flash arcade site using Wordpress
Why WordPress?
This is the first question. Let me answer because WP rocks!
It's stable, robust, always up to date, easy to install, mantain and configure, SEO friendly, free, and fully customizable.
That's why I am using it... and I will create my own theme starting from the default Kubrick theme.
Why MochiAds?
I am using MochiAds feed because they update it very day, and because more and more developers are using MochiAds to monetize their games.
A quick and easy way to have a Flash arcade site that runs without any interaction from the administrator.
The less time I spend updating the site, the more I earn working on other projects (or the more I enjoy the beach!)
Ok, I'll use MochiAds feed. JSON or XML?
I am using the JSON one because it's lighter than XML one (today's JSON feed is 2.84 MB while the XML one is 6.57 MB).
What's JSON?
JSON (JavaScript Object Notation) is a lightweight data-interchange format.
It is easy for humans to read and write. It is easy for machines to parse and generate.
It is based on a subset of the JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999.
JSON is a text format that is completely language independent but uses conventions that are familiar to programmers of the C-family of languages, including C, C++, C#, Java, JavaScript, Perl, Python, and many others.
These properties make JSON an ideal data-interchange language.
Read more information at JSON official site
Now let's see how a game like Jamag is coded inside MochiAds JSON feed:
-
{"rating": "Everyone", "updated": "2008-07-19", "popularity": null, "description": "Jamag = Just Another Mouse Avoider Game\r\n\r\nBut with something new...", "key_mappings": "", "height": 500, "game_url": "http://www.mochiads.com/games/jamag", "slug": "jamag", "tags": ["mouse", "avoid", "avoider"], "instructions": "Control the red circle with the mouse\r\nCollect purple circles, avoid blue ones\r\nEvery 10 circles collected there will be an explosion\r\nUse it to wipe away blue circles\r\nPress mouse button to activate bullet time\r\nThat's all... it's just another mouse avoider game...", "uuid": "89285254-78b1-3248-9db3-f5ab67ecc542", "author": "Triqui", "control_scheme": "{\"fire\": \"na\", \"jump\": \"na\", \"movement\": \"mouse\"}", "author_link": "http://mochiads.com/community/profile/Triqui", "feed_approval_created": "2008-05-17T14:32:26.644771-08:00", "name": "Jamag", "swf_url": "http://games.mochiads.com/c/g/jamag/jamag_secure.swf", "recommended": false, "thumbnail_url": "http://cdn.mochiads.com/c/g/jamag/_thumb_100x100.jpg", "created": "2008-05-17T12:00:43.262589-08:00", "categories": ["Action", "Other"], "game_tag": "5596fb87fd0f2de1", "leaderboard_enabled": true, "zip_url": "http://cdn.mochiads.com/c/g/jamag.zip", "width": 500}
Let' see the fields I am going to consider
rating: the rating of the game. It can be "Everyone", "Teen", "Mature" or "Adult only"
updated: unix date representing the last update
popularity: the popularity of the game. Seems to be null in every game, even the bloons series, so I won't consider it
description: the description of the game
key_mappings: keys used to play the game. I won't consider it
height: the height of the SWF in pixels
game_url: the url of the game, I won't consider it
slug: the slug of the game, I won't consider it
tags: the keywords of the game... very important since WP has a native tags support
instructions: instructions how to play the game
uuid: the unique MochiAds id of the game, I won't consider it
author: the name of the author of the game
control_scheme: how to control the game, I won't consider it
author_link: the link to MochiAds author page
feed_approval_created: when the game was added for distribution, I won't consider it
name: the name of the game
swf_url: the url of the swf
recommended: in my opinion is a boolean flag stating if the game is recommended by MochiAds or not, anyway I won't consider it
thumbnail_url: the url of the 100x100 thumbnail of the game
created: the date of the creation of the game, I won't consider it
categories: array with the categories of the game
game_tag: it should be another unique id representing the MochiAds code
leaderboard_enabled: boolean stating if the game has leaderboards
zip_url: url of the zip where to download the distribution package
width: the width of the game SWF, in pixels
Let's parse JSON feed!
Ok, let's do it. I have good and bad news for you.
Good news is php supports JSON decoding from version 5.2.0, bad news is php supports JSON decoding only from version 5.2.0
That's all at the moment... in next step we'll see how to populate a WP blog with MochiAds feed.
Tell me what do you think about this post. I'll write better and better entries.
You will be pleasantly surprised by WordPress Themes provided by Template Monster. All of them are of professional design and high quality.
17 Responses to “Creation of a Flash arcade site using Wordpress”
Leave a Reply
Trackbacks
-
Useful information about WP powered arcade sites : Emanuele Feronato - italian geek and PROgrammer on
July 21st, 2008 5:05 pm
[...] I started my project called Creation of a Flash arcade site using Wordpress and today I received a lot of emails from readers that want to run their own WP [...]
-
Web-Game Magazine - the best free action/adventure web games and casual games, reviewed daily » Blog Archive » Useful information about WP powered arcade sites on
July 22nd, 2008 8:19 pm
[...] I started my project called Creation of a Flash arcade site using Wordpress and today I received a lot of emails from readers that want to run their own WP [...]
-
Creation of a Flash arcade site using WordPress - step 2 : Emanuele Feronato - italian geek and PROgrammer on
July 27th, 2008 3:01 pm
[...] code has been already explained in step 1, so let’s jump directly to the post I am [...]
-
Link Post Sunday 07/27 | Mr Sun Studios on
July 27th, 2008 4:08 pm
[...] Feronato made a couple of posts about making a flash arcade site in Wordpress. He gives some useful information on it and just released a 2nd part [...]
-
Link Post Sunday 07/27 | Mr Sun Studios on
July 27th, 2008 4:08 pm
[...] Feronato made a couple of posts about making a flash arcade site in Wordpress. He gives some useful information on it and just released a 2nd part [...]
-
Parsing MochiAds feed in a friendly way : Emanuele Feronato on
August 29th, 2008 12:03 am
[...] made this little script to debug my portal script (almost completed) and I want to share it with [...]
-
10 tips to help you choosing the right hosting plan for your blog/arcade site : Emanuele Feronato on
August 31st, 2008 10:20 pm
[...] While only time (and traffic) will say if your hosting plan can handle enough work, you should at least be able to run the script published in Parsing MochiAds feed in a friendly way or you won’t be able to have your WordPress arcade site. [...]
-
MochiLand » Blog Archive » Create a Flash Game Arcade Using Wordpress on
September 25th, 2008 8:58 pm
[...] Feronato created one using a feed of MochiAds games. He walks through the process in detail here. He credits Fingermonkey’s experience in building one as his source of [...]
-
Triqui.com WordPress arcade now in beta : Emanuele Feronato on
September 28th, 2008 2:37 pm
[...] you followed the Creation of a Flash arcade site using WordPress series you know I am about to release a WP Arcade theme with automatic game submission thanks to a [...]
-
Otras formas de utilizar WordPress « Helektron.com on
October 4th, 2008 9:08 am
[...] para crear un sitio de juegos [...]

(26 votes, average: 4.23 out of 5)
Nice.
Interesting idea. WordPress does seem the best choice for making an arcade system when you think about it. :)
Even though PHP only ‘officially’ decodes JSON as of 5.2 and up, doesn’t mean other people haven’t made classes and functions for earlier versions to do the same thing. ;)
well, i dont really know about any of this, but im sure its a good job and i hope that the site turns out nice.
__
| [|
| |
_____/ |
(__ |
(___ |
(__ /
(______/
NOO, what happened 2 my drawing?!?
oh well….
Emanuele,
Great project you have going on here! I am excited to read more about it as you put the site together. If you need ever any support or questions from MochiAds, you know how to reach me. =)
Ada
Thank you Emanuele, I am looking forward to the next part of the post.
Great!
Nice attempt at explaining the ins and outs of creating a WordPress arcade. Although I have to say that FingerMonkey’s outline was far better written, that guy could write like a mofo, your tutorial lacks fluidity and is pretty boring to be honest. What you need is a combination of both.