<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>mclelun &#187; Pixel</title>
	<atom:link href="http://www.mclelun.com/blog/tag/pixel/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mclelun.com/blog</link>
	<description>I am a colorblind multimedia designer + developer</description>
	<lastBuildDate>Tue, 31 Jan 2012 14:36:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Mahjong Memory Game</title>
		<link>http://www.mclelun.com/blog/2012/01/mahjong-memory-game/</link>
		<comments>http://www.mclelun.com/blog/2012/01/mahjong-memory-game/#comments</comments>
		<pubDate>Sun, 29 Jan 2012 06:59:32 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Art and Design]]></category>
		<category><![CDATA[Scripting and Coding]]></category>
		<category><![CDATA[ActionScript3]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Game]]></category>
		<category><![CDATA[Pixel]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/?p=245</guid>
		<description><![CDATA[I have an idea to develop this memory game after watching a variety show on TV few weeks ago. It is a simple game, where you click on the numbers in ascending order. Game Art As it is Chinese New Year right now, I decide to develop this game with new year festive theme, and [...]]]></description>
			<content:encoded><![CDATA[<p>I have an idea to develop this memory game after watching a variety show on TV few weeks ago. It is a simple game, where you click on the numbers in ascending order.</p>
<p><span id="more-245"></span></p>
<h3>Game Art</h3>
<p>As it is Chinese New Year right now, I decide to develop this game with new year festive theme, and using Mahjong as the puzzle tiles. If you are not familiar with Mahjong, you can use to the image below as a quick reference.</p>
<p><img src="http://www.mclelun.com/img/blog/120129_memnum_02.gif" alt="mah jong" /></p>
<p>The Mahjong tile pattern was originally draw by Jerry Crimson Mann. But I need a 3D rotating Mahjong tile for my game, so I quickly model a low poly Mahjong in Blender and render the rotation sequence. Then, some final touch up was done in Photoshop to give it a pixel art feel.</p>
<p><img src="http://www.mclelun.com/img/blog/120129_memnum_03.gif" alt="mah jong" /></p>
<h3>Play The Game</h3>
<p>A sequence of numbers will be shown for a brief seconds. Remember it and click them in ascending order. You can play “<a href="http://www.mclelun.com/labs/#as3memnum" title="Mahjong Memory Game" target="_blank">Mahjong Memory Game</a>” in my labs page.</p>
<p><a href="http://www.mclelun.com/labs/#as3memnum" title="Mahjong Memory Game" target="_blank"><img src="http://www.mclelun.com/img/blog/120129_memnum_01.gif" alt="mahjong memory game" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2012/01/mahjong-memory-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash XML RPG Dialogue</title>
		<link>http://www.mclelun.com/blog/2011/10/flash-xml-rpg-dialogue/</link>
		<comments>http://www.mclelun.com/blog/2011/10/flash-xml-rpg-dialogue/#comments</comments>
		<pubDate>Tue, 01 Nov 2011 06:50:37 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Scripting and Coding]]></category>
		<category><![CDATA[ActionScript3]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Game]]></category>
		<category><![CDATA[Pixel]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/?p=236</guid>
		<description><![CDATA[I always have this idea of developing a RPG dialogue system using XML, because I believe it will cut down development time if it is implement correctly. For example, the quest/dialogue can be update by game designers while the programmers can spend their time on other features. It can also use for localization purpose as [...]]]></description>
			<content:encoded><![CDATA[<p>I always have this idea of developing a RPG dialogue system using XML, because I believe it will cut down development time if it is implement correctly. For example, the quest/dialogue can be update by game designers while the programmers can spend their time on other features. It can also use for localization purpose as well.</p>
<p><span id="more-236"></span></p>
<p>The idea of loading data dynamically is not new in game development. Peoples had been doing it since long time ago with a more sophisticated approach. They develop in-house tool where the user just draw some flow charts, or even implement a scripting interface for the designers to code the quest logic. The Flash I did here is still in early stage and basic.</p>
<h3>View the Flash</h3>
<p>Click on the image to view this basic <a href="http://www.mclelun.com/labs/#as3dialog" title="RPG dialogue" target="_blank">XML RPG dialogue system</a>. Instructions are found on the page. You can view the <a href="http://www.mclelun.com/conlabs/as3dialog/dialog_en.xml" alt="XML Dialogue">XML file here</a>.</p>
<p><a href="http://www.mclelun.com/labs/#as3dialog" title="RPG dialogue" target="_blank"><img src="http://www.mclelun.com/img/blog/111101_xmldialog_01.jpg" alt="Flash RPG" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2011/10/flash-xml-rpg-dialogue/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Life&#8217;s a Game: Live Borderless</title>
		<link>http://www.mclelun.com/blog/2010/04/lifes-a-game-live-borderless/</link>
		<comments>http://www.mclelun.com/blog/2010/04/lifes-a-game-live-borderless/#comments</comments>
		<pubDate>Sun, 04 Apr 2010 18:45:19 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Art and Design]]></category>
		<category><![CDATA[Scripting and Coding]]></category>
		<category><![CDATA[ActionScript3]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Game]]></category>
		<category><![CDATA[Pixel]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/2010/04/lifes-a-game-live-borderless/</guid>
		<description><![CDATA[LG Malaysia is hosting a web based casual game development contest two months ago. I was thinking to participate but was always hold back by office works. I never did anything major until one of my friend message me. Ben, a game designer asked me about the progress on my game. I told him my [...]]]></description>
			<content:encoded><![CDATA[<p>LG Malaysia is hosting a web based casual game development contest two months ago. I was thinking to participate but was always hold back by office works. I never did anything major until one of my friend message me.</p>
<p><span id="more-20"></span></p>
<p>Ben, a game designer asked me about the progress on my game. I told him my situation and we decide to join forces for this project. We also manage to grab another friend, Adrian (game designer) to the team.</p>
<p>Everything seems to be good after the team is build but there is only one minor problem. We start late and just have like two weeks to work on the game before deadline. So, we meet up on one Sunday afternoon to brainstorm about game design, art styles and lock down all major decisions. After that, all communications were done online via messenger, and emails.</p>
<h3>Game Introduction</h3>
<p>Our game is known as &#8220;Life&#8217;s a Game: Live Borderless&#8221;, which is designed based on LG&#8217;s &#8220;Life&#8217;s Good&#8221; tagline.  It is a mash-up of quick &#038; whimsical mini-games depicting everyday life. On a side note, we only have this game title on the last day before submission.</p>
<p><img src="http://www.mclelun.com/img/blog/100405_lggame_01.gif" alt="Life's a Game" /></p>
<h3>Pixel Art</h3>
<p>One of the issues while developing this game is deciding the art direction . Three of us in the team have different art style. If I forced both of my friends to follow my art style, I think the final work would not look good, as different people have different drawing stroke. So, we decide to go for pixel art since it is easier to imitate each other work in pixel art. More over, pixel art give a nostalgia feel of old console games.</p>
<p><img src="http://www.mclelun.com/img/blog/100405_lggame_02.gif" alt="Life's a Game" /></p>
<h3>Game Play</h3>
<p>When I first read about this competition, the first idea that came into my mind is to develop a game base on  LG&#8217;s &#8220;Life&#8217;s Good&#8221; tagline. And the most obvious way is to develop a game base on everyday life. Ideally, we want to have lots of mini games base on daily life activities. But due to time constraint, we lock the number down to 17 mini games/levels in this Flash game. Most of level is quite straight forward and simple in game play. For example, you need to shave your facial hair by clicking left mouse button for the level show in the image below.</p>
<p><img src="http://www.mclelun.com/img/blog/100405_lggame_03.gif" alt="Life's a Game" /></p>
<h3>Popular References</h3>
<p>We also include some popular references in certain levels such as Revoltech, Danboard, classic batman &#038; robin. For the level show in the image below, there are Mario and Luigi poster at the wall.</p>
<p><img src="http://www.mclelun.com/img/blog/100405_lggame_04.gif" alt="Life's a Game" /></p>
<h3>Easter Eggs</h3>
<p>During final hour of development, we decide to include &#8220;easter egg&#8221; in some of the levels. In our game, &#8220;easter egg&#8221; are just hidden easter eggs. You can collect these eggs by clicking on them and it would trigger a slightly different ending if certain amount of eggs is collected.</p>
<blockquote><p>A virtual Easter egg is an intentional hidden message, in-joke or feature in an object such as a movie, book, CD, DVD, computer program, web page or video game. &#8211; wiki</p></blockquote>
<p><img src="http://www.mclelun.com/img/blog/100405_lggame_05.gif" alt="Life's a Game" /></p>
<h3>Wisdom Quotes</h3>
<p>Another thing we decide to put into game during the last minute is the wisdom quotes scene. When the game ends, a wise old owl will tell the player some wisdom quotes from famous people base on their grades. Initially, we were only using quotes from famous real life peoples such as world leaders and politicians. But we found out certain quotes from cartoon characters is quite good as well, so we decide included them too.</p>
<p><img src="http://www.mclelun.com/img/blog/100405_lggame_06.gif" alt="Life's a Game" /></p>
<h3>Awards and Recognition</h3>
<p>This game had won the following award<br />
<strong>2nd Place for LG Casual Game Competition<br />
Finalist for Mdec 2010 Kreatif Award. </strong></p>
<h3>Play The Game</h3>
<p>You can play the game by visiting the link below. <strike>If you love the game, please vote for us. Click on &#8220;Launch Game&#8221; button on that site will open a pop up containing the game. If you didn&#8217;t see anything after clicking the button. It is most likely the browser is blocking the pop up.</strike></p>
<p><a href="http://www.lgborderless.com.my/contest/view.php?gallery_id=16" target="_blank">Play this game at LG site</a> &#8211; 612KB<br />
<a href="http://www.mclelun.com/labs/#as3lggame" target="_blank">Play this game here</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2010/04/lifes-a-game-live-borderless/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

