Showing posts with label games. Show all posts
Showing posts with label games. Show all posts

Dec 6, 2010

...But That Was [Yesterday]: Soundtrack!

Click to go to download page!

I've finally gotten around to putting together a mastering of the soundtrack to my latest Flash game, ...But That Was [Yesterday]!
  • There are five unique tracks totaling 10 minutes of music based very closely after the events that take place, with some added flare here and there that I never got to add to the game.
  • A bonus sixth track is included, which is just the first five tracks seamlessly connected (meaning the bonus track is as long as the rest of the album :D)
  • Tracks 2, 3, and 4 can be rearranged in any order since they are identical in beginning and end, and have gapless playback encoded.
  • 300x300 album art included for you ID3 junkies :] (pictured above)
  • Click here to go to the download page!
The voting period for CGDC9 should be ending either today or tomorrow, so be sure to check out the results (and go play all the awesome games. Vote too if there's still time!)

Enjoy and happy listening!

Nov 25, 2010

...But That Was [Yesterday]: Sketches!

As I mentioned earlier, I usually don't like to draw anything for my games until it's time to actually make some art assets. This game had its fair share of complex shot sequencing, so I wanted to make sure things made sense before I dove head-first into Flash. The following is a set of scans from my game design sketchbook, mostly sketched out in one sitting at a coffee shop whilst getting lost to the sounds of Toro y Moi.

Keep in mind that these sketches are about as spoilerific as it gets, so if you haven't played my game yet, it's highly recommended you do that first.

Click here to play ...But That Was [Yesterday]!

The girl's story was the easiest one to start with, since I already knew a lot about her from [Together]. This page plays around with some swingset designs (which were ultimately scratched) as well as ways to represent her being gone via the bedroom and surreal airplane flybys. The phrase "The wind comes..." at the bottom was a note to myself about the possibility of having the sound of wind be an overlying element to tie the various stories together. I ended up not using wind literally, but the transition that I use in the game is comparable.


Some familiar scenes can be spotted here, such as the schoolyard rain sequence (top left), the patience of the doggie (middle), and the rooftop-jumping sequence (bottom left). Note for the rooftops that I wanted the interactive smoke stacks very early in production, yet I didn't get time to code them in until the day the entry was due O_o. I also have a list of visual effects that I felt were necessary to help drive the story/gameplay forward (middle left), the only one not making it in being water refraction (during the underwater sequence).

In the top right is one of many deleted scenes from the dog's story (which has unfortunately been reduced to a day playing in the snow). The hearts (middle right) were originally supposed to act as warp points in a sort of hub world, the player choosing which story to experience in his or her own order. This was nixed once the teachings of the various friends was simplified down to an ascending level of interaction.

Rounding out this page, we can see the moment I got the idea for using the swings to rotate the world 90 degrees at a time (those black squares under the dog), found through slouching on a couch and having my sketchbook fall over in my lap. The dialogue in the bottom right is me discussing with myself how the game should end.


These two pages are the biggest spoilers of the lot, spelling out - in words - how the various stories should unfold. At first I designated specific ages of the main character during the three stories, but I eventually decided to keep him relatively the same (a difference of years as opposed to decades).

The right page has probably the most important content in my sketches: the rules as a game designer for building this thing. My last two games were a little more than difficult to complete (to put it lightly), so in order to be sure most people would be able to get through all these different stories, I simplified both the gameplay and the inputs. It was much more important to me that people be able to play the game from start to finish in one sitting, rather than lose or get stuck and then already know half the story on a second playthrough.

The rest of the page is a series of rules for how the world works, how it transitions, and various ways to end the game. The ending in [brackets] eventually went on to evolve into what is currently in the game. An alternative to the heart hub world was a room of statues (bottom left), the statues acting as relics of memories that are glorified and trapped in stone.

That pretty much does it for my sketches (at least for this game). After I drew these up I pretty much jumped right into the production phase and didn't stop until 2 months later. Along the way, lots of content was cut, stories were altered, scenes were removed (sorry, doggie ♥), but it was all necessary to both tell the story that was most important and to of course finish on time =P.

One of the scenes I did cut almost made it in, so I figured I'd finish drawing in the characters to show you something that could have been. This shot was fairly complex and did things story-wise that weren't found anywhere else in the game, so it was cut to keep things simple.

Lastly, I thought I'd also share the only sketch I ever made for my last game, [Together]. I already had the heart types figured out, but I felt like drawing them one day to see how they looked together. I suppose it was worth it since I went through four different types of hearts for outerspace, eventually settling for the comet type.

That's it for this week! I'll be putting out the soundtrack to [Yesterday] sometime in the near future, closer to the end of the competition on Dec. 6th.

Links to my games mentioned above, in order of release:

And lastly, my thanks go out to everyone for playing, enjoying, loving, hating, etc. If you think you've learned something from playing this game, just imagine how I feel :] ♥

Nov 16, 2010

...But That Was [Yesterday]: Unveiled!


My newest Flash game has finally been finished! After about two months of working in my freetime, I'm proud to announce that my game made it just in time for JayIsGames.com's latest Casual Gameplay Design Competition.

This is easily my most complex game yet, involving dozens of characters & animations (including variations of recurring ones), four dynamically-layered songs, and multiple endings. I usually don't write anything down while I conjure up everything about my games. I've found that once something has been drawn or written, it has an associated visual and becomes much harder to evolve, toss out, or modify. However, I had way too many scenes this time around, and made a storyboard out of Post-Its on my mirror:


I purposely kept this image small since it's technically a spoiler of every single thing that happens in the game. The missing areas in the grid are where I had to cut scenes because of continuity and/or time constraints. That paper in the top-right was my schedule for the last three weeks of development, which has its own baby Post-Its for when I moved tasks around (and eventually I just stopped looking at it since I couldn't afford to waste time making time).

I did, however, release a few teaser shots in the last week, so here are the Post-Its that went along with them:


I think the Post-Its were more so to organize my thoughts and not necessarily to communicate the details of each scene. That would explain the scarcity of the title screen Post-It:

...This should make more sense once you play the game :]

I'm posting this a little before the competition goes live, but it's likely that by the time you read this, it will have started already [Edit - competition is live!]. So, here's the link!

My game is titled: ...But That Was [Yesterday]
Click here for a direct link to play!

To see all of the fantastic entries, check out: Casual Gameplay Design Competition #9: "Friends"

And for any and all news regarding updates / changes / words of thanks for my game, be sure to keep an eye on my Twitter since I update it much more regularly than this blog. I plan to do some more making-of posts in the future, so come back soon!

♥!

Aug 8, 2010

Two Albums For The Price of None!


I've gotten requests from various people (family, friends, strangers who are now friends) to upload mp3s of the music from my recent Flash games, How My Grandfather Won The War and [Together]. I decided to do a little more than just loop the songs a couple times, incorporating a little post-production and even doing a few new recordings for [Together]'s album. However, the best news of all is that both albums are free to download, and available by clicking either the image above, or the link below!

Click here to download both albums! [10.4MB]

For those still wondering at this point, I composed all of the music heard in these games. Software includes Jam Sessions for Nintendo DS, g-tar for Android, sfxr for that 8bit goodness, and Goldwave for post-production.

Direct links to play my games:


Aug 2, 2010

[Together]


So... it's been 8 months since my last post (D:). What's happened since then? Most importantly, I packed up my life and moved out west to pursue professional videogame development! I'm currently happily employed at Namco Networks as a 3D Artist, working on the next great games for iPhone and iPad. It's been pretty exciting these past few months and I've created a lot more artwork than I thought possible. The only bad news is that I can't show it here, and probably never will be able to, so just trust me that I'm drawing lots of pretty pictures :]

But let's get to more recent news! If you recall my Flash game competition entry from last Fall, then you may be excited to hear that I spent the last two months working on my latest game (pictured above), which is available to play (and vote on) at JayIsGames.com. This competition's theme was "sandbox", which I took the liberty to tear apart and interpret as I saw fit. The resulting game that came out is something I'd been meaning to make for years, but finally got the chance to do.

It was super fun to work on this one, especially since there was so much traditional animation involved, including a 20 second intro cinematic. There are lots of small details to be seen in the characters and world, so hopefully people don't mind squinting to see all the little things going on :]

To play my game, [Together], simply click here!

There's a 3-week voting period at first, so if you happen to like what you see, don't be shy to let the world know. There are a bunch of great entries from all over the world, so be sure to check out how everyone incorporated the theme!

Below are various screenshots from my entry. Since there's so little to do in the game, these few shots are technically major spoilers, so you might want to play the game first and get the experience the right way. On the other hand, there's a lot that's missed when the game is in motion, so I'd recommend taking a look at these after playing through. Enjoy!






And for anyone who came here looking for clues to the ending of the game (I know you're reading this), let me just say I'm glad that you've taken an interest in knowing the unknown. I'm not going to tell you what there is to do, if anything, but I will say that giving up is probably the last thing you'd want to do, especially if you've come this far...

Nov 16, 2009

How My Grandfather Won The War: The Art Of

For those who are still gritting their teeth in anticipation over the competition's results, you can rest at ease as they were revealed just a couple weeks ago! I happened to tickle enough of the judges' collective fancies and scored 3rd Place in the ArmorGames Award category! The prize is a generous monetary gift along with a front page sponsorship at ArmorGames.com. Much thanks goes out to the judges, the fans, my Facebook supporters (my one Twitter supporter), my testers, and especially those who enjoy a challenge (which in turn re-mentions people in the former categories).

The original game can be played here and the ArmorGames version here (though they're 99% identical, so you'll be getting roughly the same cardboard experience).

Also, there is a review (:D!) of my game available here.

I've gotten polar-opposite responses from people regarding the visuals and the gameplay, so I'll save the gameplay chit-chat for another day. In the meantime, let's take a look at some of the artwork for the game.

The whole idea of the narrative was not to tell too much, but to try and keep it from a familiar point of view. That's where I got the idea to tell it through a sort of 2nd grader's cardboard puppet show. I've been watching lots of awesome cardboard videos for the last couple years and even fitted my portfolio website using all cardboard, so I figured it would be fun to continue working on a cardboard world.

Here are a few of my inspiration videos, all very cool stuff: here, here, here, and here

I originally had plans for crazy moving parts and multiple layers of brown parallax, but factors of time constraints, Flash's limited power, and gameplay mechanics had me cut back unnecessary effects. The most important rule that I upheld as much as possible was to suspend the illusion that this game could actually be recreated in real life. That's why the plane you control is held up by strings, why duct tape is seen on seams, why explosions are held up by sticks, and generally why nothing simply appears out of nowhere.

So, where did I begin? Well, first I went to various wholesale clubs in my area and did some free box shopping.


Awesome. So then I ripped them up, scanned them in, and created everything digitally. That part took a few weeks.

The loading screen needed to be simple while also following my one rule, so I figured I could have a roll of masking tape roll across the screen, while simultaneously collecting a strip of tape. Doing so reveals the game within as the 4 panel flaps lift up for the first time. I ended up using them as the transition between any two screens for the sake of continuity.

The title screen was one of the last things I put together, mostly because I wanted to have a good feel of what the rest of the game would be like before I tried to design what the player would ultimately see first (excluding the loading screen).

I just wanted to show the Settings screen because those slider buttons took a while to get right and I love how they turned out. :]

The death screen shows up whenever you get hit by something bad. This happens a lot, so I wanted to have some sort of notation to let you know just what went wrong. Again, to suspend the illusion, the life display at the bottom is held up by metal dowel rods and change their graphic by flipping around.

As for the rest of the game, I thought I'd do you a favor and show every single asset in the game, namely the bad things and their counterparts underneath. Needless to say, if you're still interested in discovering what lies ahead as you progress through the game, the following image contains every single spoiler in the game... so don't click until you're absolutely ready. For the rest of us, this is a nice chance to not only see how things match up with their happy alter-egos, but you can also see them in detail without having to worry about dodging, charging, and shooting. And if you're wondering why some objects don't have an alternative form, that's because of gameplay design choices, which I'll touch upon another time.
I'd normally have some kind of concept art to show where the designs came from, but for the sake of a time-sensitive competition, I just kept messing around with the colors and shapes in Photoshop until I was happy with them. In general, though, the process for each asset was to:

  • Draw the basic shape of the object
  • Color & shade for volume
  • Add cardboard texture behind and filter it through appropriately
  • Readjust colors (as the brown cardboard can make things too red)
  • Cut out a cardboard shape around the object (to make it appear like scissors cut it out)
  • Fade the color out subtly in areas where the corrugation is exposed
  • The drop shadows were added in Flash, with the exception of the planes' wings.
That's about it!

Oct 31, 2009

Ikaruga Pumpkin Carving: Halloween Harmony


I originally had two separate pumpkins planned for tonight, but I ended up taking a lot longer on this one and didn't have enough time before the trick-or-treaters would be bombarding my door this afternoon with fabric-softener-riddled pillowcases and fancy costumes that just begged for me to give them extra candy out of adorableness.

This sucker took about 6 hours from gutting to cutting. Though it needs no introduction, this is a depiction of the two playable ships in the 90s shoot-em-up Ikaruga. The game itself is based upon a balance between black and white, which I tried my best to replicate in the carving.

Out of the ~100 people that came to my door, not one of them recognized the fighters, though I really can't blame them, especially with less than 100,000 people [in the world] even owning it on XBox Live.

It's one of my favorite games ever, takes only 20 minutes to play from start to finish, and I've never beaten it, despite having put in hundreds of hours. Clearly, I do like a challenge. Below you'll find a YouTube video of it rotating, along with some other detail shots. Happy Halloween and eat that candy slowly!










Oct 20, 2009

How My Grandfather Won The War: The Game

After roughly 7 weeks of working on a Flash game from conception to completion, I can now finally show you my entry in the 6th Casual Gameplay Design Competition hosted by jayisgames.com, a game I lovingly refer to as How My Grandfather Won The War.

The game is hosted along with the other entries for the competition, and voting is open to anyone and everyone. If you happen to like my game, I wouldn't mind at all if you helped out and gave a helping vote. So, click below to go to the competition page and check out all of the unique games. My entry features a picture of a red airplane, which is placed randomly in the set of thumbnails.

--> Competition Page

And because I always make sure to post something visual, here are a few screenshots from the game:





So, in summary, I had a lot of fun making it, and I hope you enjoy playing it as well. If it seems a bit difficult, just keep on trying, and I'm sure you'll make it through. Afterall, the game takes about 5 minutes from start to finish.

Many thanks to my testers for helping me make the game playable (but not necessarily easier).

Oh, and voting is awesome, so go support indie games.

Enjoy!

Oct 4, 2009

Network is the Name of the Game.


So, during the first week of August, I traveled down to New Orleans to take part in SIGGRAPH's first ever gameJam! competition, willing to spend 24 hours in a chair to create a game out of thin air (with the help of my wonderful teammates of course). The experience was fantastic, the food delicious, and the game... experimental. We spent about 3 hours just coming up with what you do in the game, constantly throwing out ideas that had been done before. Our final result was something special (which is what you get when you toss out things you know were successful elsewhere). The good news is that we won the Committee's Choice Award, which effectively granted the three of us passes to next year's SIGGRAPH in LA. As for the bad news, there is none. Awesome, right?

I would be apologizing for the 2-month tardiness of this post (the competition itself taking place exactly 2 months ago today), but I was waiting for something special. That something finally arrived in my mailbox this week, which greeted me with some fantastic postage in the corner. I'm too used to Liberty Bells and Homer Simpsons on any packages I get, so this was a wonderful treat.


As far as what was inside, that would be September's issue of Animation Reporter, "Asia's leading Animation industry magazine." And inside on page 18? That would be my first ever appearance in a magazine, an almost full page feature on my team and our game Network. It was part of a larger feature that covered both the gameJam! and the FJORG! competitions from SIGGRAPH 09. A lot of my Ringling friends were featured in there, along with their own interviews, so go check it out!


And since you've been wondering this whole time, yes the game is playable right now. So go play and enjoy!

Also, there may or may not be a two-part behind-the-scenes video of the experience at gameJam... Okay, there is.

Jul 31, 2009

A Picture of My Face and a Faraway Place


Here's a self-portrait I threw together in about 6 hours. The hardest part was bringing myself to cut my glasses in half ;]

In other news, I'm off to New Orleans next week in a two-fold plan that involves both breaking my 22-year timezone curse and participating in SIGGRAPH's 1st annual gameJam! 24-hour game design competition. The awesome part is that by this time next week, I will have created and finished a fully functioning game (with the help of my two teammates, Jonathan and Drew). That's saying a lot, what with how many games I've finished otherwise this summer (official count: zero). The important part is that they're seeing progress, so rest assured that they will one day be available for the world to enjoy. I suppose playing other games along the way isn't necessarily helping get my own done, but it sure does allow me to see what else is going on out there. I warn you all to stay away from Kongregate. There are quite a few gems there that sneakily make time fly like no one's business.