Articles Tagged 'Development'


Written in a magical flash

This I propose is an article I wrote in August 2003 (original title: Written magic in Flash MX). Despite being "dated" (now I'd use a different ActionScript), I think it is a nice tool to truly enchanting effect. Propose later, or do you, the updated version with the use of classes ...

Dynamic MovieClip

The element that plays a key role nell'architetura Flash MovieClip object. The ability to create objects of this type of code gives a remarkable potential to Flash, making it a decent development environment really fun. With the ability to add run-time objects of type MovieClip, we'll see how easy it is to achieve the effect shown in Figure 1.

Loading Flash ...

Figure 1 - Example of text effect

The class MagicText_class

Since we're using the latest version of Flash MX, we do things right and create a class MagicText_class be reused at will. What we're doing is defining a new class MagicText_class , which inherits all the characteristics of a class MovieClip. In this way we would have a real object, then create the basis for a Flash component real! If we wish. For now let us dwell only on our class and see how to build it.

Continued ...

Write good OO code in Adobe Flash

Here are some tips on how to write good code Object Oriented (OO) in Adobe Flash, especially for those still using version MX waiting to go to CS3.

Organize classes folders

First of all, the organization of classes makes the job significantly easier code maintenance. You can also create a real library you can reuse in other projects. Flash uses a classification related to the filesystem, and then organizing them into folders will also be reflected on the import of classes. For example, if we create the sequence of folders "mylibrary / graphics / plot" and insert our own ActionScript class "PlotClass.as", when we should use to import the class:

1
grafica . plot . PlotClass ; mylibrary imports. graphics. plot. PlotClass;

If the library (folder) "MyLibrary" is not in your movie folder or project, use the Flash publish settings to select the path:

Setting percoroso libraries

Continued ...

Extend MovieClip in Flash MX

I use two techniques to extend the functionality of a MovieClip. The first, used in previous versions of Flash MX, used the property prototype , a pointer to the superclass (parent), as indicated in the manual:

A reference to the superclass of a class or function object. The property   prototype is automatically created and associated to any class or function object created. This property is static and is specific to the class or function created. If, for example, you create a custom class, the value of the property   prototype is shared by all instances of the class and is accessible only as a class property. . Instances of the custom class can not directly access to the property prototype , but can be accessed through the property __proto__ .

One of the advantages of using prototype , especially with the MovieClip MovieClip resides in the extension of all, none marked. In fact, you make an extension to all MovieClip broadcast static or dynamic. For example, a convenient extension could be:

1
2
3
prototype . move = function ( x : Number , y : Number ) { MovieClip . prototype. move = function (x: Number , y: Number ) {
_x = x ; this . _y = y ; this. _x = x; this. _y = y;
}

Continued ...

StageExt Class: resizable Flash movies

The technique Fullsize (hall for Fullscreen - of which more later) was, until recently, mainly used in Flash applications (RIAs), made ​​so by a more or less complex user interface, where the container (Adobe AIR , browser or standalone player) scaled by the user, forcing a repositioning of the objects making up the movie. The downsizing of the container obviously follows a drawing function, or Refresh MovieClip can reposition or redesign the runtime interface to the new size of the container. Today this technique is also used in more advanced websites or articulated, very pious rendondo attractive interface. The implementation of this technique is quite simple and essentially uses the native Flash Stage object and introduced with version MX. For its implementation here is a class that allows to obtain the coordinates of the Stage :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/ **
*
* @ File StageExt.as
* @ Author Giovambattista Fazioli (@ g.fazioli undolog.com)
* @ Web http://www.undolog.com
* @ @ Email g.fazioli undolog.com
* /
{class StageExt
/ / Release
__release : String = "1.0" ; __release private var: String = "1.0";
/ / Properties
__movieWidth : Number = 0 ; __movieWidth private var: Number = 0;
__movieHeight : Number = 0 ; __movieHeight private var: Number = 0;
__left : Number = 0 ; __left private var: Number = 0;
__right : Number = 0 ; __right private var: Number = 0;
__top : Number = 0 ; __top private var: Number = 0;
__bottom : Number = 23 ; __bottom private var: Number = 23;
/ /
w : Number , h : Number ) { StageExt function (w: Number , h: Number ) {
"StageExt::constructor" ) ; trace ("StageExt:: constructor");
/ /
__movieWidth = w;
__movieHeight = h;
/ /
addListener ( this ) ; Internships . addListener (this);
}
/ **
* OnResize () event
* /
onResize ( ) { onResize private function () {
"StageExt::onResize " + Stage . width + ", " + Stage . height ) ; trace ("StageExt: onResize" + Stage . width + "" + Stage . height);
/ /
Number = Math . round ( Stage . width ) ; var sw: Number = Math . round ( Stage . width);
Number = Math . round ( Stage . height ) ; var sh: Number = Math . round ( Stage . height);
Number = Math . round ( this . __movieWidth ) ; var ow: Number = Math . round (this. __movieWidth);
Number = Math . round ( this . __movieHeight ) ; Oh var: Number = Math . round (this. __movieHeight);

/ / The x coordinate (top left)

__left = - Math . floor ( ( ( sw - ow ) / 2 ) ) ; this. __left = - Math . floor (((sw - ow) / 2));
__top = - Math . floor ( ( ( sh - oh ) / 2 ) ) ; this. __top = - Math . floor (((sh - h) / 2));

/ / The x coordinate (top right)

__right = Math . round ( ( sw + ow ) / 2 ) ; this. __right = Math . round ((sw + ow) / 2);

/ / The y coordinate (bottom)

__bottom = Math . round ( ( sh + oh ) / 2 ) ; this. __bottom = Math . round ((sh + O) / 2);
}
/ **
* Refresh ()
* /
Refresh ( ) { public function refresh () {
onResize ();
}
/ **
* Left - get
* /
get Left ( ) : Number { public function get Left (): Number {
__left ) ; return (__left);
}
/ **
* Top - get
* /
get Top ( ) : Number { public function get Top (): Number {
__top ) ; return (__top);
}
/ **
* Right - get
* /
get Right ( ) : Number { public function get Right (): Number {
__right ) ; return (__right);
}
/ **
* Bottom - get
* /
get Bottom ( ) : Number { public function get Bottom (): Number {
__bottom ) ; return (__bottom);
}
/ **
* MovieWidth - get / set
* /
get MovieWidth ( ) : Number { MovieWidth public function get (): Number {
__movieWidth ) ; return (__movieWidth);
}
set MovieWidth ( v : Number ) { MovieWidth public function set (v: Number ) {
__movieWidth = v;
}
/ **
* MovieHeight - get / set
* /
get MovieHeight ( ) : Number { MovieHeight public function get (): Number {
__movieHeight ) ; return (__movieHeight);
}
set MovieHeight ( v : Number ) { MovieHeight public function set (v: Number ) {
__movieHeight = v;
}
}

Continued ...

script.aculo.us 1.8 preview

Preview the effects library Scriptaculous , waiting for the 1.8 2.0:

  • Prototype 1.6 (trunk LATEST version)
  • Complete rewrite of Ajax.InPlaceEditor and Ajax.InPlaceCollectionEditor
  • Full CSS inheritance in Effect.Morph
  • New core effect: Effect.Tween
  • Sound: play mp3 files for sound effects; uses native playback on IE and available plugins whereever possible
  • Performance improvements
  • Tons of bugfixes

For the complete list of improvements saw the CHANGELOG

Continued ...

Notes on testing and debugging in Flash

One consideration, obvious but overlooked during the development of applications in Adobe Flash, the difference between the player used for testing within the IDE Flash and the object (ActiveX or EMBED) used by your browser. Who owns the version "Macromedia" Flash MX (version 8 to be precise, but this discussion really applies to any version of Flash ...) when developing a movie and try it within the IDE runs the Flash Player linked to development package. Then when you publish your movie on the net and you "test" with the Flash Player browser you may experience some - substantial - differences!

imageimage

Continued ...

N3TV Interactive Platform

What?

N3TV Interactive Platform is the platform of interactivity N3TV.it , the brainchild of Thomas Tessarolo , "Blogger Action" argues that if Net TV is certainly not restricted to words alone, but acts concretely experiencing at first hand what means "to Net TV", offering software tools able to provide next-generation online interaction.
Platform Interactive Platform N3TV therefore has the objective to provide interactivity during the numerous proposals on live television N3TV.it .

N3TV Interactive Platform
N3TV.it: one with N3TV Interactive Platform

Continued ...

ActionScript 3.0 Performance

I am a big fan of Adobe Flash CS3 ActionScript 3.0 and then. Here's a demo, Adobe presented at the conference in Japan, which demonstrates the capabilities of the new rendering engine, developed by Adobe, just to disprove strange rumors about a "break" by Microsoft Silverlight. Click and move the mouse, increasing the number of balls!

Loading Flash ...

Very impressive ...

Continued ...

Curling effect on images

Effect curl The author of this library is the same Unobtrusive Reflex ( SLR 1.1: add reflection effect to your images ). This time it offers a nice effect of "curl" (curl) Photoconductor images on various options including the animation of enrichment hover on the edge of the image. The technique used is always that of CANVAS used in all scripts available on the site . Curl to download the script click here .

Continued ...

Accordion 2.0

image He had already spoken of this Unobtrusive Javascript library built by the same author LightWindow 2.0 . Is now released version 2.0, which always makes use of scriptaculous .
Among the most interesting is its ability to "engage" the Accordion inside each other, both horizontally and vertically in the MODL.
Then away from the original operation of the classics has been added Accrodion the behavior of opening / closing. On the site you can download the script (marked with the words still 1.0!?) and access code examples.

Continued ...