We’re finally live with Beast Boxing 3D! Get it on the App Store here! It’s been a long time coming, but we’re excited to get Beast Boxing in everyone’s hands, and to commemorate that, we’re releasing this background poster image from the game for your home screen.
Khang Le is one of the most efficient and productive artists I’ve ever had the pleasure of working with. His art ain’t bad, either. 😉 Let’s take a look at Khang’s concept art process for one of the characters in the game, and see a set of screengrabs from his 3D modeling process as well!
Making a promotional video, trailer, or dev screencast of a game that’s in development can be very tricky. I used a pretty budget-conscious method to create small promo vids for Beast Boxing, and you can too! On the Unity forums, it seems like everyone mentions their screencast setup of choice, but I haven’t seen complete end-to-end instructions yet. Here’s the way that I do it.
Step 1. Set up your Unity editor environment.
Before you start, you need to decide on the screen resolution you want to capture. I’ve heard that some development houses capture at high res then downscale, or even capture at 50% game time so that they can speed it up later and make games look like they perform better! Since there are multiple resolutions now for iDevices, it does make more sense to capture at say, Retina or iPad resolution for videos, but that might require some additional work to make your game resolution-independent, and a heavier-duty machine that can handle playback and recording at a high res too.
Anyway, once you decide on your capture resolution, make sure you click “Maximize on Play” in the Unity Editor. This will help in a couple of ways – first, if you have other editor windows with the scene open, it takes some resource load off of your computer so that it can focus on delivering the fastest framerate. Having to duplicate animations and keep the inspector up to date does slow it down the editor a bit. Second, it also provides a consistent placement for the game scene so that you can have your capture area set up perfectly when you’re ready for it.
If you have a second monitor set up, I’d disconnect it and reboot, and also make sure that background processes like Time Machine aren’t running at the time.
Step 2. Set up your recording / vidcap software.
Everyone’s got their own preference for vidcap software, but I like to use iShowU HD. On my Macbook Pro, other software packages like Camtasia (which I love on PC) or Screenflow just weren’t able to keep a high framerate going, were tricky to get a capture area set up for, or I couldn’t get them to produce output video at my desired resolution. iShowU HD is pretty affordable, too, and has a free demo. In any case, I’d recommend that you try all of the demos that are available to see how they run on your setup, and pick the one that works best for you. These instructions are specific to iShowU HD, but the general idea is the same thing regardless of your software.
First, set your output video size. Since Youtube has a default display height of 360 pixels, I set my capture area to 480 x 360. This provides a 4:3 aspect ratio and a 1:1 mapping with letterboxing on the sides, so it turns out well in the end. Hit the Gear button next to Output video, and select Change Size > Set Size…, and set it to 480 x 360. Hit the Gear again, and select Change Format > Apple Animation. This is a very high quality capture, so you can get a nice vidcap that isn’t blurry and also works with iMovie. Hit the Gear one last time and select Change Frame Rate > 30. 30 fps is what Youtube does, and is all my MBP can handle, so there’s not much point going higher, but feel free to experiment. Make sure that you uncheck “Record sound from input device”, unless you like having your own breathing in your trailers.
Over Capture Area, high the Gear, then hit Same as Video Size… this will set up a 1:1 capture mapping and give you the best quality video. Press the Play button in the Unity editor, then go back to iShowU and click Choose over capture area. Drag the rectangle over your video area, and if you want, center it vertically as we’ll see horizontal letterboxing added later in iMovie.
Now, for videos that I’ve capped with iShowU, I used to have problems with the color getting really washed out. The solution I found on their forums is to use the experimental color correction. Go to iShowU’s Preferences, then General, then click “Color correction (experimental).” It did wonders for me, and it might work for you!
Step 3. Record videos.
Fire up your Unity iPhone remote if you need it, then hit the Play button in Unity and press the Record button in iShowU. Record to your hearts’ content, and hit stop when you’re done. Repeat this process as necessary, and stay tuned for my next post if you need tips on what to record!
When you’re done, it’s time to bring your videos into iMovie.
Step 4. Import your videos to iMovie.
I assume you know how to use your own version of iMovie. I just completed the Beast Boxing Trailer with iMovie ’11, so I’ll just speak about the general settings to choose and revisit iMovie specifics another time.
Import the vidcaps into your Event Library, and start working with them in your Project. When you’re satisfied with your trailer, there are many options for sharing. Publishing directly to Youtube with the “Medium” setting resizes and expands your content to 640×480, and ends up adding horizontal letterboxing, and this is what I do. It makes the natural 360px high content look a little better, and users that pick the 480px high HD setting will get an even nicer display.
If you’d rather export directly to Quicktime, choose Share > Export to Quicktime, and pick Options to open the Movie Settings panel. I use H.264 compression, Key Frames Every 24 frames, Data rate of “Restrict to 6000 kbits/sec”, Optimized for CD/DVD-ROM, and a High quality on the Compressor with Encoding: Best Quality. In the Size panel, choose NTSC 720 x 480 4:3, and check Preserve aspect ratio using Letterbox (if required). If you decide to upload this to Youtube, it’ll look pretty much the same as the direct Share to Youtube option, so it’s up to you.
I had good results with this process, and I hope it’s helpful to you to promote your iPhone games as well!
Check it out!
Bush League. It’s where all Beast Boxers have to prove themselves before moving up to the Pro Leagues, and it’s always a trial by fire. Getting your bearings can be tough, so let’s give you an advantage by scouting your opposition!
Piglas is a washed-up ex-pro boxer who runs a the boxing gym in the slums. He’s got a reputation for being cynical but kind. Rumor has it that he was once the Pro League champ, but suffered devastating injuries when he fought in the Ultra League and hasn’t been the same since. He now coaches aspiring fighters in the slums, but doesn’t have much hope for finding young talent in a place like that…
Polyp is a rising up-and-comer in the Beast Boxing Bush League. He comes from a wealthy family, and can afford the training fees at the most famous boxing school of all, Kamander’s Dojo Express. Unfortunately, that doesn’t translate to much talent. Still, he’s managed to hold his own while his skills improve, and his endless self-promotion on the Internet has earned him lots of fans.
Steve, the Bush League Champion, seems to have kept his thin figure for longer than most beasts can remember. His dedication to fitness is bar none, and it gives him the ability to rise up from near defeat at times to deliver knockout blows. Unfortunately, his flamboyance can be a liability when he faces more focused boxers, as he tends to telegraph his flashier moves far in advance.
And then there’s you. Humans in Beasthalla have never really had their place in society. You’ve been considered a weakling your whole life, and had to fight daily in the slums to survive. Your heroes are the amazing Beast Boxing champions that do the same, and your nightly dreams are always crushed when you wake up as a human in a beastly world. That is, until you somehow managed to find this sturdy beast costume. This might be your only chance at a better life… it’s time to see what you’re made of!