I'm a web-loving, webapp maker kinda guy. Here are a few things I have created for my employers, my freelancing projects and my own personal projects

Archive for the ‘Game’ Category

My Toddler Can Learn Names

My Child Can Learn Names

I have been buying a lot of apps from the AppStore and Google Play Market for my young son. Then I thought, “Hey, why don’t I make my own app?!”

In my spare time, I developed an app to teach my 2-year old son the names of his family members and favorite cartoon characters.

There are apps to teach your toddler animal names, colors, shapes, vehicles… but what about apps to teach your toddler the names of friends and loved ones? This app can teach your toddler the names of his/her family and friends in a fun and easy to play game.

Download the game from Google Play or Play the game online

This educational game was created using HTML5, CSS3, jQuery, Javascript and a plugin to stretch images.

Advertisements

The Jeremy Lin Video Game for your phone, tablet and desktop!


It’s been awhile since I posted something I’ve done. I’ve been doing amazing things at Apple Inc, which has kept me busy. Awhile back, I did begin a project to help me learn all of HTML5 features. I decided to make a Jeremy Lin app that incorporates all of the new and cool HTML5 features. I also wanted this app/website to be responsive. This app should work and look nice on all devices – desktop, smartphone, tablet. Here is my excerpt from the Google Play store,

This is the Jeremy Lin Linsanity Video Game. You decide which play to make and watch your stats increase. Watch hundreds with highlight clips of Jeremy Lin’s NBA career. This app also includes Jeremy Lin’s twitter feed, real-time stats, youtube highlight clips, the Houston Rocket’s schedule, fan photos, news, biography, etc.

Play the Jeremy Lin video game from your desktop, smartphone, or tablet here

Download the Jeremy Lin video game from the Google Play store

List of technologies used in this App
jQuery Mobile – the framework to lay out the pages and dialog box
CSS3 – renders the elements to fit into the various devices
HTML5 Video – no plugins required to view the Jeremy Lin videos and is supported on most platforms with the latest browsers
jPlayerPlaylist – a playlist plugin to watch html 5 videos
Canvas – plots the shots taken by Lin onto the basketball court
Localstorage – keeps track of the player’s stats and saves the stats even after the browser is closed
jQueryTweet plugin – displays the twitter feed from Jeremy Lin’s twitter page
Google News – rss feed of the latest news on Jeremy Lin
jQueryWowSlider – plugin to display the sliding images of JLin fans.
Youtube – video site to watch JLin videos

My app game works on my Android and iPad!!!

Find the Differences game for smartphone devices

I’m ecstatic to announce my mobile app game works on both my Android and my iPad!!! It’s a somewhat educational “Find the Differences” game.  Spot all the differences between the two photos before time runs out, in this case – before the crab bites the mermaid, and you’ll get a brief summary, fun facts and tourist information about the beach displayed.  This is the “Beaches” edition with photographs of various beaches over the United States.

I developed my game using Flash with Actionscript code. Using the exact same code, I’m able to make the same app work on both Google Android devices and iOS devices. To do this, there were some changes required to the dimension of the app and images but the Actionscript code remains the same. I snapped all the beach photos myself with a Canon t2i camera and used photoshop to created the differences in the images.

Free Download: https://play.google.com/store/apps/details?id=air.FindDifferencesBeaches

*update: As of Jul 2013, there has been 70,000+ downloads of my game from the Android Market.

Baseball.net 2K2, multi-player online game, coded in Java!

Baseball.net 2K2

My love of sports motivated me to make the first multi-player online baseball game. It was an ambitious dream but a good way to learn and master Java. Although the user had to install a Java Applet Player, this game – in theory – could be played on any platform.

This game is a multi-threaded game with several panels on the main screen. The main screen has the game action; the pitcher vs batter. The game uses real MLB player names and statistics. The other panels includes real-time, play-by-play, current game stats of batters and pitchers. An additional panel for the chat session is available when playing online against another player.

A user has the option to play with game with the mouse or the keyboard. Two players can play at the same time using the same keyboard. However, playing against another player online was deemed difficult as the latency time to transfer the actions of one player to another player over an internet connection was too slow for a fast-paced action game. The most difficult aspect of coding this game was displaying the baseball’s projection (curves and bounces). A lot of math equations were used. 😉

Not your ordinary Tic-Tac-Toe…

-splash screen only-

When I was a child, my dad would draw a grid with many squares and tell me to write an “X” in one of the squares. He taught me to play Tic-Tac-Toe for “advanced players”. Instead of having to get 3-in-a-row to win, I had to get 5-in-a-row to take the game. I enjoyed this version of 5-in-a-row Tic-Tac-Toe so much, I decided to make an online version for multi-player gaming.

The game is built on the Adobe Flash technology, specifically with the Lingo programming language. My online version supports two-player modes with a chat feature for players to converse while playing. The game requires a dedicated web server to handle incoming and outgoing requests for online gaming between two players.

*update: My dedicated Shockwave Flash game server has been taken offline.  I moved and no longer use a static ip address for my home web server.  Someday, I will reboot this game in a more modern platform… maybe Facebook?