“BUG Spring Jam 2018” Notes

BUG Spring Jam was held in 13-15 April at Bahçeşehir University/ İstanbul. It took 48 hours. We teamed up as Gökhan (3D Art), Cenk (3D Art), Cem (Programmer) and me Günışığı (3D Art). Actually we have already spent a lot time as developer team. Because of that, the jam felt like an ordinary weekend for us. However it was great to work really dedicated on a project from idea to a prototype ( i think the result was little more than a prototype ) without distractions and obstacles.

The theme was ” Death… to the demoness Allegra Geller ” from the movie ” Existenz ”

We had individual ideas before the jam. Nowadays we are playing local multiplayer games such as “Gang Beasts” and “Stick Fight” and we really enjoy these games. We all agreed to create a game like them. We kind of mixed those games with the art of Gang Beasts and the pace of Stick Fight. We also influenced by Flippy Knife.

Game mechanics was cleaned up as;

  • Game will be a local multiplayer deathmatch
  • Max. 4 players
  • Players will spawn at the same time in different spots of the map
  • Players must throw the axes that they grab from ground to the enemies
  • Axes can be grabbed again after being thrown
  • Dead enemies will spawn again immediately

We started to create assets as quick as possible. We shared our needs. I undertook the characters, their textures and animatons and some props for the gameplay area. Gökhan created the axes and their textures and also some props. Cenk mainly worked on environment art. We used no pre-made assets. All the assets we used were created during the jam.

While we were working on models, Cem was working on codes and stuff. There is an early footage of the work.

Art

As I mentioned above, we tried to create a similar atmosphere with Gang Beasts. We used Unity 3D’s standart shader for every 3D model. Environment models have solid colors. The color palette we used is below.

For the characters and axes, we decided to have more detailed 3D models. So for those models we just added substance painter into our pipeline. We detailed them with normal maps, height maps and metalness maps.

To make the characters more distinguishable, I gave them different colors and cosmetics. We are planning to make more hats that player can select. Currently there are 4 different hats as above. Comrade, Janissary, Kendo Guy, American Chief. Ignore the dead guys in the background.

Axes are very detailed and have different shapes according to their effects. They are currently the same but finally they will have different abilities. The first one is more likely to hit and kills instantly but goes shortest or the last one will trace enemy etc.

Here we are presenting our game to the other teams. Cem was talking about game while we were playing it. I really enjoyed the game, i couldn’t even listen the presentation.

We are planning to publish our game to Steam as soon as possible. It can be also published for Xbox and Play Station maybe even for iOS and Android.

 

Advertisements

2D Character Animation With Adobe After Effects

This is a very short part of the video teaser of Şekermeker – Sugarmugar which is a game going to be released soon for Android and IOS. The game will be published by Codemodeon Game Studio which is I’am currently working as an art director. I will explain you how I created the teaser video with basic tools in After Effects.
creating the bodyThe characters in the video are exactly the same images as the one in the game. I started with seperating the joints and moveable parts of the characters such as legs, arms, eyes, eyebrow, head. Then I exported them to After Effects layer by layer.

1

After I get my images in the project panel next step is to create a new composition. I used the values below.

2

 

3

Next, drag and drop the images that insinde the project panel to composition panel below. The images will be over and over not accurately. So I needed to move the individual parts to the actual places.

4

The woman doesn’t have a mouth as you see above. That because the mouth needs to be created in After Effects as a vector. So we can move the control points to animate it look like she is speaking.

5

I created the mouth like above by using Pen tool. I made only 4 control point, so it is a very simple mouth. Pen tool must be used after creating a new shape layer. Otherwise it will react as if a mask.

11

To create motion I made a tween for the Shape Layer 1>Contents>Shape1>Path1. Its a very long path but easy when you familiar to it. After Effects works with keyframes. I presume that you alredy know how it works so I will not explain it.

7

To animate joints, I used puppet tool. It is a very usefull tool in After Effects. It lets us define joints and move them by click an release.

A usefull tip: you can Ctrl+click to a joint to make a realtime animation. If you click ctrl while you already clicked to puppet tool you will realize the cursor will be a clock. So it is ready to animate. Animation starts from the current time until the end of the composition time.

8

If you dont have a character, you can experience it with simple objects like boxes etc. Puppet tool is great for cartoon animations. It is simple but the result satisfies.