Flashgamer

Once in a while there comes along a project where you get to play with loads of fun things. This project was exactly that. Rock City Namsos is a brand new cultural building in the city of Namsos. It contains a movie theatre, a concert hall, a resource hub for professional music, a super-sweet recording studio as well as an exhibition centre. I worked on the exhibition centre part and I was hired by SixSides and my friends at Back to create six of the ten interactive installations. If you’re ever in that part of Norway - make sure to drop by!

The goal for the interactive part of the exhibit is to teach people about how music is created and let them have a go at making it themselves. The theme is the musical style “Trønderrock” which was more or less invented in Namsos. The difficulty of the task is of course that no music skills can be required. Based on seeing both kids and adults having a blast making songs with the software, I think we solved this really well!

The first installation I did was a GarageBand-like editor that had been dumbed down a lot to make it accessible. The app is called “Låtskriveren” (the songwriter) and I could not have done this without the excellent Tonfall library written by Andre Michelle. Thanks a lot for making this library Andre!

You create your own tracks by dragging prefabricated loops onto the timeline. There’s drums, bass, guitar and accordion (important for proper TrønderRock!) available. You’ll get a random set of chords initially, but you can change this by just pulling down a drop-down menu. Advanced users can zoom in on the timeline for some minor edits and they can bypass the automatic chords to mix and match as they want. You can jump on the timeline by clicking/dragging the playhead as well, so the app is quite complete.

The other app I did based on Tonfall was a full mixing desk with motorized faders! This app called “MiksEnMaster” was incredibly fun to do! All the interactive parts of the exhibit are activated using RFID cards that is made to look like a stage-pass (with Access All Areas of course). The passes are given out when the user enters the exhibit. The user will go up to a station, scan the card and if they save the result and register, they’ll be able to view and share what they created at the exhibit when they come home.

When you scan your badge on “MiksEnMaster”, the motorized faders will all move up to the max position. This is done using standard mixing desk faders that we picked up from Yamaha along with Phidget motor controllers. Next you’ll select one out of four classic Trønderrock tracks and on the “window” (a 46” monitor) in front of the desk,  a guy will show up to tell you what to do. Hit play and you can tweak the eight tracks as you like. When you know how you want it, you press record to do the actual mixing.

As the user is working the faders, I’m adjusting the volume of each track in the Tonfall-setup. It simply works super-smooth! When the song is finished or the user stops the recording, we write the captured sound-bytes to an uncompressed WAV file and then convert that to MP3 using AIR’s NativeProcess capabilities. If the user is happy with the mix, we’ll save it to the server so they can show it off when they get home.

There’s also a third app in the exhibit that uses Tonfall. This one was done by @sunjammer and @deplifer and it’s a rythm-table! A big desk contains a bunch of holes and a string of LED’s that play along the top. By putting different colored balls into the holes, you can build your own rythms. The installation uses an AIR-app that controls two webcams that read the color of the balls. Each color is a sound and you can build some pretty cool rythms (or make a complete mess) with this installation.

Another app I made is “CoverDesigneren” (the Cover Designer). This is a multitouch-application for designing your own CD cover. I had played around with multitouch quite a bit before, but making this work on a 23” screen for completely novice users was quite a challenge. I would say that any app should get at least 25% extra hours if proper multitouch (other than the basic gestures) is required.

In the app, you can select pre-made backgrounds or take a snapshot using a webcam, add graphics and text as well as add effects to all of these. It’s kind of a mini-photoshop for CD covers. Thanks to Mario for his neat color manipulation classes in this app! The resulting covers from this app is played back later in the exhibit on a multi-projector setup where you’ll see your own cover along with classic Trønderrock-covers.

Many museums/exhibits have an archive, but Rock City now has the neatest of them all. On a purpose built class table containing two 46” screens, you can browse a huge archive of newspaper clippings and images previously unavailable. The people sitting down at this installation can easily just sit there reading for 15 minutes or even more.

The navigation is really cool as well. Beneath the glass surface, there’s four touch-buttons that light up if navigation is possible in that direction. It took forever to solder the 32 LED’s but the end result was simply beautiful. They make the table really easy to use. Another fun bit of this installation is that it is placed in a room that is made to look like a hotel room and just above the table, there’s a “window”. The window is also a 46” screen and when you’re reading an article about Tokyo, the window will change to show a view of Tokyo. Both sides of the table will “compete” over the “view” so we needed a simple way for these to tell what image to use. The maybe obvious choice here would be to use a socket server, but we used something that is much smoother to work with - Peer 2 Peer multicast! Thanks to the Cocoon-p2p library created by Peter Elst, the apps will just send a simple message onto the network that is then picked up by the machine running the view on the window.

We also use Cocoon in another part of the exhibit - the stage! Here you’ll scan your badge and enter a proper Stage. Once the first badge is scanned, a countdown will display on monitors in front of the stage until a recording starts. When the song is finished, you can view your recording on a big screen in the adjacent room. The setup consists of four different computers controlled with Cocoon p2p that runs different projections as well as the concert lighting rig that hangs above. @thomasnesse did this installation and while it was a fairly complex setup, I think he solved it very elegantly and simple thanks to the p2p capabilities in Flash/AIR!

My friend @plo also did the app running the Multitouch kiosks in the exhibit. These were done as AIR apps based on HTML/CSS/JS and this worked quite well. Personally I would still use Flash for custom UI like this, but it was fun to see that HTML is getting there as well for stuff like this.

This is certainly the most fun project I’ve done in ages and we could not have done this in such a short amount of time if it wasn’t for open source projects like Tonfall and Cocoon.

Did I mention this was all put together in only 3-4 months time? The project owners had set the launch to be 11.11 2011 at 11.11 so we had no slack in terms of the opening. The setup of the exhibition also got more epic thanks to a huge water leak that went straight into our server room the day before opening, but I absolutely loved this project. So many nice people and fun challenges are rare to come by. Fingers crossed that I’ll get to do more projects like this!

(images by Rock City, Lars Petter Garen and me)

It’s been a while since I’ve posted an update on what I’m doing these days so it’s time to catch up a bit. I’ve been really busy the last year and now I finally have some time to post on it. Here’s some of my favorite projects the past year.

Sukker.no

Sukker is the largest dating site in Norway and it’s used by more or less every single person below 50 that I know. I were originally hired to solve a problem that others had given up - making a 22 Gigapixel image zoomable and interactive. At any time of the day, this app will show the online status for many thousand users, offering new ways to explore and connect to people. Making an app like this run on old machines was quite a fun task! You can check out the city yourself but you’ll have to be logged in to see who is behind each blinking dot.

I also made two more apps for Sukker and they both allow their users to utilize more than just pictures to show others who you are. One is an “Apartment configurator” where you can create a kind of fantasy apartment allowing others to see what taste you have in music, film, food and much more. You can even peek into the fridge! The other app is sort of a “powerpoint”-app that allows people to build stories based on slides, images, video and text.

RIM / Playbook

I can’t say much about this project, but I’ve been allowed to say that “I have been working on a first party application for RIM”. I can also say that it was great to work with my friends at Jadehopper!

Minegunner

The only breaks from commercial projects have been working on a Tower Defense game called MineGunner. The paying gigshave enabled me to take time off to work on this. There’s still work to be done on it though so I’ll spend my time from now and a little into January trying to get it finished and published. (Come to think of it - I don’t think I ever posted a link to my old sparetime project - the Rampgenerator?)

Rock City

This has certainly been the most fun project ever! I’ve used multitouch, low level audio manipulation (with Tonfall), peer to peer apps (with Cocoon p2p), controlling lights and LED’s, webcams, motorized faders as well as literally bags of Phidgets! I’ll write up a separate post on this soon since it was simply too much fun to fit in just a few paragraphs.

I just delivered yet another Away3D project for a longtime client of mine - dna shoes. It’s a nice competition for Converse shoes that use MMS and email to build a nice 3D gallery (based on one of my workshop files). I’ve done lot’s of Flash 3D this year and it’s actually become my main income the last 12 months.

For many years, I’ve used Blinksale for my billing purposes. It’s a very basic service, but it does have one neat feature and that’s tagging. By selecting invoices by tags, I can easily see what I spent my time on and Flash 3D is a BIG part of it. This chart shows what kind of projects I’ve billed the last 12 months:

This is just my commercial work and in addition I’ve also done many personal projects. Most of these include Away3D in some way so if anyone ever wondered if it’s possible to make money from Open Source Flash - here’s another little bit of proof. Thanks to the entire Away3D team for filling my days (and nights) with fun!

PS: The 6% training is also Away3D! :-D

About two years ago, I quit my own company to go freelance. I was working on a huge project with more than 50 small Flash apps, but I left the project some months ago more or less out of frustration. It’s now more than three years since it was started and there’s still nothing I can show publicly.

Well, I’ve not been sitting idle. I’ve made a kids game (with Netron)  that has gotten rave reviews. The game was done in both Norwegian and English and it will soon get worldwide distribution in even more languages. With a fun storyline, more than 40 minutes of animation, 30 mini-games and a drawing program it’s a solid package of kids entertainment. The game targets kids 3-10 but should work well for childish grownups as well.

Tusenfryd

I’ve also done an awesome looking 3D map for an amusement park (also with Netron) as well as changing the backend of Flashmagazine to ExpressionEngine. I’ve also been working on an AS3 version of an Open Source project that I’ll get out the door soon. It’s lagged behind because of fun commercial work, but I’ll get it out within the end of next week.

Various Architects

I’ve also gotten myself an office downtown Oslo, in Storgata 51, straight in between the town centre and Grunerløkka. I share offices with two product designers that has a really cool device, one designer as well as three architects.

The architects website was designed by Junebug and I converted the design to ExpressionEngine and set it up. I’m yet again amazed at how flexible EE is. Every item written on the site can be associated with an architect and/or a project. If you look at an architects page, you can also see all the latest news for the projects they work on. Every project page also shows the news associated with it, so it’s effectively a full project history. Every project has a unique RSS feed so anyone can easily track the progress in a project with next to no extra effort for the one filling in the content in the CMS. Really pleased with how the site tuned out.