Almost two months ago I did this little thing. I was looking at some CSS3 animations and I wanted to try something out so I did this iPhone simulation. It’s basically a bunch of icons in a grid just like on the iPhone and you can click and hold and the icons starts wiggle and you can move them around and delete them. This is made with very little jQuery and some CSS3. Works best in Chrome, as always.

http://nyc-kids.com/iphone/

Long time, no see.

I guess I’m not the blog kind of guy. We had the nyc-kids blog up and running for about a month until I failed and overwrote all the code of the blog. I started to re-create all we had, but I hate doing that. It’s not much to do, but it’s really boring to write the exact same code I did before. It will look exactly the same as before so there is no excitement. Whatever, I might blog some here, but I’m not sure.

I now live in New York City and I like it. It feels great at Domani Studios and get to work with talented people. Yesterday me and Nina went to Rockefeller Center, Top of the Rock to see the view over Manhattan. It’s amazing. I bought a camera so I’ve been taking some pictures and hopefully I’ll upload some of them in this blog.

Just wanted to write something here and delete all the spam comments and add a spam protection to this blog.

Peace

Last night I watched The Social Network and I think it was really good and inspiring for a programmer like me. To see what a good idea and some good code can do for the whole world is amazing. I don’t know if the story of the movie is true or not, but it’s very good made and the conversations is just great. It started as a fun project and went big, that’s every programmers dream I guess. To turn your hobby into a career. That’s what I’m doing right now, with Hyper Island and Domani Studios.

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

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.

Hope you like my new design! :)

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!