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!

This was from the start a school project here at Hyper Island. But since we are not allowed to develop a complete website me and Henrik Porseland decided to do this as a freelance work.
Stena Line is one of the world’s largest ferry operators, with ferry services serving Scotland, Sweden, Northern Ireland, Denmark, Norway, England, Wales Ireland, Germany, Netherlands and Poland. This website is made for StenaLine to promote the new boat between Karlskrona, Sweden and Gdynia, Poland.

It’s mainly a flash website, but to celebrate this new boat with StenaLine we built a confetti machine. The user can go to the website and blow in her or his microphone and confetti will be spred out at the terminal in Karlskrona. You can also see a live stream of  the celebration. To be able to celebrate we use facebook connect, but it’s also possible to use your email.

How does this work? When the user blows into the microphone a signal sents to the computer at the terminal. When it receives a signal it triggers a Phidget motor which releases the confetti from a tank. Here is some more screenshots from the site. Hope you like it.

Here is the link: http://ledighetdeluxe.se/#/en/

Credits: Alexander Gårdenberg, Ida Ragnarsson, Pawel Zwolinski, Henrik Porseland, Veronica Wallström, Alexander Rosén and of course the rest of DM11 Karlskrona.

Since I’m moving to New York with a bunch of fellow Hyper students we decided to create a countdown to our trip. This will later on transform into a blog for all six of us where you can follow our life in the big city. Alexander Gårdenberg designed it and I programmed it.

I hope you’ll like it!
Here is a link: http://nyc-kids.com

I didn’t really kept my promise about keeping up the posting here. It feels great to be back in school and I’m filling out all the paperwork for the visa. I’m currently working on a cool project for a client and we are releasing the site in two weeks. I think it will be great! I also have some upcoming cool projects that I’m really excited about. Will post all of it here. And also some code samples that could be interesting for others.

In ten weeks I’m moving to New York with some of my best friends and also my girlfriend, we will be at different agencies and live the New York life I hope. We are all super excited. If you’re in New York in November give me a call!

Long time no blogging! I’ve been very bad with updating my blog this summer. Hopefully I will get things rolling again as soon as school starts, which is in a week. One big thing has happened this summer though. I got an internship! I’ll be interning as a developer at Domani Studios in New York City. I’ve been looking in to their work for a long time now and I’m really excited to have the opportunity to work with them.
I’ll be there from late November until June. I’m looking forward to move to New York, and also to feel how it is to work in the U.S.

Short about Domani Studios from their website:

“Domani Studios is a second-generation advertising agency, one that deeply understands how giving brands a strong digital presence is today’s key to consumer engagement and the gateway to growth.The studio was founded in 2001 with the belief that blending art and technology would yield the most meaningful and enduring interactive experiences. Since day one we have embraced this formula and baked it into our culture.”

I will try to keep the blog more updated from now on!

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