More advanced web design posting and evaluation

January 13, 2009 at 5:58 pm Leave a comment

My original idea was to created a series of lines using RSS from any news site I wish to calculate the length of the word by the number of words by the number of vowels in a word. A line would then connect the dots by how they line up in the RSS. I will be using AS3 in flash. The outcome could look like this…

what i want

However this was replaced by wanting to use images in the design more so i had a rethink about the idea.

I decided i was going to have a random image slide-show bringing in images from Flickr or Facebook or something like that.  Like this one http://incubator.quasimondo.com/flash/flickeur.php.  This was one of the hardest research projects I had to do,  about 95 percent was look for help and example of code people had already done which i could do.  The code for most of these was incredibly complicated and was looking form the most simplest code i code find that could do bring in an random image from flickr like a wanted because we have to understand the code and hows its working.

After a while i found that i couldn’t do this without allot of code that i don’t understand so i simplified it and by doing what allot of people do, that is using an xml list to located images on the server with the xml file and have the flash code find the images at random this was a big cheat that i had no over way around.

At first i was able to bring up one random image from the web but i tried in vain to get the code to then import another image and then another and so on like a slide-show, i could only bring in the one image.  So i skipped that bit and concentrated on a fade effects to move on to the other image, this was a quick problem to overcome.  Adam give me the tip of randomising the alpha of the image so with his help i did and it look really good, so i pressed on with the problem for a bit longer until i realised the alpha which made the background visible gave the opportunity for another image to be seen.  I copied the code into a new layer and making sure there were no conflicts, tested to find that it was really close to what i wanted.  I pasted the code into a new layer again and i was happy with what i had,  but i started to think what i had at the moment did pull in any rss feeds like the brief wanted from us.

I discovered that something else going on would give the random image thing another dimension that would give the eye something to focus on.

I found some code i did in class with Liam that drew circles whenever a keyword was detected in the rss feed.  I looked for the 3 most common words i could see were appearing in the rss feeds,  they are “the”, “and” and “a” and the more of the keyword there are in the feed the bigger the size of the circle.  The idea was the more keyword counts i get the better the look. so doing that i found that i don’t have enough circles for it to be appealing.  So i put the rss circle as code into another layer and made sure nothing conflicted and did it multiple times.  The idea was to get it to look something like this http://www.neoformix.com/2008/DocumentContrastDiagrams.htm.

This was end result in screen shot form.

flashscreendump

I am quite happy with what i accomplished but there given the chance to edit it with another pair of skilled hands i would like the circles to move with a blur trail to correspond it location to the number of times the keyword appears.  I would also like it to be able to import the whole rss feed not just the header.

Advertisements

Entry filed under: Advanced Web Design, FDA interactive Media Yr2.

Hey hey, happy new year, sorry to be gone for so long ;-P My random image as3 code

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed


January 2009
M T W T F S S
« Dec   Feb »
 1234
567891011
12131415161718
19202122232425
262728293031  

Categories

Recent Posts


%d bloggers like this: