TUTORIEL AS3 (Les notions "de base" :), Tutoriel N°906, Pour créer un objet, voici deux méthodes: Soit vous lui donnez un nom d’occurrence dans le panneau des Propriétés, soit vous lui définissez ses propriétés de liaison (click droit sur l’instance dans la Bibliothèque -> Liaison). Dans ce cas vous renseignerez le nom de sa classe, sa classe de base et vous cocherez « exportez pour Actionscript ». Vous pourrez donner le même nom de Classe que celui de l’instance de l’objet : Classe: MonClip Classe de base: flash.display.MovieClip Liaison: Exportez pour Actionscript Ensuite on crée une variable pour contenir l’instance de l’objet et on affiche ce clip à l’aide de la méthode addChild(). ex: var monClip:MonClip = new MonClip(); addChild(monClip); Les événements sont des faits qui surviennent, comme le mouvement de la souris par exemple, avec lesquels Actionscript peut interagir. monClip.addEventListener(MouseEvent.CLICK, fonctionClick); monClip.addEventListener(Event.ENTER_FRAME, fonctionEnterframe); function fonctionClick(event:MouseEvent):void // Code …
Spectacular image galleries made simple. The Math and ActionScript of Curves: Drawing Quadratic and Cubic Curves We see lines used in a lot of scenarios. Curves are also used, although perhaps not as frequently - but that doesn't undermine their importance! In this tutorial we shall take a closer look at curves, particularly the quadratic and cubic curve, along with some of their commonly used mathematical features. Final Result Preview Let's take a look at the final result we will be working towards. And here's another demo, using cubic curves, without the gradients: Step 1: Curves Quadratic and cubic will be featured in each of these sections. g(x) = Ax^3 + Bx^2 + Cx + D\ ... Note that A, B, C and D are real numbers. Step 2: Graphing Curves First, let's graph a quadratic curve. Left graph is using Cartesian coordinate spaceRight graph is using Flash coordinate space The obvious difference is the inverted y-axis on Flash coordinate space. Step 3: Quadratic Coefficients To position quadratic curves at the right spot, we need to understand their corresponding equations. Step 4: Alternative Equation One
CRÉER UNE SCROLLBAR EN ACTIONSCRIPT 3.0, Tutoriel N°890, Créer une Scrollbar en ActionScript 3.0 Un tutoriel dont vous êtes le héros. Ce matin, le secteur B de la base est sur le point de passer à l’ActionScript 3.0. Votre équipe s’est démenée six mois durant pour effectuer ce changement. Votre première décision : créer une classe vide du nom de « KillerScrollbar » et étendant la classe « Sprite ». package { import flash.display.Sprite; public class KillerScrollbar extends Sprite public function KillerScrollbar() Vous décidez de définir immédiatement la manière dont vous allez générer des barres de scroll à partir de cette classe. import KillerScrollbar; var myScrollbar :KillerScrollbar new KillerScrollbar();x = 670;== ==y = 10;== ==target = myTargetClip;== ==maxHeight = 500;== addChild(myScrollbar); init(); Un ajustement de la classe s’impose : Deux nouvelles variables « target » et « maxHeight » et une fonction « init() » ont fait leur apparition, il faut les déclarer. package public var target:Sprite; public var maxHeight:int; public function init():void
Background HQ onebyoneblog » Animating Bezier Curves The other day I got the notion in my head that I wanted to draw some bezier curves in an animated fashion. I’m sure this has been done a million times before, but sometimes reinventing the wheel can be a good learning experience, so I turned to my good friend Wikipedia for some quick explanation. When you go to the Wikipedia entry for Bezier Curve, you see close to the top of the page that the formula for a quadratic b curve looks like this: Seems kinda cryptic at first glance, but it’s pretty simple when broken down. P0 is our starting point, P1 is our control point, P2 is our end point and t is time. Written in actionscript then, we can get the x and y positions of our curve with the following couple lines: You can see at the end of the formula that time (t) is a number that progresses from 0 to 1. As a quick aside, BetweenAS3 is able to handle both AS3 style events and old AS2 style callback functions. Here then is a very quick animated Bezier Curve example: Rockin good fun…
Use Flare Visualization Toolkit to Build Interactive Viz for the Web Tom from Stamen Design and Hadley from the GGobi group kindly pointed me to the recently ported Flare visualization toolkit. Developed by Berkeley's Jeffrey Heer, Flare looks extremely useful for anyone who is interested in developing interactive visualizations (e.g. time series, stacked bar, pie charts, graph) for the Web that run in the Adobe Flash player. There's a pretty good tutorial that I, as a beginner, found straightforward. I ran into some problems when I was trying to "import a library into another project," but per Jeffrey's suggestion, I upgraded to Adobe Flex 3 beta (currently a free download). That cured my problems. Adobe Flex is apparently still a little rough around the edges. I'm currently going through the demos to gain a better understanding of both Flare and Actionscript, and it looks very promising. Check out some screenshots from the Flare demo reel after the jump.
()The Mechanical Maniacs Here is my sprite gallery. Which should be obvious. Lately I've been having allot of people asking me to use my "Gauntlet" character as their own in either avatars, or sprite comics, or in their signatures, or something. Of course I've had a few people simply steal it and ask me nothing. First sprites I ever made. Some extremely basic R&F CD edits I made when I first started out. The logo I use and font name. This sheet includes the first Gauntlet sprite I tried to make. The Gauntlet CDs. I've only needed one mugshot, and this is it. When I first got involved with the Megaman community, one of the things that I really got into was trying to find out what the PC RM's looked like. This showcases the more recent PC CDs and a sheet of PC 16-bit sprites that I later used for epilogues. Going into sprite collecting was ONLY to make a group shot which had every Robot Master, Maverick, or character in the series. Some custom screens done a LONG whiles back. Capcom VS SNK custom cards. Expressman.
processingas - A port of the Processing programming language to ActionScript. Processing.as is a port of the Processing programming language to ActionScript. It includes a fully functional parser and evaluator, as well as an API layer, to run many existing and new Processing scripts. To check out Processing.as in action, take a look at the following examples: The processing.swf file can be placed in any webpage and loaded with a Processing script dynamically via JavaScript. var Processing = null; ProcessingAS.onLoad = function () { // movie loaded, get object reference Processing = document.getElementById('processing'); // start interactivity Processing.start();} ProcessingAS.onStart = function () { // drawing APIs are now available Processing.size(200, 200); Processing.fill(255, 0, 0); Processing.rect(0, 0, 100, 100); // run some Processing code Processing.run('line(0, 0, width, height)');} ProcessingAS.onResize = function (w, h) { // Processing canvas resized; resize embedded element Processing.width = w; Processing.height = h;}
How to Learn Actionscript (Flash) for Data Visualization A while back, I asked, "What is the best way to learn Actionscript for data visualization?" As I've had Actionscript staring me in the face for the past two weeks, I can attest to the idea that the best way to learn is by doing i.e. immersing yourself in a project with a deadline looming in the dark behind you. There have been, however, a few things that have made my life a little easier as I strive for coding nirvana. My Only Desktop Reference I have stacks of books on the floor, in the closet, and on my bookshelf, but there's one book that has stayed within in arm's reach as I learn - Colin Moock's Essential Actionscript 3.0. When I first started, I read the first section "Actionscript from the Ground Up," which helped me familiarize myself with core concepts like packages, classes, and just the basic ideas of how things work. I'm also starting to hear great things about Learning ActionScript 3.0: A Beginner's Guide by Shupe and Rosser, but I haven't got to look at it yet. Last Thoughts
25 Fantastic Vector Portraits When most people think to create a portrait, Illustrator isn't the first program that comes to mind. Photoshop, sure. Pencil and paper, definitely. Even paints or collage seem obvious. The truth is, though, some truly fantastic portraits have been created in Illustrator and other vector art programs. Vector Portraits Portrait by oddhouse Self Portrait April 09 by j3concepts Self Portrait Number Something by verucasalt82 Female Portrait by mftalon Illustrator Portrait by KrisCynical Self Portrait for ID by Un-divine School Portrait by whmurai Description or analysis of the image, product, etc., if necessary Portrait by Alexxxx1 Vector Portrait by J-Ro-20 Utopian. by belldandies The Royal Portrait Part Deux by ArtistHazzard Portrait by CQcat Self Portrait II by PhunkyVenom Self Portrait KDLIG by K-A-D-L adrianaLima by cd-marcus Stephanie by verucasalt82 Ewa by lafor Self-portrait by heloisabrites Portrait of Kanon by DigitalImpulses Green by exit82 Ilona by MARiKaArt Vector Portrait by naunet Gackt by jmlan
Using FlashVars with ActionScript 3.0 I was building a small app in Flash/ActionScript 3.0 over the weekend and needed to find out how to use FlashVars (Using FlashVars to pass variables to a SWF) to pass variables to my SWF file. Previously, in ActionScript 2.0, you could pass variables along the query string or using FlashVars and the variables would be available in _level0, in ActionScript 3.0, it is a bit tricker: The previous code passes two variables (one and two) along the querystring (main.swf?one=1&two=2) and makes those variables available in your SWF file in the root’s loaderInfo object (or more accurately, within the loaderInfo’s parameters property). Also, the same technique works if you pass the variables within a FlashVars parameter, as seen below: <! But enough of my rambling, how do you access these from within your FLA document? Nothing ground breaking or overly fascinating, but hopefully this helps somebody out there or saves them about 3 minutes of searching.
Tutoriel site flash full browser (100% de la fenêtre du navigateur) - Le blog des flasheurs Jeudi 19 février 4 19 /02 /Fév 12:29 Pour l'inauguration de mon Blog je vais commencer par un tutoriel qui explique clairement et en détail comment réaliser un site fullflash (entièrement en flash) et fullbrowser (100 % de la fenêtre du navigateur) . Le tout en gardant le contenu centré correctement et non redimensionné (à part le fond qui prendra toute le fenêtre). Avant toute chose je tiens à préciser que les tutoriels présenteront tous un code orienté objet avec des classes action script. Je conseil à tous de franchir le pas de la programmation objet pour pouvoir utiliser flash à pleine puissance. Verion de flash : FLASH CS3/AS3 Au menu de l'article : 1. Commencons doucement mais sûrement. Créez une nouvelle animation flash (1000 px * 720 px dans mon exemple mais libre à vous de faire autrement), et attribuez lui comme classe principale le classe lib.main que nous créerons par la suite (champ classe du document dans l'onglet propriétés). 2. Tout d'abord un peu d'organisation. 4. 5.
LivingDesign by Asif R Naqvi | A creative and inspiration resource dedicated to design and life, and everything in between