Ausgangslage

The Legend of Ethos ist ein 2D RPG, entstanden im 3. Semester Medientechnik und –design an der FH Hagenberg. Projektleiter war mein Bruder Peter, der mit 3 Studienkollegen ein sehr ambitioniertes Konzept umgesetzt hat. Das Spiel erinnert mit seiner Top-Down Ansicht einer Tile-basierten Welt und den Monster-Kämpfen an die alten Pokémon-Spiele. Das Team hat es geschafft, eine spielbare Kampagnie mit mehreren Quests zu erschaffen, welche in ca. 1 Stunde durchgespielt werden kann. Das ein Game in einem Semester so weit kommt, sieht man selten!

Ethos stand seit der Fertigstellung zum Download bereit, das kam mir jedoch zu umständlich vor. Als Fan wollte ich es gerne einfach im Browser spielen! Also beschloss ich, ein Applet draus zu machen.

Spaß mit JARs

Okay. Game Engine upgedated auf die neueste Golden T. Jetzt den Source Code und die Assets in JARs verpacken, was im Grunde ZIP-Dateien sind. Was wiederum bedeutet, dass sich alle Pfade ändern und alle Referenzen im Code auf ein Bild oder ein Sound geändert werden müssen. Leider gab es noch keine Funktion, die alle Assets beim Spielstart ladet und den anderen Klassen zur Verfügung stellt. Die meiste Zeit war ich also damit beschäftigt, eine solche Funktion zu erstellen und alle Datei-Anfragen umzustellen.

Was mir sehr viel Kopfzerbrechen bereitet hat: Es wurden oft Pfade zu Bilder angegeben, die Ordner waren. Das Spiel ladete dann alle im Ordner enthaltenen Bilder. Sicher praktisch beim Entwickeln der Assets, aber problematisch fürs Web. Man kann vielleicht noch einen Ordner von einer Datei mithilfe der Dateiendung unterscheiden, aber dann nicht eine Liste aller im Ordner enthaltenen Dateien bekommen. Ich habe lange nach einer Lösung gesucht, die dies doch ermöglicht. Dabei bin ich auf diese Funktion gestoßen, die aber leider nicht funktioniert, wenn sich das JAR mit den Assets auf einem HTTP Server befindet.

Im Endeffekt habe ich eine XML-Datei mit einer Liste aller Bilder erstellt, die geladen werden sollen. Nicht so flexibel, aber es funktioniert.

Audio, f*$%ing Audio

Die gleiche Geschichte betrifft natürlich auch die Audio-Dateien, wovon es zum Glück weniger Stück gab. Die Dateien waren im speicherhungrigen WAV-Format. Dass sie in etwas fürs Web taugliches umgewandelt werden mussten, war klar. Welche Formate werden aber unterstützt? Mit Add-ons sind das Ogg Vorbis und MP3. Diese Add-ons zu integrieren war zum Glück nicht schwer oder zeitaufwändig. Lange probierte ich es mit dem JOrbisOggRenderer, aber es gab Probleme…

Lokal lief alles noch gut. Als ich glaubte, mein Job sei erledigt, ladete ich alles auf einen Webserver. Dort kam dann der Fehler:

Exception in thread „Thread-13″ java.lang.NoClassDefFoundError: com/jcraft/jogg/SyncState
at org.newdawn.slick.openal.OggInputStream.<init>(OggInputStream.java:40)

Hä? Viele Google-Suchen später, keine brauchbare Lösung. Anscheinend konnte das Applet die für Audio zuständigen Klassen jogg-0.0.7.jar und jorbis-0.0.15.jar plötzlich nicht mehr finden. Diese müssen im Build Path stehen. Ich hab hier alles versucht:

1. Im <applet> Tag standen diese JARs schon
2. Im Manifest aller JARs hab ich sie im Class-Path hinzugefügt
3. Natürlich auch im Eclipse-Projekt (macht nen Unterschied?)

Ist mir ein Rätsel. American Hero läuft mit genau diesen JARs und spielt Ogg Vorbis ab. Habs dann einfach mit dem JavaLayerMp3Renderer (MP3) versucht. Hat sofort funktioniert. Arrrgh!

Applet Debugging

Testen, Testen, Testen… Bei Applets dauerts gefühlte 10 Minuten, bis man eine Änderung im Code ausprobieren kann. Es ist so wie C++ Code kompilieren, nur dass man nicht einfach wartet und nebenbei surfen kann, sondern man jedes Mal eine handvoll Schritte ausführen muss. Okay, zugegebenermaßen hab ich es mir vielleicht selbst schwierig gemacht. Aber so hat das ausgeschaut:

1. Java-File abspeichern.
2. Im Task-Manager java.exe abwürgen.
3. BAT-Datei starten, die die JARs erzeugt.
4. Mithilfe der Uhrzeit checken, ob wirklich neue JARs erzeugt wurden.
5. Refresh im Browser.

Alternativ kann man auch den Browser jedes Mal nach einem Crash komplett schließen, dann wieder neu starten. Ist aber blöd, wenn man andere Tabs offen hat.

Dateigrößen

Nachdem alle nicht verwendeten Assets gelöscht, die Sounds als MP3s gespeichert wurden und alles durch den JAR Maker gejagt wurde, siehe da: Das Spiel ist 8 MB groß. Immer noch viel, aber in Zeiten wo das durchschnittliche YouTube Video mehr hat, durchaus akzeptabel. Leider gibt es keine Ladebalken, man muss also einige Zeit auf einen schwarzen Bildschirm starren, bis sich was tut.

Das Ergebnis

Nun ist es also endlich soweit… Bitteschön, The Legend of Ethos spielbar im Browser. Hier einige interessante Links dazu:

• Spielen! (Java benötigt)
• Das Projekt auf GitHub, mein Leidensweg ist in den Commits beschrieben.
• Mehr Infos auf Peters Portfolio.
• Die Seite auf Facebook. Lasst es dem ursprünglichem Team wissen, wenn es euch gefällt!

This isn’t online yet, because the the XML files defining the particle emitters aren’t loaded using the resource manager at the moment. I only spent one day on this feature, using Slick’s particle engine. You can design the particle systems with a tool called Pedigree:

If you compare the preview to the screenshot above, you’ll notice that the smoke plume looks a little bit different in-game. This is mostly because I re-sample the images using nearest-neighbor, so the pixels don’t get blurry. The editor is still very helpful to create these effects. You can create a color gradient for the lifetime of the particles and curves to control their opacity. There are some limitations and I have to be careful not to have too many particles on screen at the same time, but I’m very happy with how the animated particles add to the graphics of the game.

Smoke is nice and all, but I really need some cool looking, powerful explosions! It’s a little more tricky, because the particles should only be spawned at one point in time. To make it look good I probably need multiple emitters. Let’s see how that goes… The other way to do it would be sprite animation… Which is another big challenge I still need to tackle!

I made a page for it.

This has been in development since the beginning of the new year, excluding a 2 week break, when I was having a fever. The game has evolved quite a bit in this time. I noticed that I didn’t even take screenshots to document the progress and wanted to blog about new features and challenges I had faced. So I thought about setting up a tumblr or something, soon realizing that I already have a blog! And it is in desperate need of new content! So here you go. I’m keeping this international; everything will be in English.

(more screenshots)

It’s an old idea really. In 2004 two buddies from school, Wolfgang and Thomas, wanted to make a game with me. We were 16/17 years old and had never done this before. We wanted it to be heavy on the narrative, so we created a huge ambitious concept detailing the characters and the story. 3D assets and some levels were created. But we didn’t think of a fun gameplay concept. After some years, the project was abandoned.

It is now back in a smaller scope, with a focus on creating a fun playable game that is supported by awesome game art!

Accomplishments:

1. Got my Bachelor’s degree
2. Started learning to paint with oil colors at Andrea’s studio
3. Rediscovered my love for life drawing, visited the course at school more often
4. Started studying character animation at AnimationMentor
5. Created 7 short 2D animations for the website of a client with Oliver and Peter
6. Relaxed in the Caribbean only to find the real paradise months later and much closer, in Croatia
7. Made available my first open source project, based on my Bachelor’s thesis
8. Did much of the organizing for the class reunion
9. Taught my cousin about video editing and shooting, which helped him to create his video on building a typographic chair
10. Moved own of my parent’s home and started a flat share, which was a well-needed chance and lots of fun. Living right outside the city center is nice too!
11. Started exercising and running regularly with training buddy Chris, lost about 3 kg so far and feeling much better
12. Started keeping a private diary
13. Took a leave of absence from studying; did freelance work in the areas of web development (made peace with it) and character design (challenging but fun)
14. Finally started making some indie games myself

Mistakes:

1. Letting my procrastination get out of hand at AnimationMentor.
2. Not asking for help when I needed it.

Lessons learned:

1. Doing something regularly instead of in short bursts leads to greater results. It’s also less stressful than working really really hard just on the day of the deadline. It feels so good to know that you’re progressing all the time!
2. Old ideas for projects never die. Sometimes they just need some extra years before they are ready to be executed.
3. Perfectionism gets in the way of just doing fun things. Not everything needs to be living up to high standards and be all serious. Just do!
4. The principles of animation can be applied all throughout the arts, like in oil painting (exaggeration) and life drawing (weight, squash & stretch).

Conclusion

There were many many projects I worked on this year, most of which aren’t finished or never even got really started. But just the fact that there were over 4 times more than in 2010 is a really good sign!

There are, of course, many things I want to do in 2012. Only thing I know for sure is that I will spend the year studying at AM. I want to be able to regularly exercise, study, work on hobby projects and do stuff with friends and family. Something that is really close to my heart: Finally starting a webcomic. And completing One Way Trip To Hell and Back.

Doch bis zum Umzug in eine eigene Wohnung war es noch ein langer Weg… Zu einer WG gehören nun mal mehrere Personen, also hab ich jeden gefragt, der in Frage kommen würde. Nicht so einfach, denn ich wollte in meinem bekannten Umfeld in Klagenfurt bleiben und viele Freunde waren ausgewandert. Natürlich hab ich auch überlegt nach Wien oder Graz zu gehen, aber Kärnten ist schön und der See so nah Von den Freunden und Bekannten in Klagenfurt zeigten sich der Christian und die Gloria interessiert. Und so gingen wir auf Wohnungssuche…

Eine geeignete Wohnung zu finden sollte viel Zeit in Anspruch nehmen. Am Anfang hatten wir noch keine Ahnung, welche Kriterien für uns wichtig waren. Mit der Zeit wussten wir dann aber schon recht genau was wir suchen. Für eine WG braucht man klarerweise getrennt begehbare Zimmer (keine Durchgangszimmer) und einen Gemeinschaftsraum. Essentiell war die Plattform willhaben.at, wo ich fast täglich nach neuen Angeboten Ausschau gehalten habe. Insgesamt haben wir 7 Wohnungen besichtigt. Die Liste der in Frage kommenden Wohnungen war um ein vielfaches länger. Gegen Ende fühlte ich mich schon fast selbst wie ein Makler, denn es erinnerte schon sehr an einen Vollzeit-Job!

Wir waren schon ziemlich weit bei unserer Suche, wollten uns endlich für eine Wohnung entscheiden, als uns der Christian abgesprungen ist. Er war bisher bei den Besichtigungen eher skeptisch gewesen und hatte andere — jedoch durchaus vereinbarende — Vorstellungen was den Wohnort betrifft. Ihm wurde aber dann klar, dass er eigentlich in seinem Haus am Berg durchaus zufrieden war . Er hatte also gar keinen Bedarf nach einer WG, so lustig ihm die Idee auch vor kam. Wir nahmen ihm seine Entscheidung nicht übel; zumindest war nun die Lage klar!

In dieser Woche hielten wir noch Ausschau nach einem potentiellen 3. Mitbewohner (m/w). Bald realisierten wir, dass wir schon wieder am herum telefonieren waren, diesmal nicht um Vermieter und Makler zu erreichen, sondern eben Mitbewohner… Und die Sache wurde noch einmal mühsamer. Eigentlich wollten wir ja eine WG, wo sich alle schon gut kennen. Warum also nicht eine 2er-WG? Finanziell sollte es sogar mehr Sinn machen, die geteilte Miete war nun deutlich niedriger als bei 4-Zimmer Wohnungen. In einem letzten Anlauf schauten wir uns 3-Zimmer Wohnungen an.

Nach insgesamt 2-monatiger Wohnungssuche besichtigten wir eine Wohnung direkt im gleichen Haus, wo wir jeden Dienstag zum Ölmalen ins Atelier gehen. Ein Altbau, zwar mit nur 2 Zimmern, aber einer großen neuen Wohnküche und hoher Decke. Die Gloria war sowieso von der Idee angetan, im gleichen Haus mit guten Bekannten und gleich über dem Atelier zu wohnen. Ich musste mich noch an die Idee gewöhnen, kein Wohnzimmer zu haben, aber die Wohnung war schön und die Fenster nach Osten ausgerichtet: Perfekt! Vertragbeginn wurde der 15. September.

Nach einem Kurzurlaub in Kroatien hatte ich schon eine solche Sehnsucht zum Umziehen, dass ich bei der ersten Gelegenheit eine Matratze ins Zimmer warf und die 1. Nacht in der neuen Wohnung verbrachte. Seit fast 2 Wochen wohne ich jetzt schon hier und bin restlos zufrieden! Seit gestern ist es schon sehr gemütlich möbliert und all meine Sachen haben Platz. Morgens um 7 werde ich ohne Wecker von der Sonne geweckt. Die Nähe zum Stadtzentrum ohne Lärmbelästigung ist was sehr feines. Sein eigenes Reich zu haben und trotzdem nicht alleine zu wohnen fühlt sich genau richtig an

Fotos von der eingerichteten Wohnung folgen!

Wochenlang hab ich mich auf das Ding gefreut, es ist nämlich eines der ersten in Serie gefertigten Elektroautos der neuen Generation. Ich dürfte zwar schon mit mehreren Elektroautos eine Runde drehen, aber das waren entweder Umbauten oder Golfcarts. Jetzt war es Zeit für Qualität. Der i MiEV — umgangssprachlich „der Mitsubishi“, weil „mief“ es ja so gar nicht trifft — kommt auf eine autobahntaugliche Geschwindigkeit von 130km/h und hat angeblich maximal 150km Reichweite. Soweit die Eckdaten, jetzt zum Fahrgefühl…

Mit dem Mitsubishi zu fahren macht wahnsinnig viel Spaß! Das erste Losfahren ist schon ein Erlebnis: Völlig lautlos bewegt sich das Gefährt fort. Gäbe es beim Anstarten kein „Bing!“, wüsste man gar nicht, dass er läuft. Dieses scheinbar mühelose Beschleunigen macht richtig süchtig, gerade im städtischen Start-Stop-Verkehr. Eine Nadel im Cockpit zeigt an, wie sparsam man fährt, je nach Beschleunigung. Mit meinem gewohnten Fahrverhalten bleibe ich anfangs durchwegs im grünen Bereich. Doch nach den ersten Beschleunigungstests merkt man, wie viel Spaß es macht, mal ordentlich das Gaspedal durchzutreten… Auf Kosten des Akkus, der dann gleich ein paar Kilometer weniger Reichweite anzeigt.

Die Serienreife macht sich vor allem dadurch bemerkbar, dass das Fahrzeug erwartungsgemäßig auf „Eingaben“ reagiert. Ich hab nämlich schon mal bei einem Umbau erlebt, dass der Motor erst reagiert, wenn das Gaspedal komplett durchgedrückt ist, keinen Zentimeter davor! Beim Mitsubishi kann man dagegen sehr fein dosieren und durch die ganglose Übersetzung viel gleichmäßiger beschleunigen, als es bei einem Fahrzeug mit Verbrennungsmotor möglich wäre. Ein Genuss!

Dass der i MiEV sehr kompakt ist, merkt man vor allem beim Einparken. In der Tiefgarage gehen sich Kleinwagen, Moped und Motorrad locker aus…

Für kurze Zeit also eine Steckdose zu wenig… Die Zweiräder wurden in der Woche aber eh kaum benutzt Aufladen bei jeder Gelegenheit ist bei uns schon Gewohnheitssache und wichtig, damit man später spontaner sein kann. Es kann schon vorkommen, dass es einem im Moment zu mühsam ist, das Kabel beidseitig anzustecken, man aber später doch noch weiter fahren möchte als die Reichweite erlaubt. Die ist natürlich ein großes Thema beim i MiEV, da sich das Auto eindeutig nicht für lange Strecken eignet… Für den städtischen Betrieb ist er aber dank guter Beschleunigung und kompakten Maßen sehr gut geeignet. Eine Steckdose beim Parkplatz ist natürlich ein Muss.

Der Tag der Rückgabe kam viel zu schnell und bald fand ich mich hinterm Steuer unseres dieselbetriebenen Ford Galaxy wieder… Der Unterschied war gewaltig: Warum bremst das Auto nicht ab, wenn ich vom Gas gehe? Warum beschleunigt der so holprig? Wie antiquiert ist der Motor, dass der so laut sein muss? i MiEV, ich vermisse dich.

Da es jetzt doch etwas länger her ist, bin ich mir sicher etwas vergessen zu haben. Fragt einfach in den Kommentaren nach

Things haven’t been going well in terms of time-management. It’s an old hat for me and still a major challenge. When I started AnimationMentor, I couldn’t imagine that I would procrastinate. After all, I love to animate! But it still happened week after week. There were many Sundays where I realized I had to rush the assignment again. Every time I noticed how much more time I wanted to put into my work, with the 9PM deadline quickly approaching. When the deadline passed, most of my motivation was gone. It’s very hard to keep working on something that already needed to be finished. Once, I submitted an assignment on Thursday the next week. Last week, it was as late as the next Sunday, where another assignment was due!

It wasn’t the first time I decided that things needed to change. But it was a new extreme situation, where I submitted an assignment 7 days late and entered the next week with another late assignment plus the next one for that week. So I kept working hard on Monday and Tuesday and finished my blocking from the previous week. I analyzed my video reference and spent a lot of time on my poses. I had to force myself to do it, but it paid off: I got a B– on the assignment, which would’ve been an A– if it hadn’t been late. An A– is the best grade I got in all of class 1 & 2.

Two things I found out helped: Momentum and separating work from fun. With momentum I simply mean that if you spend a day not working, it’s harder to begin again the next day. Spreading the work across all days of the week minimizes the risk of not starting to work again until it’s too late. Of course it is nice to have a weekend with lots of free time, but the traditional weekend doesn’t exist with a 9PM deadline on Sunday anyway. For me it’s better to just do a little less work one or two days a week, but never stopping. So starting this week, I’m trying to keep the momentum.

How to separate work from fun? I would be lying if I’d say that I don’t spend a big part of my free time at my desktop computer, be it browsing the web, working on hobby projects or playing games. The trouble is, I used to do my AnimationMentor assignments on the same machine, sitting at the same desk. The line between work and fun often blurred into a grey mess, because it’s so easy to switch. Ever since my internship I am convinced that having a work place that seperated by some distance from home is key to being productive. So I decided to buy a laptop that is just for work and that I can take anywhere but to my room. The results are both incredible and instantenous: Suddenly I could animate for hours at a stretch, without distractions or having to resist the temptation of going online.

So this is the AnimationMentor program forcing me to deal with my evil procrastination habits, one of the biggest challenges I’ve yet had to face. Having a deadline every week with everyone in the program seeing when you submit, makes a failing to submit on time very obvious. Repeating my mistake of starting way to late again and again made me realize that I still had a long way to go. Finally I’m starting to break this vicious circle. I did it myself, which is what I wanted but not necessarily the best way to do it. I could’ve asked for help in the AM community, be more proactive or at least not block all communication… This blog post should help, hence the title. Anyway, yesterday I started to post comments again and was a fun thing to do!

So here I leave you with the assignment I submitted almost two days ago. More stuff from class 2 is on my YouTube channel.

Click here to view the embedded video.

Oh and this video helped, too

Qikbee 3D Animation

Dream of Liberty — „This is the End“ CD Cover

Ever since I can remember, I have drawn a lot, written stories or done other creative things. Movies, video games and comics fascinate me and I always wanted to create some of my own. I was lucky to get early access to a computer and the many possibilities of this magical device. I’ve been on the internet since about 1997 and I’m very close to the ideologies of the cyberspace. The two poles computer science and art have lead me to computer animation, which is what I occupy myself mostly with nowadays.

I also love writing, so I use this blog to share personal stuff, thoughts about news, my reviews and to present my portfolio. The posts written in English or German depending on how I feel. Have fun reading!