Monday, June 26, 2017

A Clean Break

I am no longer associated with Wadjet Eye Games.

In truth, I haven't been working full time for Wadjet Eye since April 2016. Shardlight was a commercial success, but a series of unfortunate circumstances meant I wasn't affordable anymore, and so I had to be let go. There was no animosity or ill-will, but we decided to keep it quiet to avoid questions, especially having just launched a successful game.

Dave Gilbert graciously said he'd be willing to publish my next game, which I had already pitched to him, and which you now may know as Lamplight City. I've been working on it full time but solo over the past year and change. As time has gone on, Dave has played builds of the game and made suggestions, although it's become clearer and clearer that our creative visions for the game haven't lined up.

And so, we decided it was for the best not to go forward with Wadjet Eye publishing the game. This was a mutual decision, and again, no animosity or ill-will exists between us. Sometimes things just don't work out.

As for the future of Lamplight City, I'm still figuring that out. I've already reached out to another publisher, but I'm taking it step by step. Rest assured, the game will still see the light of day, and I will continue working diligently on it.


Friday, February 3, 2017

Updated Rotoscoping Tutorial: Walk Cycles

When I first started this blog a few years ago, I decided to make a small tutorial for rotoscoping walk cycles, as that is my primary method of animation. Back then, I did a few things differently, and truth be told, they weren't particularly refined or useful. So I wanted to update my tutorial to give more useful information and avoid teaching people to make the mistakes I was making.

For those of you who are unfamiliar with the previous tutorial, or rotoscoping in general: rotoscoping is the process in which an animation is done by filming a model performing an action, and then the footage is painted over. You can look up famous examples such as the films of Ralph Bakshi, Eadweard Muybridge's photography experiments, or Jordan Mechner games like Prince of Persia or The Last Express.

Personally, I find rotoscoping lends itself very well to pixel art, since the lower detail of the sprites allows you to focus more on the complexity of the animations. To get convincingly life-like and fluid animations with rotoscoping, the frame count will generally be on the high side, so working with a sprite that's 80 pixels tall will be quicker than one at a higher resolution.

As a side note, recently a program came out called Paint of Persia which specializes in rotoscoping. I haven't tried it myself, but it seems like a viable alternative if you don't have access to Photoshop or Premiere.

Now then, in the last tutorial I explained the process of filming your model (or yourself) walking. I used this example:

Now, the first thing I want to point out is that this was done outside, in a grassy yard, which creates two problems. First, the ground was at a very minor slope, so the side walk cycle wasn't on a straight line, and second, the grass obscures a good portion of my shoes, which makes proper foot placement a matter of guesswork. So, the first correction is: film your footage somewhere flat where you can see everything. I have since moved, and now film my stuff in a part of my apartment where there is little clutter and ample space. If you have access to a blue or green screen, that's even better.

I use a very basic method of filming: I place my iPhone on a tripod, and then take video of myself walking, which I then transfer to my PC. Loading it into Adobe Premiere, I move the video window to the center and resize it for consistency, then go frame by frame and export 10 frames to make a successful loop. Working with 10 frames, it's usually a good idea to capture every 2nd frame to achieve this.

Use the handy "export frame" button to capture each frame.

After the frames are exported, open them up in Photoshop. Ideally they'll all be the same size, as shown below.

Now to crop them. As mentioned in the previous tutorial, front, back, and diagonal walk cycles (if you choose to do those) will be slightly more tricky since you'll be moving away from/towards the camera. The trick to successful cropping is to keep a consistent point at the top and bottom. I usually make sure to keep the top just above the head and the bottom just below the point of the foot which is closest to the bottom.

Make sure the width is more or less the same too, although that isn't strictly necessary.

Once you've cropped all your frames, you're ready to prep your base model. But as they're all slightly different sizes, now is the time to scale them down to the size your in-game sprite is going to be.

All cropped, but different sizes.

Resized and ready to prep!
Now for the second update which has made my life so much easier: the Photoshop Animation Window. You'll notice it's that little bar at the bottom of the screen with one frame in it. You can access it by going to the Window tab. Before, I used to use the navigator on the top right to sort of eyeball if everything was in the correct position, which led to less than optimal results. But using the Animation Window makes things much much easier, since it's possible to see frame by frame how the animation looks before you even put down a pixel.

In order to do this, you need to paste each of the other frames into your first one. I've named each of my frames "frontwalk#.png" so in this case we're going to use frontwalk1.png as our main frame. So first we would select frontwalk2.png, then click on the small arrow button on the tab at the right of the Animation Window, bringing up a popup menu. From those options, we click on "Copy Frame"

Then, close frontwalk2.png so things don't get confusing, and select frontwalk1.png again. Click the arrow and this time choose "Paste Frame." When the options appear, make sure "Paste After Selection" is chosen.

Repeat this step until all 10 frames have been pasted into frontwalk1.png

Hooray, your base model is complete!
Now you can click on the "Play" button at the bottom of the screen to see your animation come to life! Since it's been cropped at different widths and there might be some slight differences in the framing of the height, it will probably look somewhat jerky at first.

At this point, you can select each frame and nudge it around a bit until you get it mostly centered and smoothed out, so it will look closer to something like this:

So now the fun starts. Make sure to create a New Layer over each frame, then draw your sprite over your model. I generally like to paste the head from the standing sprite on each of the frames first, to account for head bob as well as to have a good point of reference.

Now for side walk cycles, the same principles apply, except it's slightly easier because the height will always be the same. You don't really need to resize your frames before putting together your base animation. Again, because width will probably be different, the initial result will probably be a bit jerky:

To fix this, it's a good idea to keep the head centered and fixed during the entire animation, allowing for bob of a few pixels.

Also don't be too concerned about the sudden jerk at the loop point of the animations if you have a background, since that's what our eye is going to focus on. Just make sure that the character's position doesn't snap too awkwardly between the last and first frames, and you'll be fine (and if you're filming on a blue or green screen, this is a moot point)

So once you've gone through and painted over your base models, you should hopefully be left with some nice smooth walking animations! You can export these animations as individual frames in Photoshop, which also makes it much easier than saving them individually as I used to do.

Final results:

And yes, since you're able to get pretty detailed animations using rotoscoping, it's always fun to give characters a little swagger when the need calls for it :)

Thursday, May 19, 2016

License To Drive B:\

If you were a kid in the early '90s, chances are you'd come home from school and watch Disney Afternoon, a block of cartoons which included such classics as Ducktales, TaleSpin, Darkwing Duck, and of course, Chip 'N Dale Rescue Rangers.  The show took the classic Disney characters Chip and Dale, and reimagined them as crime solving heroes along with their tech-savvy assistant mouse Gadget, cheese-loving Aussie mouse Monterrey Jack, and faithful companion fly Zipper.  Usually, they would have to foil the evil plans of the klutzy Professor Nimnull or the slick Fat Cat (an actual fat cat in a suit) and save the day.  Naturally, their adventures made for a perfect transition to video games.

In fact, in 1990 and 1994, Capcom released two Chip 'N Dale games, both highly acclaimed, and the second one regarded as one of the best licensed NES titles ever made.  However, we're not going to cover those.  Instead, we are going to look at the DOS game known as "Chip 'N Dale Rescue Rangers: The Adventures in Nimnul's Castle."  

Released in 1990 by Hi-Tech Expressions, this game was developed by Riedel Software Productions.  As the title would imply, the Rescue Rangers must venture into Professor Nimnul's castle.  What little story there is is shown in the opening cutscene, where we see that Monterrey Jack has gotten his tail caught in a mousetrap after going on one of his trademark cheese binges.  Although it is never explicitly stated, Monty is apparently caught in Nimnul's castle.  He urges Zipper to go get Chip 'N Dale, and so begins the game.

This is all the story we get. Also, shouldn't his tail be severed?
Despite having two main characters, this is a single player game, unlike the NES versions.  While in those games, you could choose either chipmunk in single player or co-op with 2 players, in this one you more or less control both or just Chip, depending on the level.  Speaking of, there are only 9 levels in this game.  They are divided into 3 stages, each consisting of 3 levels.  
The only difference between levels is that the camera zooms in on the background.
In the first level, Chip and Dale must go from the left side of the screen to the right, passing through holes, and avoiding falling drops of acid and robot dogs who will swallow them whole.  After completing this task 3 times, we move on to the second stage, where Chip must run from side to side avoiding dripping wax, all the while picking up screws and tossing them down to Dale, who is running around below trying to avoid more of those robot dogs.  Apparently, Gadget needs these screws to fix their flying machine for some reason.  In any case, once this set of 3 levels is completed, we move on to the final bit, wherein Chip has to shimmy along a bar on the ceiling collecting screws to throw down to Dale while avoiding being grabbed by a machine's hands.

If you run out of lives, you are treated to a screen where Chip, Dale, and Gadget look very sad.  If you win, you get a screen where Monty is saved.  That's about it for the variety in this game.  There is no music at all, and the only sound is emitted through the PC speaker.  It mostly consists of silly chirpy sound effects which are forgettable.

I can't tell if they're sad about failing, or the fact that there's a pencil coming out of Gadget's giant ass.
So, should you play this game?  If you find a copy, go for it.  It can easily be beaten in 10 minutes if you don't make any mistakes, and is clearly meant for very young children or people who have never played a video game in their life.  It's really a tragedy to see how terrible this game turned out compared to its NES cousins.

Thursday, September 11, 2014

Release Date!

I'm happy to announce that A Golden Wake will be released on October 9th for PC, Mac, and Linux.

Currently the game is available for pre-order, which includes a free copy of the game's soundtrack.

Monday, August 25, 2014

That's a Wrap

A Golden Wake is finished.

I've been waiting a long time to be able to write that, and now I finally can. The game is in code freeze and has been passed over to Wadjet Eye for safekeeping until release. I've had a great time making the game and am extremely proud of it. Hopefully everyone who plays it will enjoy it too.

We'll be releasing in October, though I can't say the exact date just yet. It will be announced, along with pre-order information and a new trailer in the next couple of weeks.

In the meantime, I've been keeping busy with two projects: one is the collaboration with Ben Chandler, who has finished his duties on Technobabylon and is now committed to the project fully.  The other is one which is still very much in its infancy, but will be my next full time project after finishing the collaboration.

As for this blog, I'm not sure what will happen with it. Ben has suggested doing a dev blog for our project, but that would be a separate link.  Maybe this blog will get a revamp, or maybe I'll just leave it as an archive of A Golden Wake's production.  We'll see.

Monday, July 28, 2014

Preview Roundup

A couple of weeks ago, we sent out some preview copies of A Golden Wake, and so far there have been some rather nice things said about the game.

As for progress on the game itself, I've coded in achievements and am currently scouring the web for some good sound effects.

Almost there!

Monday, July 14, 2014

The Home Stretch

This is it, the home stretch.  The final 5%.  The part of game development notorious for being the most difficult, only because it's so easy to get complacent with yourself about being done.

As of right now, I just need to add some polish to the game, finishing up little extra animations, putting in sound effects, recording commentary, etc.  Release is in September, which currently feels like ages away, but the truth is it will be here before I know it.  On the bright side, I am feeling an ever-growing sense of accomplishment knowing that this project is finally going to be crossing the finish line.

The music (by the wonderful Peter Gresser) and VO have been completed, and I am very happy with both.  I feel like the game I've been testing repeatedly for the past few months now has new life with the amazing audio quality.  But you can be the judge of that yourself with these three previews.

A Golden Wake Music Preview 1
A Golden Wake Music Preview 2
A Golden Wake Music Preview 3