Ninja Fingers soundtrack

Previously there hasn’t been any music in Ninja Fingers, only sound effects. This is the soundtrack that will be included in the next update, composed for this game exclusively.

Portal 2 living desktop background

httpv://www.youtube.com/watch?v=lIJoURrerNs

A brief story

This seemingly small project contains 3 parts: Geektools coding, background graphics, and a new font.

It started a while back with me seeing a someone who made a portal 2 door poster. I was unable to get my hands on the vector graphics so I decided to make my own. I took photos of portal 2 using a handheld camera, imported the photos into Illustrator and started tracing the outlines. After a while I had something that looked like a real poster and used a giant printer to produce this:

Some time later I was getting into Geektool and looking for so called geeklets: finished snippets of code ready for download. I’m not really a programmer and quite like cool stuff that works with minimal effort. I stumbled across a geeklet by a guy called JimmyBollox (^^) at www.macosxtips.co.uk/geeklets/system/system-info-circular-graphics

As the link implies, he had made some circular graphics which were able to show things like your CPU and Memory usage. To accomplish this he had made his own circular graphics font which corresponded to a certain percentage with a being 0% and Y being 100%. I thought that was a really neat way to do, escpecially since I can’t code.

I downloaded his code snippets and decided I’d make my own font that would look more like a standard progress bar and fit in with the Portal 2 theme.

I made some really simple bars in Illustrator and got stuck when it was time to transform my graphics into a font.

I tried so many different types of software: ScanFont, TypeTool, RoboFont, Inkscape, FontLab. I’m sure there were others but these are the ones I remember from the top of my head. All the fonts exported had errors I couldn’t figure out and were seemingly random. I put a lot of hours into this and even asked for external help, but to no avail.

Then, suddenly, 6 months later, I discovered software previously unknown to me called Fontographer 5. I gave it a go and it worked out of the box. I simply copied and pasted my graphics into the corresponding letter, hit generate font files and that was itThe new font worked exactly as it should and I was finally able to setup this sweet living desktop background.

Download font

Font 1 a: progress bar with full steps (this is the one I used)
Font 1 b: progress bar with semi steps (if you prefer semi steps)
Font 2: Zurich Light (for the date and time text and numbers)

Download background

2560 x 1440
1920 x 1200
1920 x 1080
1680 x 1050
1600 x 1200
1600 x 900
1344 x 756
1280 x 1024
1280 x 720
1024 x 768
800 x 600

If you’d rather make adjustments to the background feel free to use my original Illustrator vector graphics.

Download geeklets

Geeklets.zip (updated October 25th)

Tutorial (text)

Step 1) Go get Geektool at the Mac App Store if you haven’t already.

Step 2) Download Font 1 and Font 2 from this page. Open Font Book on your Mac and click and drag the fonts into that program. The fonts are now installed and you can use them in all your software.

Step 3) Download one of the backgrounds, whichever fits your screens resolution. If you have another settings or want to change the appearance, feel free to download the Illustrator file instead.

Step 4) Save the background where ever it suits you. Right click the file and choose Set Desktop Picture.

Step 5) Download all the geeklets by right clicking the Geekelts.zip file and select the equivalent of “save as”.

Step 6) Doubleclidk the ZIP-file to unarchive it. Install the geeklets by doubleclicking them and answering “yes” when you’re asked if you really want to open the files.

If the popup window is so large that the YES and NO button is pushed outside of your screen, the follow Tucker Chapin’s instructions:

Go to System Preferences > Keyboard > Keyboard Shortcuts Tab and select “All controls” rather than the default of “Text boxes and lists only.” Then when the popup comes up hit TAB then Enter to select “YES”.

Step 7) If you have installed the 2 fonts and used the same background as I (2560 x 1440), the geeklets will probably look fine. If not, you’ll have to adjust their position and possibly font. You have to first highlight Geektool if you want to change any of the geeklets, so click the app icon once, then the geeklet you want to change. You can now click and drag to move it around or enter a X and Y position manually. You can of course also change the font with the font button.

That’s about it, I guess. You could open up Activity monitor and see if the readings match. The Memory meter is showing the value of Used memory which is (Wired + Active + Inactive) and the total is Used + Free. When you’re all done you can delete the geeklets, but I suggest saving the desktop image somewhere.

Tutorial (video)

youtube.com/watch?v=Sz_KGMwS6rA

Problems?

Problem 1) I can’t open the geeklets after I’ve downloaded them. “I have GeekTool running but it says that it cannot open that type of file. However my icon for the Geeklets is just blank white unlike your in the video.”

Solution 1) Max Pillong says: Simply open up GeekTool and create your own Script Geeklet (The content doesn’t matter) and save it. After this it should recognize the extension .glet to be opened with GeekTool.

Problem 2) The popup window is so large that the YES and NO button is pushed outside of your screen.

Solution 2) Tucker Chapin says: Go to System Preferences > Keyboard > Keyboard Shortcuts Tab and select “All controls” rather than the default of “Text boxes and lists only.” Then when the popup comes up hit TAB then Enter to select “YES”.

Variations on this theme

JordoTron i.imgur.com/if6T4.png
Matt Fairbrass imgur.com/gYBBv
@CompendiaryMe twitter.com/CompendiaryMe/status/260452060833660928/photo/1
Sean Dohring i.imgur.com/6HapB.png

 


Note 1: I only used 2 of the geeklets www.macosxtips.co.uk/geeklets/system/system-info-circular-graphics provided. If you want you could simply go there and download the others and change the font to my progress bar with full steps.

Note 2: THANK YOU Max Pillong for fixing the code issue that showed incorrect readings when you have more than 10 GB RAM. You solved the final piece of the puzzle.

Saab mafia

Hilma e-book

I’ve helped author Ingegerd Johansson in turning her paperback book Hilma into an ebook. It is formatted for iPhone and Android and free to download here. To install it you right click the file, and save it to your hard drive. Open iTunes and click and drag the file into your library and then sync per usual with your iPhone or iPad.

Download Hilma.epub (in swedish)

This is free to download while we decide if we should upload the book to iTunes Store book section and if we should to the same on other platforms.

[slideshow]

[/slideshow]

Tiny cities, version 2

This is a new take of a previous song. It’s inspired by Mark Kozelek and his track called Tiny Cities made of ashes.

Happy birthday, mom!

53

Tuning: EAC#F#BC# down 2 steps

Head on home – no lyrics yet

Tuning: DADF#AE

Some sort of sad game transition

Tuning: DADF#AE

Late hours

Tuning: DADF#AE

Ninja Fingers for iPad

Link to Ninja Fingers in App Store

Ninja Fingers – App Store

Summary

I wanted to make a game for the whole family. When making this, I was a bit tired of games that you play alone or multiplayer games you play online only. I wanted something where all the players actually sat around the tablet, and where the physical space would be a game factor.

My job was doing concept design, in-game graphics and project management.

The 4 beautiful characters are designed by Sanna Wieslander. The programming is done by Johannes Gotlén.

httpv://www.youtube.com/watch?v=egiwtUf6YQo

 

App Store description

Do you miss the times when you would sit around a table and play games with your friends and family? I made this game with the purpose of bringing people together. You can be of any age, skill and mindset since you make your own rules. It’s designed for 2-4 good friends, and involves touching hands.

――――――――――――――――――――――
➤ IMPORTANT
――――――――――――――――――――――
Make sure to turn off multitasking gestures under “Settings/General/Multitasking Gestures” on your iPad, otherwise you’ll probably switch screens during some part of the game. This is a 2-4 player game. There are no single player features.

――――――――――――――――――――――
➤ WHAT IS NINJA FINGERS?
――――――――――――――――――――――
Ninja Fingers is about being quicker and more limber than your opponent(s). Pick your favorite ninja marker with your finger. The game starts as soon as 2 or more players have done this. Your goal is to place your fingers on the displayed markers. When you reach the maximum of three markers, old ones will dissappear to make room for new ones. You win by reaching your markers and preventing your opponents to reach theirs. If you are the first in a round to touch all of your markers, you make it difficult for your opponents to reach theirs since your hand is in the way, also your new marker will be the first to pop up next round giving you a small head start.

――――――――――――――――――――――
➤ YOU MAKE THE RULES
――――――――――――――――――――――
The rules are not written in stone. You and your friends decide how to play.

Examples of questions to ask:
– Is it ok to use both hands?
– Is it ok to lift your hand off the screen at any time?
– Is it ok to push the other players using your hand or wrist?

You could also have different rules for different players, for example a 5-year old may use both hands and push others but grandpa can only use one and never lift his hand off the screen.

――――――――――――――――――――――
➤ ABOUT ME AND DEVELOPMENT
――――――――――――――――――――――–
I’m a single developer. I’ve got some average design skills and a great passion for gaming. I hired a programmer, made some graphics myself and asked my dear sister (at www.sannawieslander.com) to draw the 4 main characters of the game and I’m very proud of the outcome.

If you find any bugs or have questions, request, comments or complaints, please let me know.

Hair Fashion for iPhone

The hair fashion app from Mirroronline is a unique gallery where the best hair trends and latest hair fashions are updated regularly on your iPhone.

Mirroronline is Sweden’s biggest business magazine for hair stylists, and we’ve worked closely with Ari Koponen to create this app.

 

Buy Hair Fashion on iTunes App Store.

[slideshow]






[/slideshow]

Editing the audiobook Hilma

This is an audiobook where I did the mastering/final editing. The book is read by Ingegerd Johansson, in swedish.

Download Hilma for free (40 MP3’s compressed in a 304 MB ZIP file)

“I ett bohuslänskt kustsamhälle bor det unga paret Hilma och Oskar strax intill hans föräldrar och syskon. Gunhild, Oskars yngsta syster, vill bryta upp och söka sig nya vägar. Hilma blir hennes förtrogna.
Medan Oskar – trots kriget – ägnar sig åt fraktfat till Norge skurar Hilma mattor, hyr ut till sommargäster, fiskar makrill, bär vatten och samlar vrakved. Minsprängningar till havs och varuransoneringen sätter sin prägel på vardagen. Samtidigt som hon strävar för att sköta hem och familj är hon hela tiden upptagen av att försöka förstå den ofta svår tolkade omgivningen. Långsamt börjar hon urskilja dolda mönster och hemligheter av olika slag…
Havet, horisonten, saltet och vindarna är hela tiden närvarande i denna skildring där vardagslivets omsorger kontrasteras mot mycket dramatiska händelser både i familjen och i omvärlden.”

 

[slideshow]

[/slideshow]

Ingegerd’s website

Ingegerd’s publisher’s site where you can buy the book

 

In Real Game – PaRappa the Rapper

In Real Game is the name of my Bachelor Thesis. It’s a project about marketing games through live performances in order to focus on the games feel rather than its graphics and sfxs. This idea has been applied to the game PaRappa the Rapper to Playstation, resulting in a video documention of what Stage 4 – Cheap Cheap the Cooking Chicken would be like in real life. Enjoy!

 

httpv://youtu.be/7BJt2pgz62w

My Bachelor’s Thesis (PDF)

I’d like to thank:

Lokal-TV Uddevalla, Kaj Palm, Robin Myrbäck, Pernilla Ludvigsson, Sofia Azam , Per Blomstrand, Mattias Persson, Kristin Petters, Annika Wieslander, Pelle Wieslander, Sanna Wieslander, Uddevalla Gymnasieskola, Studio Sinclair, Högskolan i Trollhättan/Uddevalla, Spacesuit Ballet Dancers and Masaya Matsuura.

[slideshow]















[/slideshow]

Urbania – game demo

Urbania is a game demo for Mac and PC I did together with Mats Andersson, David Hammarström and Heidi Nikunen a long time ago. I was at the time of my studies at the University of Gotland when the game program didn’t have a sound studio so I did all the music using only a guitar and recording software.

 

[slideshow]








[/slideshow]

Fylgia – a boardgame

Fylgia is a strategy board-game, developed by a team of 5, and later on produced in larger numbers by UF Gotlandsleken, and sold by retaliers such as BRIO, Bokia and Lekstugan.

[slideshow]



[/slideshow]

Nitrogen – CTF map for Quake III – Arena

Nitrogen is a “Capture the flag”-map for the game Quake III – Arena.
My part of the project was creating a soundtrack relevant for the design of the map, as well as the gameplay, meaning dark, heavy, and a bit stressful. It also recquired me to create sound effects according with the level design.
The map consists of two sides, red and blue. The only way travel between them is by using the trains. There are two trains, one on each side of the flag camps.
In order to launh a succesful attack the members of a team have to cooperate. A single person arriving with the train is not likely to have a great impact.

 

If you want to try it out for yourself you need a copy of Quake III – Arena.

1. Download Nitrogen_final.zip
2. Extract the contents and place them into the Arena/baseq3/ directory.
3. Start Quake
4. In the console write:
/sv_pure 0
/devmap nitrogen_final

Level design by Ulf Sjöström.
[slideshow]









[/slideshow]