Flash CS3輕松制作一個簡單的彈性跟隨鼠標特效_Flash教程
推薦:Flash AS實現顏色漸變光線旋轉特效旋轉特效效果代碼如下:varpMaxSize:Number=150;varpCenterX:Number=275;varpCenterY:Number=200;varpNumTraces:Number=20;varpNumLayers:N
這個動畫非常簡單,只是有一個圓永遠跟隨鼠標,而且還有彈性!Flash CS3輕松制作一個簡單的彈性跟隨鼠標特效。
在寫教程之前在給大家說說我下載Flash CS3 Professional的過程,我在baidu搜到有下載的地方了!大概是400M以上,但是下載后解壓總是出錯,一晚上白浪費了!建議大家最好去Adobe官方網站去下載,是單線程的,假如大家網速快就能下載完的!
看下演示吧!
源文件下載:點擊這里下載源文件
具體制作說明,使用Flash CS3來實現,用的也是ActionScript 3.0,您假如不懂可以查看本站相關教程。
新建立一個文檔(File > New > ActionScript 3.0),然后保存為mb5u_com.fla,然后按Ctrl F3打開屬性面板,設置幀頻為30fps,document class主類為Sproingdemo。
然后設置as,打開文本編輯,把下面代碼保存為Sproingdemo.as。
package {
import flash.display.Shape;
import flash.display.Sprite;
import flash.events.Event;
import flash.ui.Mouse;
public class SproingDemo extends Sprite {
private var orb1:Shape;
private var orb2:Orb;
private var lineCanvas:Shape;
private var spring:Number = .1;
private var damping:Number = .9;
// Constructor
public function SproingDemo() {
init();
}
private function init():void {
// Set up the small orb
orb1 = new Shape();
orb1.graphics.lineStyle(1, 0x6633CC);
orb1.graphics.beginFill(0x6699CC);
orb1.graphics.drawCircle(0, 0, 10);
// Set up the large orb
orb2 = new Orb(25, 0x00CCFF, 1, 0x0066FF);
// Set up the drawing canvas for the line drawn between the orbs
lineCanvas = new Shape();
// Add lineCanvas, orb1 and arb2 to this object's display hierarchy
addChild(orb2);
addChild(orb1);
addChild(lineCanvas);
// Register for Event.ENTER_FRAME events
addEventListener(Event.ENTER_FRAME, enterFrameListener);
// Hide the mouse pointer
Mouse.hide();
}
private function enterFrameListener(e:Event):void {
// Set orb1's position to current mouse position
orb1.x = mouseX;
orb1.y = mouseY;
// Spring orb2 to orb1
orb2.vx = (orb1.x - orb2.x) * spring;
orb2.vy = (orb1.y - orb2.y) * spring;
orb2.vx *= damping;
orb2.vy *= damping;
orb2.x = orb2.vx;
orb2.y = orb2.vy;
// Draw a line between the two orbs
drawLine();
}
private function drawLine():void {
with (lineCanvas) {
graphics.clear();
graphics.moveTo(orb1.x, orb1.y);
graphics.lineStyle(1, 0x4C59D8);
graphics.lineTo(orb2.x, orb2.y);
}
}
}
}
然后再建立一個Orb.as,內容如下。
package {
import flash.display.Shape;
public class Orb extends Shape {
internal var radius:int;
internal var vx:Number = 0;
internal var vy:Number = 0;
// Constructor
public function Orb(radius:int = 20, fillColor:int = 0x00FF00, lineThickness:int = 1, lineColor:int = 0) {
this.radius = radius;
graphics.lineStyle(lineThickness, lineColor);
graphics.beginFill(fillColor);
graphics.drawCircle(0, 0, radius);
}
}
}
這時要注重上面三個文件一個要保存在同一個目錄下,這時就可以測試影片了!
分享:Flash聯合粒子特效軟件打造超酷浪漫動畫特效看到閃吧某網友在學習這個的過程中碰到一些問題,就幫解答一下。在此寫寫教程,有不足之處,還請大家指點。粒子特效軟件的功能還很多,有愛好的可以自行研究下
- 相關鏈接:
- 教程說明:
Flash教程-Flash CS3輕松制作一個簡單的彈性跟隨鼠標特效。