Examples of Flash: Newgrounds.com and some of my favorite animators

I decided to use newgrounds.com as an example, since it showcases some of the best and some of the worst Flash projects on the web. Here you can find many Flash based animations and video games. Submissions are open to anyone, and the community chooses their favorites. (Caution: Some of the works can be VERY offensive! Viewer discretion is advised)

Here are also a few animations from some of my favorite Flash animators (YouTube links):

Egoraptor - "Ryu: Then and Now"

Harry Partridge - "The Justin Bieber Show"

Yotam Perel - "Meme City"

Accent Creations: Almost done on my part

The 3 pages I've been working on are nearly done. I just need to add the images for the background and logo. The hyperlinks to these pages are set as well. Once the team assembles for our final day, then the website will officially be complete.

Accent Creations: Progress Screenshot #1

The spry menu bar still needs some positioning work.

Easy Rotator plugin

Roseannah recently found a free program that creates dynamic scrolling image gallery. You can find it at http://www.dwuser.com/easyrotator/ and you will be able to run a program or plugin that creates a gallery for your web page by using a javascript code that is automatically inserted where the images are desired.

IMPORTANT NOTE:

I've done some tests with this code and I have found that inserting large image files will not only make the web page load too slow, but it may crash the browser as well (tested in Firefox).

Also note that the Easy Rotator image gallery will won't transform the image that much when using different sizes, but a slim container for the gallery will look like this:



Notice that the image has been cut off.

Accent Creation: Designing the Code (part 3) - Gallery Template

Here is a screenshot of the gallery page template. The thumbnails will be set into a 3 x 3 grid, and they the images will be aligned using columns that contain containers for the thumbnail images. The finalized version of the gallery source code will have thumbnail images that swap the larger image which will fill the space in the large container to the right of the thumbnail container (the large container temporarily colored yellow).

Accent Creations: Designing the Code (part 2) - Template Example

The basic template has been constructed. Here's a screenshot that shows a preview using Firefox and the page source code. The next step is to evaluate what containers need to be added for each unique page. The green box is the container for the page content and the blue box represents the container for the menu bar. Both of these containers can be switched around by changing the stacking order in the code in-case the design of the website changes during development.

Accent Creations: Designing the Code (part 1)

The development of the website has begun, and I have been given the task of developing the basic template of each page. An important element I should mention is the importance of commenting out notes. I have started to carefully place notes on each and every dividing tag. This information will be helpful in both the initial development of the website and its future development, because it will provide future developers to understand the structure of the code.


I have also added an area to leave notes. Since this is a group project, this area will the members communicate better. So far I've only taken note of who last edited the page and what the date is. This area can be deleted or kept after the initial development of the website has been finalized.

Since images for each container have not been finalized, each one will have a temporary random color so that each container can be visible during the development process.