Archive for the ‘ Miscellaneous ’ Category

A comparism of web design awards

While all this awardery still makes me quite happy and while it’s reassuring to see that I’m well on a level that’s internationally competitive, it really reminded me of the olden days… like ten years ago, when frames and tables were the standard means for webdesigners and no one cared about Google, because Google didn’t exist!

There weren’t many web designers at that time and you’d repeatedly stumble upon websites praising the awards they got. Gold Award in Something or some Special Platinum Award of Whatever. Large rectangular JPEGs with golden typo, praising the winner’s achievement. Of course none of those had any relevance at all, especially not at that time – it was just some people like you and me, giving out awards as a means to generate traffic for themselves.

Things aren’t necessarily like that anymore. There’s a lot of stuff to gather and all of it carries some worth and prestige, but the importance of an award is obviously based on the amount of people knowing about it and in the internet that’s easy to measure: by the amount of visitors they have and consequently the amount of traffic they generate.

Now that I’ve more or less collected all of the smaller awards, excluding TheFWA (my heart is bleeding) and the CSS awards, here’s a short overview. The means was Google Analytics, measuring the first 10 days after the award was received to get the peak as well as following traffic.

1. DesignCharts: 82%
2. Design Licks: 8%
3. Dope Awards: 5%
4. Irie.be: 3%
5. BestWebDesignAward: 2%

Most interesting is that DesignCharts generated most of the visits. Their algorithm is supposed be based on the traffic of their affiliate network, but in my case it seems to be based on Design Licks alone, because that was the only site I’ve been featured on, at that time – which amounted to a mere tenth of what came from the DesignCharts afterwards. Funny.

Dope Award, too (update: and some more)

Didn’t expect to get this one, because I uploaded a bit of a bogus when applying for it, haha. I was reaaally sure I messed up. Lucky me, I’m happy.

Well, that’s the third and last of the more or less relevant, yet mostly unknown achievements, I suppose. There’s of course one missing, the big one, the only one I’ve ever truly been anxious to get but I suppose I botched it. At first I was actually a bit disappointed, but having seen people who don’t play games fiddle with the not-as-intuitive-as-i-thought controls, I’m not exactly surprised either. I may revamp the website with fancier technology (now that Flash’s Stage3D a.k.a. Molehill is out) and better controls (namely a better tutorial) within a year or so, but for the time being I’ll stick to my other big adventure of becoming a proper freelancer :)

Update: Uhm, I got featured on irie.be, too. I had to look it up and some mention Irie as an award in their portfolio, but srsly: neither have I ever heard of it nor did I apply for it. But, truth to be told: No one has ever heard of any of those awards anyway, so whatevs! Cool stuff, thanks.

Update 2: And also the BestWebDesignAward Award. I thiiink I’ve seen that site before (maybe through google). I noticed a minuscule amount of traffic being generated from them but didn’t find myself there, so I applied and later noticed that I have already won it. Like weeks ago…Speaking of traffic, it might be interesting to compare those sites, because the traffic they generate should more or less speaks volumes about their importance and reach. Now that will be interesting.

DesignCharts #1

 

My portfolio became #1 on DesignCharts.com and I didn’t even apply. I almost would have missed it, if the traffic on my site didn’t explode from one day to the other. Cool stuff, I’m seriously happy.

Design Licks Site of the Day!

This morning, there was quite the pleasant surprise in my inbox :)

Congratulations!

Your site has received a web award from by Design Licks. It´s been designated as “Site of the day” and will be displayed on 12 September 2011. (…) The following link is the proof that your site has been awarded by Design Licks: www.designlicks.com/web-awards/2538-the-cubical-me

Kind regards,
The Design Licks Team

I’m happy.

Finally done

My new portfolio :) It took a long, long time. If anyone happens to find a bug or has an idea about how to improve, please to tell me!!

References Rotator… Bleh….

Damn, wasted eternal amounts of time developing rotators for references and stuff. But I’m not happy with it, because, well, it’s too cumbersome to use (me being unhappy was the only reason it took forever).

I guess I’ll start over again make it easier, more usable. The dirty code and example for free for anyone who dares to use it.

Papervision3D Mouse Events on Dae Colladas

Getting interactivity on Collada files isn’t really intuitive. Papervision provides the event class InteractiveScene3DEvent for that purpose, but as with handling collada textures, you’ll have to recursively skim through the whole .dae file first. I’ve found a neat class here, which saved me a lot of headaches: http://www.blog.vivace.co.nz/?p=163

It always surprises me how PV3D, despite seemingly not being developed any further, consistently provides solutions for everything I stumble upon

Tweener vs. TweenLite / TweenMax

This should be basic, but I still want to express my love for it: Nowadays, unless it’s small or especially detailed stuff, most of the animation I show is scripted and I suppose non of the more advanced websites around could do without. Flash’s internal Tween-Class has been around for a few years, but it’s rather cumbersome to use and not exactly fast.

Two alternative tweening-engines are widely popular: TweenLite and Tweener, with Tweener being the by far most mentioned one. Both are extremely similar, though. To e.g. set a movieclips alpha to 0 in 2 seconds, you’d write:

TweenLite.to(myMovieClip, 2, {alpha:0}); // or:
Tweener.addTween(myMovieClip, {time:2, alpha:0});

The differences are so small, that, even in larger projects, it should be possible to switch between both within minutes. If it were only a matter of preference, I’d choose Tweener because of it’s slightly nicer syntax – but TweenLite’s speed is superior by far. Their speed test shows it quite clearly, but even in rather simple environments where I thought performance was no issue, when using Tweener, I’ve continuously gotten to dead ends I just couldn’t understand and which were solved instantly, when trying the same with TweenLite.

And one of the greatest functions in recent history (at least for me) is TweenLite’s delayedCall. As the name suggests it delays the calling of a function; which is absolutely essential, when scripting animation – and a lot less messy than using the usual onComplete parameter. I really couldn’t imagine working without it anymore. So show TweenLite some love! :)

Away3D: Pixel Precision / Pixel Perfect display?

I’ve taken a look at Away3D again, because I had a problem in PV3D, which was so stupid I couldn’t believe that it could actually be a problem. However, as expected, Away3D isn’t exactly free of problems either: If you place 3D objects on a website it might be necessary to display them precisely 1:1, without distortion. That’s especially important if I want to place text or small bitmaps on the objects, as e.g seen on the temporary TCM splash page. In Papervision3D the setting is:

Object.z = Math.round((camera.zoom * camera.focus) -Math.abs(camera.z))
           + Object.depth/2; // take or add 0.5 if it's still blurred

In Away3D the major solution is to place the surface 900 pixels away from the camera, when using default camera. Why 900? I have no clue, but who cares, it won’t persist through changes of the camera anyway. Even worse, it’s not even giving proper results… I’ve spent quite a while testing it and there’s always artifacts and distortions:

I know the image isn’t friendly to the eyes, but it shows the problem quite clearly. The top right one is the original that I used as a material. Weirdly, the bottom left pixel corner is cut and one pixel line in the middle of the plane is duplicated horizontally and vertically as soon as you place it on an object (a cube, in this case). Adding segments or turning on precision doesn’t change anything. Adding / subtracting 0.5 from the coordinates shows parts of the cut corners, but the opposite sides get blurry. Adding smoothing to the material, as some suggested, isn’t a solution either. I suppose this isn’t a mere problem of not having tried enough, because there were others who had this problem before, with no solution. Maybe it only works for planes and not cubes? Well, at least up there’s the setting to get it almost correct.

I’ve quickly checked Hidden Heroes, which was made with Away3D, to see if those ingenious guys fromGGH have found a solution… but it seems that they’re also just switching between blurred and distorted 3D-Planes and normal 2D MovieClips.

Meh. I’ll keep looking.

Agency Website

In the meantime we’ve relaunched the website of the agency I currently work for. Looking back, it feels as if it was more difficult to convince people to do things this way or that way, than it was to actually build it (which is me, exaggerating (though only a bit)).

I like that we’ve managed to get different disciplines work together – flash, 3d and motion – which definitely made the website a lot better than any of us could have done it alone. But that having more people leads to better results should be true for almost anything. Well, as long as there’s either a common goal or someone to take the lead, though I don’t want to get too philosophic here :p

This is, by the way, not the first try: There was a version before that, which suffered from the same problemsI described earlier and hence never saw the light of day. It was nice and all, but it lacked spirit. Things really can’t be good if you only make them big and abundant. Having a distinctive look and story really made things a whole lot better.

I wonder if it’s good enough to become a sotd, but probably not the way it is right now. There’s still quite a few rough edges and there were too many political decisions involved for me to be totally convinced. Things could have been crisper and overall better and more well-rounded than they are right now… I might convince my guys and girls to produce an english version of it, one of these days, with a little more creative freedom and more attention to the little, yet important details…