Featured FLA
» Author: Bugra Ozden
» Title: Skatalog v9 - product catalog
» Description: Create your product catalog easly and publish on your website or Create your image gallery, documents list, portfolio. Fully XML Driven
» More by Bugra Ozden
Featured Site
» Posted in the Flash Kit Links section
» Title: Creative DW Image Show PRO
» Description: Creative DW Image Show PRO is a Dreamweaver extension which enables the user to create multimedia presentations. It combines the features of the popular Creative DW Image Show with the ability to add professional text effects to slides (similar to After Effects). The product is very customizable: the user can choose the duration of the transition effects, the slide motion start and end position, zoom and panning type for both images and texts.
Here we go to the main part...the actionscript, which will control all the spider-web drawing. For some people, it's a little annoying dealing with actionscript.. but actually this stuff is not too complicated to understand.
The full actionscript looks like as follows :
// Create a name for movie clip and set its depth
createEmptyMovieClip("web", 10);
// Set the event when the mouse move on the movie
web.onMouseMove = function() {
// Clear the drawn curve and let only the exist one displayed on the stage
web.clear();
// Set the line thickness,
// line color (in hexadecimal value),
// and alpha (between 1-100) of the line
web.lineStyle(2, 0xffffff, 100);
// DRAWING THE OUTER OCTAGONAL CURVES.
// Put the outer octagonal coordinate here.
// moveTo cordinate as a start position
web.moveTo(100, 200);
// The curvature is controlled by the mouse coordinate position
web.curveTo(_xmouse, _ymouse, 120, 120);
web.curveTo(_xmouse, _ymouse, 200, 100);
web.curveTo(_xmouse, _ymouse, 280, 120);
web.curveTo(_xmouse, _ymouse, 300, 200);
web.curveTo(_xmouse, _ymouse, 280, 280);
web.curveTo(_xmouse, _ymouse, 200, 300);
web.curveTo(_xmouse, _ymouse, 120, 280);
web.curveTo(_xmouse, _ymouse, 100, 200);
// DRAWING THE MIDDLE OCTAGONAL CURVES
// Put the middle octagonal coordinate here.
web.moveTo(130, 200);
web.curveTo(_xmouse, _ymouse, 150, 150);
web.curveTo(_xmouse, _ymouse, 200, 130);
web.curveTo(_xmouse, _ymouse, 250, 150);
web.curveTo(_xmouse, _ymouse, 270, 200);
web.curveTo(_xmouse, _ymouse, 250, 250);
web.curveTo(_xmouse, _ymouse, 200, 270);
web.curveTo(_xmouse, _ymouse, 150, 250);
web.curveTo(_xmouse, _ymouse, 130, 200);
// DRAWING THE INNER OCTAGONAL CURVES
// Put the inner octagonal coordinate here.
web.moveTo(160, 200);
web.curveTo(_xmouse, _ymouse, 170, 170);
web.curveTo(_xmouse, _ymouse, 200, 160);
web.curveTo(_xmouse, _ymouse, 230, 170);
web.curveTo(_xmouse, _ymouse, 240, 200);
web.curveTo(_xmouse, _ymouse, 230, 230);
web.curveTo(_xmouse, _ymouse, 200, 240);
web.curveTo(_xmouse, _ymouse, 170, 230);
web.curveTo(_xmouse, _ymouse, 160, 200);
};