A Wonderful Journey Across the Universe and Beyond

Big News

In Development, Media on July 2, 2012 at 21:19

M&M is officially coming out of hibernation and being rethought and reworked as you are reading these words. To prove my words, here are three sketches of new level backgrounds that I made today.

These images go into a scanner, get digitized, then traced, colored and polished. I will update you on them when they are all completed. However, they are most certainly not the most important news that we want to share with you tonight.

First of all, the philosophy of not using any plugins has failed us and made the process of game-making in Unity rather tedious. We have realized our mistakes and decided to make use of essentials like iTween, Smooth Moves and EZ GUI. Though a truly great tool, Unity often fails to deliver when you are making a 2D game, so development of M&M is going to be adjusted accordingly. Hopefully, we will see more 2D- and interface-related features in Unity 4.

Now, there’s also another thing, which is probably more important that anything else I ever wrote in this blog: we now have our first deadline. We ought to make a playable prototype of the game by the time for IGF (hell yeah, we are participating), which means October 17th.

So yes, basically, the master plan is to polish the core gameplay as much as we can while introducing enough new levels to show off at the Indie Games Festival.

Challenging and exciting times ahead. Stay tuned, because there will be more.

Game Screenshots

In Game, Media on November 30, 2011 at 22:04

Hello guys, here are some screenshots from Missy & Mandelbrot. We feel that screenshots are better than wallpapers/concept art, because they show some of the actual game, even though the game itself may not be quite ready yet. This is also a page, which is definitely going to be updated every now and then, and will appear on the website’s menu, so keep checking back.

Basically, Game Animation

In Development, Game, Media on November 23, 2011 at 22:56

I am not going to give you a detailed recipe or step-by-step guide on animation in M&M for obvious reasons. We did not use any guides while making animation, and simple did our best to enliven stuff in the game. I know our approach to making animations is not exactly convectional, but it sure is working out, bizarre as it is.

You see, the main animation program that we used was Adobe Illustrator. It is definitely not the first thing that comes to mind, but believe me when I say that it is perfectly suitable for the task. First of all, most of our artwork was was initially created in Illustrator. From this point most people would transfer things to Flash, but not us. When we began working on M&M, we did not either own or even know how to use Flash. Its interface seemed cluttered in comparison with the rest of Adobe’s software, while the program itself seemed to offer plenty of functions that we didn’t really need.

Later on, I made  up my mind to use Anime Studio’s physics simulation to fake balloons’ swaying in the wind, and I have partially  already explained the  whys and hows along with other technical aspects, so I won’t return to it for now.

 

If you are familiar with programming paradigms but are new to animation (like we were), you should think of my Illustrator animation method as object-oriented programming. Vector graphics are pretty much objects that can easily be created, combined and divided in Illustrator. More importantly, they can be modified just as easily. What I did was basically create one image (let’s take Missy’s walk animation as an example),  copy it, change something (move a leg and an arm a little bit), then copy again. Repeat.

When I had 60 images like that with two full steps in them all I had to do was put them all in same-sized non-opaque boxes to maintain image sizes and export each one in a separate file. If you are interested in sprite sheets, you can rearrange the boxes and simply export them all as one file. Then I simply imported my sequence of ai files to Photoshop, colored each one of them and saved as bitmaps.

Walk animation sequence in Illustrator.

We did not come up with this animation method easily. In fact, it seemed quite IMPOSSIBRU in the beginning. But then I remembered that Disney initially used this exact approach (minus vector graphics) to create the infamous Steamboat Willie cartoon, and it all clicked and fell into place.

Going back to balloon animation in Anime Studio, I have to say that our job here would be much harder if the program didn’t have this brilliant in-built physics engine. I simply drew strings, attached them to balloon bitmaps, added bones looking up and turned the upside-down gravity on. Voilà! Ballons are swaying as if there was wind. Then I basically found the right number of frames for the animation to look complete and exported all of them as bitmaps. To simulate movement, I simply adjusted the gravity angle to 45° and −45° and cut the number of frames.

Everything else you see in the game is engine-processed movement and not really animation in the pure sense of the word.