Swishcomponents.com

New Flow Chart Component and Video for Swishmax 3 and Swish Minimax is available via Swishzone.TV. Original Post from Blog.swishzone.com.

Check it out Videotutorial: http://www.swishzone.tv/2010/07/flow-chart-mit-swishmax-3/

Nice Component for Swishmax 3

The ImageZoom component allows you to add an image to your website with an inbuilt zoom control. It provides a convenient way to display an entire image, but still allow the viewer to zoom in and out to see more (or less) detail. Once the object is zoomed, it can be moved within the window using the familiar mouse click and drag.

Read more here: Blog Swishzone.com

Es ist ab sofort ein kostenloses Update für Swishkomponenten für Swishmax 3 und Swish miniMax 3 verfügbar. Download am Ende des Beitrages.

Es wurden folgende Komponenten aktualisiert/hinzugefügt:

controls\Lists\Combo_silver.*
Buttons\Pushbutton\Button_glossy_pause.*
Buttons\Pushbutton\Button_glossy_play.*
Buttons\Pushbutton\Button_glossy_soundoff.*
Buttons\Pushbutton\Button_glossy_soundon.*
Data display\Countdown.*
Effects\2D\Lens.*
Effects\2D\Ripple.*
Effects\2D\Explode.*
Menu\Menu_tickertape.*
Menu\Menu_imagesphere.*
Menu\Menu_wordsphere.*
Text Display\SwirlText.*
Text Display\BulletPoints.*
Utility\Loader.*
Utility\Quiz_MultipleChoiceQuestion.*
Utility\Quiz_MultipleChoiceQuestions.*
Shapes\2D\Animation\MouthShapes_human.*
Shapes\2D\Artwork\Xmas_bauble_image.*

Voraussetzungen

Flashplayer ab Version 8

Swishmax 3 oder Swish Mini Max 3

:: Hier geht es zu den Upgrades von 2 zu Swishmax 3

Installation

1. Downloaden Sie die exe.
2. Starten Sie diese mit einem Doppelklick
3. Wählen Sie als Verzeichnis Ihr Swishmax3/minimax 3 Programmverzeichnis und dort den Ordner components aus.
4. Starten Sie Swishmax / Minimax neu.

Die Komponenten finden Sie in Ihrem Komponentenpanel.

Download: Swishmax3_minimax3_Komponenten (6.36 MB - 565 x herunter geladen)

Many components allow the definition of an Event Handling function that is called when the component changes state.

The CheckBox_neutral uses an OnClick parameter, whereas the Button_silver component uses the EventFunction parameter. Many components make use of a Event Handling function. Read the component specific documentation to see what the exact parameter is called.

In general, these functions must reside at the same level as the component and support two parameters: name and state.

Example

function Events(name,state)

{

trace(name add “,” add state);

}

When the component Checkbox has its checkbox toggled, the following appears in the debug panel:

Checkbox,false

Checkbox,true

Checkbox,false

Checkbox,true

Checkbox,false

Checkbox,true

The first parameter (name) is the name of the component where the event occurred. The second parameter (state) is the current state of the component. In this case it is true or false depending on the state of the checkbox.

As the name of the calling component is passed in the first parameter, it is possible to have a common event function for all of the components. A different Event function for each component is also a possible method of implementation.

Read the rest of this entry »

If you’re new to SWiSH Max2 and Flash you may not realize it’s possible to dynamically draw objects (lines and shapes) through scripting. Drawing on the screen opens up new and exciting possibilities for user iteraction with your Flash movies. This example emulates a whiteboard. If you press the left mouse button and drag the mouse, within the region below, you can draw arbitrary lines.

The source draw.swi file is contained in this .zip file – draw.zip. The zip file also contains drawrandom.swi, a simple extension that draws with a random color each time a the left mouse button is pressed.

For the sake of simplicity, in draw.swi I have kept the color (red, 0xFF0000) and line width (5) constant. These values can easily be modified by editing the script.

The script uses a mouse listener object to monitor the mouse movements. Although mouse listeners are not described in the SWiSH Max2 documentation, most Flash ActionScript 2 will work within SWiSH Max2.

The draw movieclip contains the Mouse Listener declaration as well as all of the drawing code. That script is shown below:

onSelfEvent (load) {
    // define the mouse listener object
    var mouseListener:Object = new Object();    // define variables to save previous x,y position and drawing status    var X0 = 0;    var Y0 = 0;    var IsDrawing = false;    mouseListener.onMouseUp = function () {        // mouse button has been released, stop drawing.        IsDrawing = false;        trace("End Drawing");    }    mouseListener.onMouseDown = function () {        // user has pressed mouse button, note initial position and        // set to drawing mode        X0 = _xmouse;        Y0 = _ymouse;        IsDrawing = true;    // show that we are now drawing.        _parent.instructions._visible = false;    // hide the instructions        trace("IsDrawing");    }    mouseListener.onMouseMove = function() {        // mouse has moved.        if (IsDrawing) {            // we are in drawing mode so draw a line            lineStyle(5, 0xFF0000, 100); // width 5, color red, alpha 100%            moveTo(X0, Y0); // move to initial x,y co-ordinates            lineTo(_xmouse, _ymouse);    // draw a line to current position            X0 = _xmouse;    // save this current position for future draw events            Y0 = _ymouse;        }    }    Mouse.addListener(mouseListener);    // add this listener script.}

All of the script resides within the onSelfEvent (load) function for the draw movieclip. This code creates the mouse listener object, defines some variables that are used for the drawing process (X0, Y0 and IsDrawing) and then defines the functions that are to be executed during MouseUp, MouseDown and MouseMove events.

The onMouseUp event simply signifies the end of drawing. When this happens the variable IsDrawing is set to false.

The onMouseDown event signifies the drawing start. The current mouse position is saved in X0, Y0 and IsDrawing is set to true. The text instructions (named ‘instructions’) has its visibility set to false to hide the instructions once drawing commences.

The onMouseMove event is called each time a mouse movement is detected. If not in drawing mode (IsDrawing is false) the function simply returns. Otherwise, lineStyle() is used to set the line width (5), color (0xFF0000 – Red) and alpha (100% – solid), the drawing position is moved to X0,Y0 using moveTo() and a line is then drawn to the current mouse position using lineTo(). The current mouse position is then saved to X0, Y0 for future drawing operations.

The Mouse.addListener(mouseListener) instruction adds the three functions defined above to the Mouse listener list causing them to be executed on those specific mouse events.

The other objects in the movie are as follows:

• Shape is simply a static rectangle sized according to the movie to act as a visible boundary.
• instructions are the text instructions. These instructions are hidden by the onMouseDown function and are re-displayed by the Events function which is called when the Button_clear button is pressed.
• Button_clear is a button from the supplied components. It is configured to call the Events function in the main movie when it is pressed. Note that the button must be named “Button_clear” in the Outline Panel for the Event script to work.

The script for the Events function is shown below:

function Events(n,v) {
    if ("Button_clear" == n) {
        draw.clear();
        instructions._visible = true;    // show the instructions
    }
}

This function resides at the level of the main movie. When called, the n parameter contains the name of the calling object, in this case it should always be “Button_clear” as no other object is configured to call the Events function.

If the function was called by Button_clear, the current drawing is cleared via the command draw.clear();

The instructions are also made visible again via the command:
instructions._visible = true;

The source draw.swi file is contained in this .zip file draw.zip. The zip file also contains drawrandom.swi, a simple extension that draws with a random color each time a the left mouse button is pressed. The line width is set according to the distance traveled since the last mouse move. The larger the distance, the thinner the line. The drawrandom.swf is below:

Have fun!

This post is from blog.Swishzone.com.

Many users have asked how to do a 3-D scroll into the distance text effect as seen in some very popular science fiction movies. Although scrolling text is reasonably easy to achieve, it is far more difficult to give it the 3-D look as seen in the movies. We have done all the work for you and produced a component that you can simply drag onto the stage.

This component will work with Max3 and MiniMax3 with build dates of 20090904 or later, and although the component is not included with the 20090904 build’s installer, it can be download at the end of the post.

Installation

After downloading it, extract both files within the zip file to:

C:\Program Files\SWiSH Max3\Components\Text display

Note that the exact location may be different depending on where you installed Max3, or MiniMax3.

The component will also be included with future versions of Max3 and MiniMax3 within the Text display component group. The component requires Flash 8 or later because of its use of filters.

As the component is authored almost entirely with scripting and it contains no images or complex shapes, it is quick to load and could be used as a preloader displaying introductory text while the main part of your movie continues to download. Personally, I would rather read something (almost anything) than watch a progress bar while waiting for a site to load.  Note that that this component does not wait for the full movie to be loaded before proceeding. If used in this way, it is recommended that it progresses to a standard preloader scene on completion.

Required:

Only  19,95 € ! inkl. Mwst!

:: Click for Link Upgrades  2 to Swishmax 3

(nur begrenzte Zeit)

Parameters

The parameters available for this component are shown below.

Read the rest of this entry »

This is a new panorama Scroller from Swishzone.com.

Many modern digital cameras come with software that allows you to “stitch” multiple photos together. This can be used to create a spectacular panoramic image. With the addition of a scroll bar, you can add some intrigue to your website by allowing a user to scroll the panorama within a 4:3 aspect ratio window.

This article will show you how to add a scrollbar and a preloader to your movie to scroll wide images.

Step 1. Adjust the size of your movie. Select Scene_1 in the Outline panel, then in the Properties panel press the Movie Properties button. Adjust the size of the movie to be 400×300.

Step 2. Adjust your image. Use a image editing tool such as MS Paint to resize your image so that it is 300 pixels high. Lock the aspect ratio when you re size the image so that the width is adjusted correspondingly.

Step 3. Import the image. Use Menu | Insert | Import Image to import an image into your movie. Press the O=X button in the transform panel and set the reference and transform points to be the top left hand corner. Set the _x and _y position to be 0, 0.

Note the width of the image. In the example it is 1377 pixels. This number will be used later.

Step 4.Rename the image to be “image” and set the target checkbox in the Properties panel.

Step 5. From the Components Panel select Controls | Scrollers | Scroll_silver and drag that component onto the stage. If the Parameters panel is not visible, make it visible using Menu | Window and enable the Parameters panel.

Step 6. Adjust the parameters for the scroll bar as shown in the image to the right:
Note that the following parameters have been altered from their default value.

Scroll bar Length: 400
Direction: Horizontal
Window Size: 400
Document Size: 1377
Reverse Output?: true
Event Function: blank.
Event Variable: _parent.image._x

The Window Size, 400, is set based on the size of the viewable area. The Document size, 1377 is set based on the width of the image.

Once the parameters have been altered, drag the scrollbar to the bottom left hand corner of your movie.

If you press the play button to preview your movie you should see that the scrolling is now working. If it does not scroll see the trouble shooting section below.

At this stage, the movie is pretty much complete. However there are a few optional extras that can make the movie better.

:: read more

Download

Download: Download Panorama Scroller Swishmax 2 Freeware (145.64 kB - 405 x herunter geladen)

This new component will give your viewers the ability to control the animation in your SWF movie just like they would any other video file.  This can be used for presentations in a slide show format, video embedded into your movie, or any other animation on a single timeline.  You can customise the look and feel of the component by changing its color scheme and hiding certain buttons.

This component will be included in a future installer of SWiSH Max2 and SWiSH miniMax2, but for now please download this component at end of Post.

You can also download the source (SWI) file for the example displayed above, below this article.

Unzip the files into the components folder in your SWiSH Max2 or SWiSH miniMax2 program folder.  Unless you changed the default installation folder, the file path would typically be:

C:\Program Files\SWiSH Max2\components\
or,
C:\Program Files\SWiSH miniMax2\components\

If you are running Max2 (or miniMax) when you copy the component, you may need to refresh the component tree by right clicking on the tree in the Components panel then selecting ‘Reload’.  To use the component, simply drag it into your movie.

:: read more about using this component

Download: Freeware SWF Videoplayer Komponente / Component (17.94 kB - 561 x herunter geladen)
Download: Freeware Demo SWF Player (773.45 kB - 350 x herunter geladen) Read the rest of this entry »

On Swishzone.com is a new Tutorial for a Magnifying Glass released.
Download see below….

This SWiSH Max2 project demonstrates how to make a magnifying glass effect that allows a section of an image (or movie clip) to be shown in ‘magnified’ detail. Try it by dragging the “magnifying glass” to the area that you wish to view in more detail.

The project demonstrates a number of useful concepts including:

• use of a pre-loader
• startDrag and stopDrag
• masking
• use of the library (sorry, the content library is not available in SWiSH miniMax2)

• The magnify movie clip has its Transform and Reference points set to center and its initial positon is 0,0.
• The magnify movie clip has the property ‘Use bottom object as mask’ checked.

»read more

Download

Download: Lupe mit Swishmax 2 - Magnifying Glass (377.67 kB - 393 x herunter geladen)