Archive
DMA 455

preview
We are approaching the end of our program and are final project is to design a Wine label. The title of our wine company is suppose to be called AMD Vineyards. Since our designs are suppose to incorporate the use of the HYPE Framework in Flash, I started looking for art assets I can use. The HYPE Framework is a tool of coding that is used in flash to generate artwork. After using it for awhile, I see how it can be used effectively to use it to randomly generated art that you can never do yourself. While using it it gave me some really interested designs and ideas i can incorporate.

The Approach

I started by using a image of graffiti to trace in illustrator and prepping it to be used in Flash. After tracing it, I realized it would be much easier to use in flash when I simplify it and make it only one layer. 67096vector-01

After tracing it, I found an interesting shape and thought it look good as a logo. I decided to go with the left one in the image below. The logo resembled a tree and the branching out looked like a V and Y, representing Vineyards.

logo-01 I started using the assets I made in HYPE Framework to start generating some random stuff.

 

For the label, I wanted it to look modern so I used League Gothic and Helvetica Thin Condensed for the Brand name and sub headings. For the Origin and year I used the font Georgia.

label2

After getting the copy ready, started inserting the artwork in and made several different variations.Wine-bottle-mock-up-blue-01

I tried making the artwork go beyond the label but I thought it didn’t look as nice.

Wine-bottle-mock-up-break-2

The Challenge

The challenge of doing this is getting assets ready for HYPE and implementing the assets into them. It was difficult getting something to look nice using coding. Often times, I would run into errors or it just wouldn’t work. Another problem I ran into is capturing the art in high res pngs. I followed the tutorial video, but i just kept running into problems.

Goal 

Using HYPE Framework to generate an interesting composition and capturing it in high res pngs.

 

Solution

After playing around with the coding I finally got something that looked interesting. I found that the assets i was using worked better if it only had one layer.  For capturing a PNG, i found out that captureImage works instead of using capturePNG.

Here’s all the variations I made:

Wine-bottle-mock-up-ALL

Read More

Well, back to playing around with the Sound analyzer in HYPE. This time i wanted to use something that was loud and with a lot of bass. I decided to use a song from Daft Punk since they have been all the rage lately because of their upcoming album.

The Approach 

I decided to use a collage effect and break up a image, and all the parts will be scaled according to the music. I used this image: 200620

It is basically taking the color scheme from the image and then for every pixel, it draws a circle with that color of the pixel. The scale and opacity changes according the octave of the music.

Low sound volume 
03

Higher sound volume

02

Max sound volume

01

The Challenge

Coming up with a composition that looks nice using the sound analyzer in HYPE. I had to figure out how to implement the sound analyzer with the collage generator. I also had performance issues. Since i was working with a large image it required a lot of performance to generate a graphic for every pixel and the less i used, the less it looked nice.

The Goal 

Generate a composition that changes according to the sound of music

Solution 

I made the image smaller and also found a balance between number of graphics being generated versus the performance. I also made another one, that uses half the image but double the amount of graphics being generated.

 

You can test it out your self here:

http://perpetualdays.com/DMA455/daftb.html

http://perpetualdays.com/DMA455/dafta.html  – Half but higher density 

Might take long to load due to the size of sound file 

Also uploaded a video of it:

Read More

hypeb

Hype Framework is an interesting tool to use in flash. I started playing around with the sound analyzer. I basically took the theme music and font from the movie Terminator. The color scheme is also from the the movie that always looks very cold with tones blues. The text appearing changes according to the music. It’s basically scaling the size according to the octave level of the music.

Read More

So, I’ll be reading articles about the topic “is flash dead?” every week. I will keep adding to this post, so Keep checking in for updates.

WEEK 01 

I’ve been reading a few articles about whether Flash is dead and so far things are looking a little bleak. When Apple announced that their new iphone was no longer supporting flash, it came as a shock to many people. Flash played a huge role online was will part in a lot of current websites. However as mobile devices are getting extremely popular, performance and battery life is important on their precious super smart phones. This is one of the reasons why Steve Jobs announced that their device is no longer supporting flash. One of the main arguments in why flash is dying is because its a battery drain and a performance hindrance, but a large part of websites still implement flash in their sites, mainly web players.

As time went on websites are slowly moving to HTML5, video players still use flash but now most sites are able to switch to a html5 player when browsed on a mobile device. It seems that flash is dead as now Android based devices are also no longer supporting flash. Adobe has stated that they are still supporting flash and bring ways to bring to HTML5 but is yet to make any significant strides.  I still think flash is a great tool and is capable of doing things that HTML5 can’t replace. but it is hard to imagine it being still relevant in a world where mobile devices have become a integral part of people’s lives.

Some Articles on the matter:

http://www.apple.com/hotnews/thoughts-on-flash/

http://creativebits.org/indesign/flash_dead_long_live_flash

http://www.zdnet.com/blog/networking/flash-is-dead-long-live-html5/1633

 

UPDATE 01 : WEEK 02 

A more hopeful article I read today. It states that flash is still running strong in gaming. Flash is still mainly used to make online games and even popular social networking sites like Facebook run flash for their games. I also makes a good point that Flash was never had a life on mobile devices, so if it never lived on mobile devices how can it be dead? It all depends on the audience you are catering to, let’s say if you are developing a site for online gaming, almost 100% of their audience uses flash.

The article: http://www.nbilyk.com/blog/1/80/flash-dead

 

UPDATE 02 : WEEK 03

Well, I found a site dedicated in getting a point across. Basically it’s saying Flash may be less relevant but it is no way near dead. There’s many advantages in using flash. When compared to Flash, HTML is missing many features that flash supports  such as graphical UIs, motion tweens, shiny UI effects, and audio and video control. Many of these elements, if native to HTML, could enhance good web design when used appropriately. Until recently, it was simply impossible to embed or control audio or video in HTML without relying on a plugin of some sort.  HTML has implemented some controls but Flash still excels at the field.

The site: http://isflashdeadyet.com/ 

 

UPDATE 03 : WEEK 04

An interesting article about corporation and the competitions between them. The one thing i found interesting is that the web is open and their is no single vendor. We still have multiple different browsers to use and based on different platforms. Without the competition we wouldn’t see as much drive to revolutionize the way things are handled.

http://almaer.com/blog/google-isnt-evil-flash-isnt-dead-thank-god-the-open-web-doesnt-have-a-single-vendor

 

UPDATE 04 : WEEK 05

Found a more recent article, the article before was posted in 2010 so the information is outdated. This one was posted this month. Unfortunately this article states that Flash is slowly dying but will still be around for a long time.

http://www.theocu.com/website_designer/is-flash-dead-or-alive/

 

UPDATE 05 : WEEK 06

Some more bad news for Flash. I found a statement made by adobe saying that they are now focusing more on HTML5. It seems that they will still be supporting flash in gaming and video players but they will no longer support browsers working on MOBILE devices. Again, this only means that flash is dead on mobile devices.

http://blogs.adobe.com/conversations/2011/11/flash-focus.html

 

UPDATE 06 : WEEK 07

Another more recent article. Another article stating that flash may be dead on mobile but is still well alive in the desktop world. Also gave an interseting point that apple wouldnt want to support a platform outside their app ecosystem. “Enabling and interactive platform they can’t profit from in their App Store is not on their agenda even if it does give consumers a choice what they consume and how. A choice outside the Apple Ecosystem is not one they apparently will support.”  HTML5 is no substitute for the level of animation that Flash brings and is still not capable of all Flash has accomplished as a media delivery platform.

http://robertoblake.com/blog/2012/08/why-flash-is-not-dead-yet-2012/

 

UPDATE 07 : WEEK 08

Here’s a list of all the games that is using flash. Flash is being used for some of the most popular games being distributed on iOS, android, and facebook. It really shows that flash may be dead on mobile browsers but is still running strong in gaming.

http://gaming.adobe.com/showcase/

 

Read More