Dont have time reading all this? Download source here

For your fullscreen flash website to look as you want in every resolution you need to use dynamic positioning of your movieclips. I and Henrik Porseland put together this yesterday, most for our own sake but also to share with others. It’s a simple class where you can place object just by typing “left” and “top” och “middle” and “bottom”. Let me show you some examples of what you can do!

First of all you need to import the class into your project and set some stage properties. Do that by this code:

import com.blacksmiths.DynamicPositioning;
var position:DynamicPositioning = new DynamicPositioning();
var setPosition = position.setPos;

stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;

Now you need a resize handler for your object to change position when window is resized. Add this to the bottom your code:

function resizeHandler(e:Event){
	// Nothing yet
}
stage.addEventListener(Event.RESIZE, resizeHandler);
stage.dispatchEvent(new Event(Event.RESIZE));

To position your objects just add this in your resizeHandler function:

position.setStageSize(stage.stageWidth,stage.stageHeight);

setPosition(box1, "left", "top");
setPosition(box2, "right", "top");
setPosition(box3, "left", "bottom");
setPosition(box4, "right", "bottom");
setPosition(box5, "middle", "middle");

This code will place the objects exactly like the image on top of this post. One in every corner and one i the middle. Just like the code saids!
You can tweak it how you want it. Place by number or word or both. Here is some examples how you can use the Class:

setPosition(box, "middle", "bottom-20"); // center and 20px from bottom
setPosition(box, "right-100", 20); // 100px from right and 20px down
setPosition(box, "right", "top"); // in the top right corner

For this to work you need to download the class, for an example just download the source.
It’s very easy and quick to use. Please try it out and we’ll be happy for some feedback.

Download source for DynamicPositioning

Thank you!

Check out the demo here: http://theodesign.se/examples/microphone-as3/

This is a very simple example of how to get activity level of the microphone in Flash, Actionscript 3.
Using the microphone on the web is a simple way of doing the experience for the user a lot more fun. We used this for ledighetdeluxe.se where we blowed confetti online using the microphone. It’s cool and simple!

Here is the code I used for the example above, as you can see it’s not much!

var myMic:Microphone = Microphone.getMicrophone(); // detect microphone
myMic.soundTransform = new SoundTransform(0, 0); // removes the sound from mic
myMic.setLoopBack(true); 

stage.addEventListener(Event.ENTER_FRAME, getMicrophone);
function getMicrophone(e:Event){
	bar.width = myMic.activityLevel*6.8; // get the activity level (0-100) and set width
	percent.text = "Activity: " + String(myMic.activityLevel) + "%";
}

Simple huh?
Download source file here

Visit site: http://invite.whatisxv.com

For our class website we wanted to create a hype around it. We did secret sendouts to people in the digital industry with actual letters. It was a big secret and we wanted people to start talk about it. I wouldn’t say it was a huge success but people started talking.

In the third letter it was a link to our website and a password. When the user logged in with their personal password the logo of their company lighted up. You could also see other agencies that visited our site since their logo was lighted up.

My role
This was a part of the Marketing and promotion module so the whole class was idea developing. Me and a small group finalized then the idea. I was then one of the two developers of the site. Me and Henrik Porseland did all the Flash and I did all the back-end for it. John Karlsson and Alexander Gårdenberg was the designers for this site as well. This site was online for a month and the 15th of May we released our student directory with a great party at Sid Lee in Amsterdam.

Check out the invite site here

SpotifyAlarm is a small project me and my friend John did.

It started with me working late one night and a dead phone and no alarm clock. I decided to make an own. There is already a bunch of alarm clocks working with iTunes but since I have all my music on Spotify it would be great with a SpotifyAlarm! It’s coded in Actionscript 3 and then exported as a AIR application. John Karlsson did a new design for it the next day and I did some bug fixes. Turned out pretty cool!

We got a lot of publicity for our two night job. We went from 250 hits to 7500 hits on google on the search SpotifyAlarm. We were also featured on many tech-blogs and newspapers. It was a very fun project.

You can read more and download SpotifyAlarm on LVL3.se (Our common site).

Visit Site: http://whatisxv.com

This is our student directory from my class at Hyper Island, Karlskrona. We did this site during the Marketing and promotion module and the purpose of it is to promote us as students and learn how to work with the whole group of 36 students.

What is XV?
XV means 15 in roman letters.

Three years ago Hyper Island went from the numbered crew concept to labeling classes with abbreviations, ordered by completion year and location. This ended a fine tradition. A tradition in which we would have been the 15th crew, instead of our current label DM11KNA, Digital Media 11 Karlskrona.
We felt that the crew tradition carried a great brand value and we wanted to rebrand the crew concept and salvage some of the value, so we created the secret Hyper Island Order and the 15th Chapter.

Process
This project was a huge one with 36 guys involved, many ideas and thoughts at the same time, do’s and dont’s & pros and cons.
The whole class become later divided in to different groups.

- Documentation
- Invite letters
- Invite video
- Finance
- Photo
- Web production

My role
My role in the XV project was developer.
I was involved in the whole idea development phase as well. Me and a small group of people finalized the idea of the website.
In production we were only four guys working on the website. The designers; Alexander Gårdenberg and John Karlsson and the developers, me and Henrik Porseland. We did it all in Flash first, but since all the hype around the iPad I decided to create a HTML/Javascript version of it as well. I was also responsible for the back-end of the site. I did a small CMS for the site and connected it to the flash and html version.

I’m happy with the final result and I learnt a lot during this module. A lot of AS3, Javascript and of course group dynamics.

Hope you enjoy the site!

Link to HTML version

Link to Flash version