Thanks to the guys at nobraincellz.com we now have a new logo. Tell us what you think!

Soon we will redesign thecodemonster.net . The logo was the first step of the process. When we started, the need for a simple and fast solution was necessary and thats why up until now this site is really a blog. Now, and because of all of you, we will build an eshop, so that you it will be easier for the user to find and buy the components he/she likes.

We want you to know that we thought about all of your recommendations and most of them are included in this change!

Finally, we now have Twitter and Facebook accounts.

So, keep in touch!

VIEW DEMO

The last two years we see developers using beautiful images for website backgrounds. In Flash sites we can have functionality and interactivity with the background. So what we created a simple background image rotation component for your website. It takes two line to initialize it and a simple XML if you wish to change the images.

You can customize the following:

• Transition interval between images
• Image list
• Proportional resize

Initializing the component

Copy the RotatingBackground movieclip to the library of your .fla file.

Copy the RotatingBackground.as and images.xml files to the same folder that you have your .fla file.

Write the following two lines of code:

var rb:RotatingBackground = new RotatingBackground(“images.xml”, 12);
addChild(rb);

The first parameter is the name of the xml file and the second the transition interval between the images

XML Structure

<?xml version=”1.0″ encoding=”utf-8″?>
<images>
<image file=”images/1.jpg” />
<image file=”images/2.jpg” />
<image file=”images/3.jpg” />
</images>

Requirements

Tweener for AS3 (included in the zip file)

Price: € 6

VIEW DEMO

This is an MP3 player where you can select a music genre by dragging a vinyl on the turntable, and then you can listen the songs that belong to the selected genre. The information of the song is displayed and it is read from the ID3 metadata of the MP3 file.

The MP3 Player supports the following:

• Different genres
• 1 to infinite MP3 tracks per genre
• Play, Pause, Next, Previous controls
• ID3 metadata
• Drag & Drop (for changing a category)

Price: €8

DEMO HERE

This is a simple xml based, banner rotator. It is made with Flash CS3 and AS3. Fully customizable and this means that you can change the following:

Fron inside BannerRotator.as file

const BANNER_NUMBER_SPACING:Number = 30; //the spacing between the number boxes
const BANNER_NUMBER_ALPHA:Number = 0.5; //the initial alpha of the number boxes
const BANNER_SHOW_TRANSITION:Number = 0.5; //the duration of the transition when the banner will be shown
const DELAY:Number = 6000; //after how many miliseconds the next banner will be shown
const LOADING_COLOR:uint=0×000000; //the color of the loading bar
const LOADING_ALPHA:Number=0.5; //the alpha of the loading bar

From inside BannerNumber.as

const NUMBER_FONT:String = “Arial”; //the font of the banner’s number
const NUMBER_FONT_SIZE:Number = 12; //the font size of the banner’s number
const NUMBER_FONT_COLOR:uint = 0xffffff; //the font color of the banner’s number
const NUMBER_BG_COLOR:uint = 0×000000; //the color of the number background
const NUMBER_BLUR_ALPHA:Number = 0.5; //the initial alpha of banner’s number
const NUMBER_TRANSITION_TIME:Number = 0.3; //the duration of the transition when you put your mouse over a banner’s number

From inside the BannerImage.as

const IMAGE_TITLE_FONT:String = “Arial”; //the title font
const IMAGE_TITLE_FONT_SIZE:Number = 16; //the title font size
const IMAGE_TITLE_BOLD:Boolean = false; //is the title bold?
const IMAGE_TITLE_COLOR:uint = 0xffffff; //the color of the title
const TITLE_X:Number = 10; //the X offset of the title
const TITLE_Y:Number = 10; //the Y offset of the title
const TITLE_MAXIMUM_WIDTH:Number = 480; //the titles maximum width

Fron inside the XML file

URL redirection by clicking on each banner
Descriptions

The xml structure looks like this:

<banner title=”Welcome to Artluvr.com” file=”banners/1.jpg” url=”http://www.amazon.com”></banner>

Finally, you display it by simply writing the following code:

import br.BannerRotator;

var brot:MovieClip = new BannerRotator(500,247, “”banners.xml”);
addChild(brot);

The above code will create a banner with width 500px, height 247px and will read the file “banners.xml”.

Price: € 6

VIEW DEMO HERE

Since the Actionscript 2 version of this file was such a success we decided to create it in Actionscript 3. You can customize the movement speed, the direction and the movieclip that will be moving.

Price: €4

VIEW DEMO

This is a simple image gallery that supports thumbnails, descriptions (utf) and fullsize images. When the thumbnails exceed the window width, then the bottom strip moves whenever you move your mouse.

You can also customise the arrow images, change the name of the XML file that holds all the data.

The format of the XML file is :

<photographs>
<photograph thumbnail=”images/01.jpg” big=”images/01big.jpg”>
<description><![CDATA[Prague 2006. Copyright stateoftorpidity.com]]></description>

</photograph>
………………………….
………………………….
</photographs>

If you wish to initialize the Image gallery all you have to write is:

import aig.*;
var a:AdvancedImageGallery = new AdvancedImageGallery(“gallery.xml”);
addChild(a);

Note: We recommend that you use it as a standalone gallery.

Price: €11

VIEW DEMO

This is a XML based image gallery made with AS3 and Tweener. You can change this image gallery in just a matter of seconds. Each image can have a description.

You can customize the following:

• XML file
• Border width
• Border color
• Text color
• Padding
• The images of the controls
• The Loader component

All you have to do is add the following lines of code into your fla file:

import ImageViewer.*;
var i:ImageViewer = new ImageViewer(“images.xml”,10,0xFFFFFF,0xFFFFFF,30);
addChild(i);

Important: This image gallery works better as a standalone image gallery.

Price: €11

VIEW DEMO

A simple vertical scrollbar with easing. You can change the width and height of the visible area by simply changing the width or height of the shapes inside the “masker” and “scrolltrack” movieclips.

Easy to use, just copy and paste the movieclip into any Flash CS3 file.

Finally, inside the content movieclip you can add anything you wish (images, text, videos, shapes, etc).

Price: €4

VIEW DEMO

Easy to use AS3 3D Carousel dynamically created by a XML file. Supports the following:

• Custom speed
• Prespective
• Custom width
• Tooltips
• OnRelease support for each item

There is a url attribute in the XML for each item. When the user clicks on an item he is redirected to that url in a new window.

Price: €4

Lee Brimelow posted an example of a 3D spiral carousel. Lee used the Papervision3D classes so that the carousel would extend in the Y axis, so that it would create a spiral. In the example there are 100 planes and the spiral rotates 5 times. The Y position of your mouse controls the Y position of the sprial and the X position of your mouse controls the rotation.

VIEW DEMO – DOWNLOAD

This example demonstrates our try in implementing depth of field in Papervision 3D. You can find more examples in Mr.doob’s blog

VIEW DEMO HERE

This is a simple linear graph like the one that Google Analytics use. It reads a simple XML file, it loads the values and labels and creates a graph. It uses the Tweener class for the animation.

You can customize:

• Maximum height
• Maximum width
• Colors
• Labels
• Values

Price: €6

VIEW DEMO HERE

Fully customizable compact mp3 player. It is XML based, which means that you can change the playlist by simply changing the XML file. It reads the ID3 tags from the mp3 file and it displays the artist name and song title. This compact versions supports:

• Play
• Pause
• Next
• Previous
• Volume
• ID3 tags
• Streaming

If you wish to change the skin, all you have to do is go inside each movieclip and change the content.

Important: Don’t change the instance names.

EDIT: Now, whenever a songs ends, the next one automatically starts playing.

Price: €7

VIEW DEMO

Slick gallery is an XML based gallery that resize according to the dimensions of each image. You can have your typical next and previous buttons and you can also have a description for each image. Each image changing has a cool transition and a preloader.

You can customize

• The xml filename
• The skin color (border, text background)

Price: € 6

VIEW DEMO

A beautiful calendar for displaying events that are read from an XML file. All animations are done with the Tweener class.

You can customize the following:

• The name of the xml file
• You can choose inside which movie clip the events will be shown.
• The skin color of the month, year, navigation arrows, names of days
• The padding between date blocks
• The width and height of each date block
• Tha alpha of each date block
• The background color of each date block
• The text color of each date block
• The color of the border of today’s date block
• The color of the date block that has events
• The width of the events textfield

You can add a calendar as simple as this:

var cal:Calendar = new Calendar(“events.xml”,events_mc,3,2008,0xFFFFFF, 8, 25, 25, 200,0×000000, 0.7,0xFFFFFF,0×666666,0×58CCFE,0×58CCFE);
addChild(cal);

The XML file looks like this:

<date day=”16″ month=”4″ year=”2008″>
<event title=”Event Title”><![CDATA[Event Text]]></event>
</date>

If you want the current month to be selected when the swf loads then  you have to  declare a variable of type Date and then get the month and year from that variable. For example your code should be like this:

var d:Date = new Date();
var cal:Calendar = new Calendar(”events.xml”,events_mc,d.month+1,d.fullYear,0xFFFFFF, 8, 25, 25, 200,0×000000, 0.7,0xFFFFFF,0×666666,0×58CCFE,0×58CCFE);
addChild(cal);

Price: € 6

VIEW DEMO HERE

Inside the zip file you will find the tweener and papervision3d 2 classes. All you have to do is import them to your .fla file.

You can change the window movieclip and you can add images, text or both.

Price: €9

VIEW DEMO HERE

A fully customizable news bubble. The news are dynamic and stored in an XML file. Each news item is clickable. It is made in AS3 and we used the Tweener class for every transition.

You can customize:

• Speed of movement
• Transition type
• Scale factor
• Click actions
• Rollover actions
• Rollout actions

Price: €5

VIEW DEMO

An XML based gallery where lets you zoom in and out of your gallery.

You can customize the following:

• Image width and height
• Image container width and height
• Zoom in width and height
• Zoom out width and height

Price: € 3

VIEW DEMO HERE

This magnifying glass helps you see details in an image. The default zoom factor is 400% of the original image. You can press and hold the mouse button the the zoom factor will change to 700%.

You can change the image by simply changing the contents of the image movie clip. You can use the zoom with text, vector shapes, images etc.

You can customize the following:

• Zoom factor
• Image, text, vector etc.

Price: € 3

VIEW DEMO HERE

Put some interactive snow inside your Flash movies. You can change the direction of the wind by simply moving your mouse.

You can easily customize the following:

• The wind speed
• The width of the overall snow
• The height of the overall snow
• The number of snowflakes

Price: € 3

VIEW DEMO HERE

With Actionscript 3 you can read an mp3 and display it’s spectrum in real time.

Price: € 3

VIEW DEMO HERE

A cool mouse follow with easing made exclusively with Actionscript 2. Full customizable. The icon that moves is a movieclip and you can place anything you want inside it.

You can customize:

• Easing
• Speed
• Icon

Price: € 2

VIEW DEMO HERE

Some snow for your flash movies. You can change the shape inside the snow movieclip with a leaf and you will have in a few seconds leafs falling.

You can customize:

• Maximum size of the snowflake
• Number of snowflakes
• Coverage area

Price: € 1

VIEW DEMO HERE

Easy to use 3D Carousel dynamically created by a XML file.

Supports the following:

• Custom speed
• Prespective
• Custom width
• Tooltips
• OnRelease support for each item

EDIT: We added a url attribute in the XML. When the user clicks on an item he is redirected to the url in a new window.

Price: € 3

VIEW DEMO HERE

Search an XML and display all the results containing a specific keyword.

Price: € 3

Proportional scaling on a full background image. While you are viewing the demo try to resize your browser window and see what happens.

Price: € 2

You can pan an image by simply moving you mouse.

If you wish to change the speed and direction then go to  layer on line 39 and find the constrainedMove(image, 4, 1); code.
If you want to change the speed change the value 4 to something else. If you wish to change the direction change the number 1 to -1.

Price: € 2

(Best viewed in 1280×1024)

Let’s say that you have a porfolio and you want people to view your works (thumbnails) based on a category or a date. The first time the application will run the portfolio is displayed in random columns based on the date. By clicking on “Sort by category” the boxes are repositioned and grouped by their category.

Features:

• XML based
• Supports multiple categories
• Each category has a different color
• FuseKit support

Restrictions:

• The id’s of the categories must be numbers in a sequence(0,1,2,3,4,5…n)

FuseKit Installation is required

1. Download from: http://www.mosessupposes.com/Fuse/#download
2. Extract
3. Copy com folder to your actionscript classes folder

Price: € 4