{"id":1870,"date":"2012-05-22T06:54:51","date_gmt":"2012-05-22T10:54:51","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=1870"},"modified":"2012-05-22T06:59:49","modified_gmt":"2012-05-22T10:59:49","slug":"smoky-trailer-in-flash-action-script","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/smoky-trailer-in-flash-action-script\/","title":{"rendered":"Smoky Trailer in Flash Action script"},"content":{"rendered":"

Final Preview:<\/strong><\/p>\n

<\/object><\/p>\n

Step-1 Open a new document in flash. Set the stage color as black.<\/p>\n

Step-2 Create four buttons for smoke colors transformation in Layer-1. Give the instance name for each button. Here\u00a0 I gave one_btn, two_btn, three_btn and four_btn.<\/p>\n

Step-3 Type the following Action Script in Layer-2.<\/p>\n

\n\/\/import bitmap class
\nimport flash.display.BitmapData;
\nvar currentBitmap:String = “smoke_yellow_blue.png”;
\nfunction doTrail(container:MovieClip, targetX:Number, targetY:Number, type:String):Void
\n{
\n\/\/attach bitmap from the library with the linked name “adobe_flash”
\nvar myBmp:BitmapData = BitmapData.loadBitmap(currentBitmap);
\n\/\/create the “main_holder” movieclip that will hold our bitmap
\nvar _particle = container.createEmptyMovieClip(“main_holder”+container.getNextHighestDepth(), container.getNextHighestDepth());<\/p>\n

\/\/create an “internal_holder” movieclip inside “main_holder” that we’ll use to center the bitmap data
\nvar internal_holder:MovieClip = _particle.createEmptyMovieClip(“internal_holder”, _particle.getNextHighestDepth());
\n\/\/set “internal_holder” x and y position based on bitmap size
\ninternal_holder._x = -myBmp.width\/2;
\ninternal_holder._y = -myBmp.height\/2;<\/p>\n

\/\/finally, attach the bitmapData “myBmp” to the movieclip “internal_holder”
\ninternal_holder.attachBitmap(myBmp, internal_holder.getNextHighestDepth());<\/p>\n

\/\/set the particle’s x & y position based on the target x & y. Offset the particle by a few pixels
\n_particle._x = targetX + random(4)-8;
\n_particle._y = targetY + random(4)-8;
\n\/\/randomly rotate the particle 360 degrees
\n_particle._rotation = random(360);
\n\/\/give the particle a random scale, between 50% and 100%
\nvar randomScale = random(50)+50;
\n_particle._xscale = randomScale;
\n_particle._yscale = randomScale;
\n\/\/give each particle its own speed
\n_particle.speed = random(5)+3;
\n\/\/make it move
\n_particle.onEnterFrame = function ()
\n{
\nthis._xscale += this.speed;
\nthis._yscale += this.speed;
\nthis._alpha -= this.speed;
\n\/\/check if particle is invisible, and remove it
\nif(this._alpha <= 0)
\n{
\ndelete this.onEnterFrame;
\nremoveMovieClip(this);
\n}
\n}
\n}
\n_root.onEnterFrame = function():Void
\n{
\ndoTrail(_root, _xmouse, _ymouse, currentBitmap);
\n}
\n\/\/*** Control Buttons***\/\/
\none_btn.onRelease = function(){
\ncurrentBitmap = “clear.png”;
\n}
\ntwo_btn.onRelease = function(){
\ncurrentBitmap = “smoke_clear.png”;
\n}
\nthree_btn.onRelease = function(){
\ncurrentBitmap = “smoke_yellow_blue.png”;
\n}
\nfour_btn.onRelease = function(){
\ncurrentBitmap = “smoke_yellow_orange.png”;
\n}\n<\/p><\/div>\n

<\/p>\n

Step-4 Import smoke effect images to library. Images name should be same as in library and script. Go to library panel and right click on each image. \u00a0Choose Properties \u00e0 Linkage. Check the \u201cExport for Action script\u201d option.<\/p>\n

Run the program.<\/p>\n","protected":false},"excerpt":{"rendered":"

Final Preview: Step-1 Open a new document in flash. Set the stage color as black. Step-2 Create four buttons for smoke colors transformation in Layer-1. Give the instance name for each button. Here\u00a0 I gave one_btn, two_btn, three_btn and four_btn. Step-3 Type the following Action Script in Layer-2. \/\/import bitmap class import flash.display.BitmapData; var currentBitmap:String […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6,5],"tags":[156,155,154],"class_list":["post-1870","post","type-post","status-publish","format-standard","hentry","category-flash","category-web-design","category-web-design-tips","tag-bitmap-trailer-in-flash","tag-mouse-attachment-image-flash","tag-mouse-trailer-in-flash"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=1870"}],"version-history":[{"count":29,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1870\/revisions"}],"predecessor-version":[{"id":4153,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1870\/revisions\/4153"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=1870"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=1870"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=1870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}