Minggu, 30 Desember 2012

Happy New Year and all the Best for 2013







Another year comes to a close and a lot has happened on this blog and off-line. It's been a good year in some respects, an interesting one in others and definitely one I won't forget. 

I didn't write as much as I wanted and I am not sure I will make up for in the new year - but I will try. I am still toying with the idea of putting my ramblings to print and giving you an offline version to work with. 

I wish you all the best for the new year. Keep on creating games and art - but most of all have fun whatever you do! 
Primbon Jawa
Sabtu, 15 Desember 2012

Digital Audio Signal Analysis

This latest update isn't about the stealth game but about an assignment that's nearing completion, one part of it is a music based game like Guitar Hero or RockBand, simple music, hit the keys in time with the notes on the screen. Originally we planned to write tedious code with the timing for each note in each song but nearing the due date I've written a script for audio spectrum analysis to recognize notes in the music. I have no experience in digital audio signal interpretation though so I've just been working my way forward learning as I go from trial and error but I have a working version now and some cool looking charts to go with it.

Amplitude time graph:

Amplitude time graph to the music we're using in the game:

Spectrum time graph:

Through trial and error I've come up with three options for beat recognition; simple amplitude check where any sound above a certain amplitude is counted, second I have a sudden start test that checks for sudden increases in amplitude and lastly I have a sudden stop test for sudden stops in amplitude. Almost everything is changeable as it plays, things like the cooldown before it checks for a new beat, sensitivity of each test and how far forward or back the sudden stop and start checks test for increase or decrease from.

The implementation isn't far from done now all that's left is converting the beats into arrows that scroll to the bottom of the screen in time with the song and letting the player input their presses.
Primbon Jawa Audio
Minggu, 09 Desember 2012

Aligning objects

A simple but very helpful tool that is often overlooked is the 'Align and Distribute'. It's the answer to a question I have been asked a few time 'How do you place your objects precisely in line?'.

The tool can do a lot more than that by aligning not only objects but groups of objects. 

In order to 'kill two birds with one stone' I am going to use and explain the tool while creating a cute animal. What defines cuteness? Cute usually is achieved by more 'child-like' proportions - round shaped heads, big eyes, small nose, small body. Perfect for my favorite start of a tutorial: "Let's create a circle" - well in this case we create three.     



Note:
Users familiar with Adobe Illustrator or CorelDraw for example might ask why I bother with the duplication and rotation when it's already build in. You create one copy, rotate it and the next copy will be a repeated version and you can create the full circle of triangles that way. 
I find this way easier and more controlled when creating evenly spaced content for a circular shape. 

Let's give the lion some facial features. The mouth might like conplexe but really it's just an up-side-down Y and if the deforming of the circle looks too difficult you might try using 3 separate elliptical shapes to create the same effect. 


I added another circle for the body, a deformed circle for the leg and the paw, duplicated them 3 times to create the legs and added a line with a deformed circle with a pointy edge for the tail. A simple (and in my opinion cute) little lion. 

With a little bit more detail (eyelids and eyebrows) it's easy to give the lion some features and create some variations.



Variations don't stop there. Taking the basic shapes, rearranging them and changing the colours you have a whole zoo at your fingertips.




I hope you enjoyed the tutorial and start playing around with the tools inkscape (and other vector tools) have to offer to create some magic. 




Get the source art (svg file) of this tutorial for
USD 3.00

Primbon Jawa

Alive and snowed under...

It's been a while and I haven't posted for a lot longer than I realized. I missed a major spike in traffic when a news site picked up the helicopter tutorial and barely kept up with the comments due to health problems, too much work, too much fun, too much happening in the real life and I am sure I can find another lot of excuses why I haven't written a new tutorial for a while... but... they will keep coming... I haven't given up on the never-ending quest for better 2D game art. :) 

For now I am snowed under in the true sense of the word. I woke up to a white world outside my window. It started yesterday with a little bit of a white cover but this morning I woke up to 5 cm of snow on my balcony and a good 15 cm (plus) outside. I know - that's nothing for you guys in Canada or other 'polar' regions - but way more than enough for me.

I made my way through perfectly white and fluffy snow (for the 2 minute 'polar expedition' from my flat to the office) for a cup of coffee.

A horrid time to run out of coffee at my place - and it keeps on snowing... 
Primbon Jawa
Sabtu, 01 Desember 2012

Path following

Guards can now be called on to find, then follow paths. Also the I took away the streamlining of the path, it was overkill to do that while drawing the path and it works better to do it while the guard walks, that way I can use his position to check if he can see any upcoming nodes as he walks and if he does, jump to those instead of any before them. The colored dev lines don't look as organized though :(
Also guard movement is smoothed so it looks pretty natural when he turns corners and along with the realtime checking for a more streamlined path it means that the movement looks a lot less node based because he doesn't need to get to the node before he turns, he just turns when he has a straight path to the next node. In the above picture you can see a non-steamlined path, the script then "sees" points one two and three drawing yellow lines to them, then because it can't see four yet it walks to three.
Primbon Jawa Pathfinding, Stealth