r a p p e l e r *

click ขวาที่ icon ต้นไม้ (รูป bitmap) ใน library
เลือก properties
แล้วติ๊กถูกที่ allow smoothing

* หมายเหตุ : ภาพจะเบลอขึ้นเล็กน้อย

หลังจากทำ motion tween แล้ว
ให้เลือก keyframe เริ่มต้นของ motion tween นั้นๆ
แล้วไปที่แถบ properties ตั้งค่า ease


ถ้า +100 (เลขบวก) = เร็ว ไป ช้า

ถ้า -100 (เลขติดลบ) = ช้า ไป เร็ว

ง่ายกว่าทำแบบ html ไรพวกนั้นอีกค่ะ มาดูกัน
CREDIT: kipura.com

1) ก่อนอื่น ไป download source file ที่ KIPURA.com ก่อนค่ะ >> http://www.kirupa.com/developer/actionscri...h_php_email.zip

2) แก้ file ที่ . fla ก่อน >> โดย double click เข้าไปใน movie clip ที่ชื่อว่า form >> จะเห็น input text เยอะแยะมากมาย ให้เราตั้งค่า var ตรงแถบ properties ชื่ออะไรจำไว้ให้ดีนะคะ >> (e.g. ชื่อ ช่องใส่ชื่อ ตั้งว่า name ที่ช่อง var ประมาณนี้น่ะค่ะ)

*** เพิ่มแถบ subject ไปด้วยนะคะ แล้วตั้งค่า var ว่า subject ค่ะ

3) แก้ file .php โดยใส่ code นี้ทับไปทั้งหมด

*** อย่าลืมเปลี่ยน e-mail account ด้วยนะคะ
*** ค่า var แก้ใน $_POST["..."] นะคะ

<?php

$sendTo = "contact@web.net";
// $subject = "My Flash site reply";

$headers = "From: " . $_POST["name"] ." ". $_POST["lastname"] . "<" . $_POST["email"] .">\r\n";
$headers .= "Reply-To: " . $_POST["email"] . "\r\n";
$headers .= "Return-path: " . $_POST["email"];

$headers .= "Subject: " . $_POST["subject"];

$message = $_POST["message"];

mail($sendTo, $subject, $message, $headers);

?>

STEP
1) ทำเป็น movie clip ตั้งชื่อตรงแถบ properties ด้านล่างด้วย
2) ใส่ code ข้างล่างนี้ ที่ keyframe แรก ของ stage หรือ mc ตัวนอกสุด จ้ะ

CODE

//mouse หมุน เมื่อ mouse move
var mouseList:Object = {};
Mouse.addListener(mouseList);
mouseList.onMouseMove = function(){
mouse_effect._rotation = _xmouse;
}

*** TIP
- mouse_effect คือ ชื่อ movie clip ที่ตั้งไว้ตรง properties
- x หมุนตามเข็มนาฬิกา
- y หมุนทวนเข็มนาฬิกา

ขอบคุณ http://www.mneilsworld.com/

STEP

1) สร้าง mc มาอันนึง
2) โยนลงมาใน stage
3) ตั้งชื่อ mc ที่ properties ด้านล่าง เช่น flower
4) ไปที่ timeline ด้านบน ใส่ code ที่ keyframe แรก ว่า...

flower.onEnterFrame = function() {this._rotation += 10;}

***** tip:
ถ้าเป็น += จะกำหนดให้หมุนตามเข็มนาฬิกา
ถ้า เป็น -= จะหมุนทวนเข็มนาฬิกา
10 คือ ความเร็ว 

STEP

1) file > import to Library
2) โยน รูป เราลงมาหน้า stage
3) convert to symbol > movie clip
4) click ที่ movie clip แล้วตั้งชื่อว่า star_mc ตรง properties ด้านล่าง
5) ไปที่ timeline ด้านบน
6) เลือก keyframe แรก
7) click ขวา ใส่ action script ว่า...

CODE::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
function rotatewitch (myevent:Event):void
{
star_mc.rotation-=20;
}
star_mc.addEventListener(Event.ENTER_FRAME,rotatewitch);
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

***tip
rotation-=20;
เป็นคำสั่งให้ ดาวหมุน ที่ละ 20 องศา
หากเครื่องหมายเป็น += จะกำหนดให้หมุนตามเข็มนาฬิกา ถ้า เป็น -= จะหมุนตรงกันข้าม

ขอบคุณความรู้จาก Sadung.com

โชว์ภาพเลื่อนๆต่อกันไม่หยุด พอเอาเม้าส์วางแล้วเลื่อนช้าลง

DL source code : mediafire

1) สร้าง movie clip มา อันนึง
2) ใส่ภาพลงใน movie clip อันนั้น เรียงต่อกันเป็นแนวขวาง แกน x
3) ออกมาที่หน้า stage เอา movie clip นั้นมาวาง แล้ว...
4) click ขวา ใส่ action scipt:

onClipEvent (enterFrame)
{
    setProperty("", _x, _x + (200 - _root._xmouse) / 10);
    if (_x < -1200)
    {
        setProperty("", _x, 0);
    } // end if
    if (_x > 0)
    {
        setProperty("", _x, -1200);
    } // end if
}

แบบที่ 1 : เพลงจะขึ้นช้าหน่อย ตอนกดปุ่ม

DL souce code : mediafire นะ

STEP

1) สร้าง mc_sound ขึ้นมา
2) เข้าไปใน mc_sound
3) - ที่ keyframe ที่ 1 ใส่รูปปุ่ม play //
- แล้ว click ขวา เพื่อ convert เป็น button //
- และ ใส่ action script: stop() //
- ที่ปุ่ม play : click ขวาแล้วใส่ action script:

//script of Sound On

  on (press) {

        stopAllSounds();

        gotoAndStop(2);

    }

//script of Sound Off

    on (press) {

       gotoAndStop(1);

    }

on (press) {
gotoAndStop(2);
}

on (press) {

gotoAndStop(1);

}

Mouse : click แล้วเปลี่ยนรูป

เอามาจาก cstproject.exteen.com ขอบคุณน๊า อิอิ

DL source code ที่ >> mediafire

*** ต้องใช้ Flash CS3 หรือ version สูงกว่านั้นเปิด นะคะ

STEP



1) สร้าง movie clip (mc) ชื่อ mouse // แล้วก็วาดรูป mouse ของราลงไป

ใน layer mouse:
- frame ที่ 1 คือ mouse ธรรมดา
- frame ที่ 2 คือ ตอน click

ใน layer action:
- ใน keyframe ที่ 1 ใส่ action: stop()

2) กลับมาที่หน้า stage // ลาก mc ชื่อ mouse มาที่ stage

3) click ขวาที่ตัว mouse ใส่ action script

CODE::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

onClipEvent (enterFrame) {
Mouse.hide()
this._x = _root._xmouse;
this._y = _root._ymouse;
}
onClipEvent (mouseDown) {
this.gotoAndStop(2);
}
onClipEvent (mouseUp) {
this.gotoAndStop(1);
}

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

ทำ mouse ในแบบของเราเอง

เอามาจาก Kipura.com ขอบคุณน๊า อิอิ

DL source code ที่ >> mediafire

*** ต้องใช้ Flash CS3 หรือ version สูงกว่านั้นเปิด นะคะ

STEP

1) สร้าง movie clip (mc) ชื่อ mouse // แล้วก็วาดรูป mouse ของราลงไป
2) ลาก mc ชื่อ mouse มาที่ stage
3) ตั้ง instant name ของ mc นี้ ที่ properties ว่า mouse
4) ใส่ action script ใน frame แรก หน้า stage ดังต่อไปนี้

CODE::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

startDrag ("mouse", true);
Mouse.hide();

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

ไปเอาเค้ามาอีกที ไม่เคยจะคิดเองได้ 555+

มาเริ่มกันเลย

1) อันแรก ง่ายสุด แต่มีแค่ scrollbar เลื่อนได้ แต่ข้อความเป็น plain text ธรรมด๊า ธรรมดา

ตามรูปเลยจ้ะ *** ถ้าดูแล้วงง click ดูแบบเต็มๆจอที่รูปจ้ะ








2) แบบลากเลื่อน ไม่ยากมาก ข้อความทำเป็นตัวหนา สี ใส่รูปได้

click ที่รูปเพื่อดูเต็มๆนะจ๊ะ



**mc คือ movie clip นะจ๊ะ

STEP

- ทำ mc มา 4 ตัว ตามรูป
- ตั้งชื่อกำกับ mc 3 ตัว ตามรูป : txt_message, area_message, และ thumb (ตัวที่เราจะลาก/ ตั้งใน mc ชื่อ scroll_bar นะจ๊ะ)
- ทำ mask ให้ txt_message โดยมี area message เป็น mask
- ใส่ script ข้างล่างนี้ ใน frame แรกของ mc ชื่อ scroll_bar

**************************************

thumb.onPress = function() {
this.startDrag(false,0,0,0,240);
this.onMouseMove = function() {
mostup = _parent.area_message._y-_parent.txt_message._height+_parent.area_message._height;
mostdown = _parent.area_message._y;
range = mostdown-mostup;
pixel = range/100;
py = this._y;
_parent.txt_message._y = _parent.area_message._y-(py*pixel);
updateAfterEvent();
};
};
thumb.onMouseUp = function() {
delete this.onMouseMove;
stopDrag();
};

อ่านทู้เก่าก่อน
อันที่ 1 : Tile BG full browser
อันที่ 2 : Center Center full browser

ทำเหมือนทู้ 2 นะคะ เพียงแต่เปลี่ยน code

*************************************************

// 1: import the Delegate class to deal with event function scope
import mx.utils.Delegate;

// 2: set the Stage class params
Stage.scaleMode = "noScale";
Stage.align = "C"; // to centre the stage

// 3: Assign the dimensions of the document
// to the Movie object (same as FLA):
var noscale_mc:Object = new Object();
/*noscale_mc.width = 1000;
noscale_mc.height = 600;*/

// 4: create function to position your MC at the top-left of
// the stage
function positionStageMC():Void {
/* note: because we are using Delegate, the scope of this
function is mcStage, and not "slistener"
*/
// position mcStage (this)
scale_mc._x = (Movie.width/2)-(Stage.width/2);
scale_mc._y = (Movie.height/2)-(Stage.height/2);
/*size mcStage
this._width = Stage.width;
this._height = Stage.height;*/
// position & size background
this.scale_mc._width = Stage.width;
this.scale_mc._height = Stage.height;
}

// 5: initialize mcStage position
positionStageMC();

// 6: create an onResize event which calls positionStageMC()
// when the stage is resized.
var slistener:Object = new Object();
slistener.onResize = Delegate.create(this, positionStageMC);
Stage.addListener(slistener);

MC & MC as BG are in the center center, liquid layout 2 :ทำให้ flash เราอยู่ตรงกลางหน้า พร้อม bg เคลื่อนไหวได้

งงไหม คือ จะบอกว่า how to นี้จะสอนทำให้...
ตัวเนื้อหาเรา จะอยู่ตรงกลาง browser ตลอด ไม่ว่าจะ resize browser เท่าไหร่ก็ตาม
และ ด้านหลังของเนื้อหา จะเป็น movie clip เคลื่อนไหวได้ และ resize ได้ ... ว้าว วู้ เริ่ด !!!

ก่อนเริ่ม ถ้าใครยังไม่อ่าน howto เก่า ไปอ่านมาก่อนนะ เดี๋ยวจะงง

ไปอ่านทู้เก่าก่อนนะคะ ที่ >> ทู้เก่า flash เต็ม browser

STEP

1) ก่อนอื่นก็โหลด file ตัวอย่างไปก่อน >> เว็บ Mediafire นะ

2) เปิด center.fla มา ก็แงะดูเลย / ดูที่ Library จะมี MC 2 ตัว : (1) ตัวเนื้อหา ชื่อ "noscale_mc" และ (2) ตัว bg ชื่อ "scale_mc" / *** จำไว้ว่า ตอนทำ new symbol เป็น mc ให้เลือก จุดสี่เหลี่ยมดำ ให้อยู่ตรงกลางเสมอ

3) พอทำเสร็จแล้วก็ click ขวา ที่แต่ละ mc เลือก "Linkage" / ติ๊กเลือก "Export for action script" กะ "Export in the first frame" / ใส่ "Identifier" เป็นชื่อ (1) "noscale_mc" ให้เนื้อหา และ "scale_mc" ให้ BG

4) ** อย่าลืมตั้งชื่อ mc ที่ properties ด้วยนะจ๊ะ
noscale_mc คือ เนื้อหา
scale_mc คือ BG

5) เอา code นี้ไปวางที่ stage และ ใส่ action script ที่ frame แรก

**************************************************

function stageResize() {
scale_mc._width = Stage.width;
scale_mc._height = Stage.height;
}
function center() {
noscale_mc._y = Stage.height/2;
noscale_mc._x = Stage.width/2;
scale_mc._y = Stage.height/2;
scale_mc._x = Stage.width/2;

}
Stage.scaleMode = "noScale";
myListener = new Object();
myListener.onResize = function() {
stageResize();
center();
};
Stage.addListener(myListener);

MASK ซ้อน MASK

เพิ่งจะรู้ว่ามันทำได้ด้วย แหะๆ ^^"

ป.ล. มันอาจจะได้บ้างไม่ได้บ้างนะคะ ถ้าหลาย layer มากก็อาจมีมึนส์

1) ทำ mask ธรรมดาก่อน (มี 2 layer / click ขวา เลือก mask ที่ layer ที่เราต้องการให้มันเป็น mask น่ะค่ะ)

2) จากนั้นปลด lock ทั้ง 2 layer นั้น

3) new layer ขึ้นมาใหม่

4) ลาก key frame ของ "layer 6" ขึ้นไปใส่ท้าย "layer 1" ที่เป็น mask แรก



6) ลาก keyframe ตัวนั้นกลับมาใน "layer 6" ดังเดิม "layer 6" ก็จะกลายเป้น mask



7) แล้วเลื่อน "layer 5" ไปใส่ใน "layer 6" แค่นี้ก็เรียบร้อย



ขอบคุณความรู้จาก...YOUTUBE

ทำให้ flash เราข้อความขนาดเท่าเดิม แต่ พื้นหลังขยายได้เต็ม browser และ ยืดหดได้ด้วย


อันนี้คือ bg เป็น file แบบ bitmap และสามารถทำเป็น bg แบบ tile ได้นะจ๊ะ


ลองดูวีดีโอตัวอย่าง ได้ที่
http://www.gotoandlearn.com/play?id=31
ขนาดประมาณ 40+ mb ได้อ่า


STEP:


1) file> import to Library "รูปวางตรงกลาง (ต่อไปนี้จะเรียกว่า PIX นะ)" กะ "รูปพื้นหลัง (ต่อไปนี้จะเรียกว่า MYBG นะ)"

2) ลาก รูป PIX มาวางตรงกลาง stage / แล้ว "click ขวา" เลือก "convert to symbol" เป็นแบบ "movie clip" / แล้วข้างๆมันจะมี จุด 9 จุด จะมีจุดนึงสีดำอยู่ "เลือกให้มันจุดตรงกลาง" คือ PIX จะได้อยู่ใน ตำแหน่ง center ตลอด / แล้วค่อยกด "OK"

3) ไปที่ Library / click ขวา ที่ รูป MYBG เลือก "Linkage" / ใส่ตรงช่อง "identifier" ว่า "MYBG" (หรืออะไรก็ได้ แต่ต้องจำชื่อเรียกนี้ให้ได้นะ) / แล้วก็กดปุ่ม "OK"

4) ใน flash หน้า stage ก็ใส่ action acript ตามนี้ไป ใน keyframe ใด keyframe นุง

******************************************************

import flash.display.BitmapData;

PIX._x = Stage.width / 2;
PIX._y = Stage.height / 2;

var MYBG:BitmapData = BitmapData.loadBitmap("MYBG");

function fillBG() {
this.beginBitmapFill(MYBG);
this.moveTo(0,0);
this.lineTo(Stage.width,0);
this.lineTo(Stage.width,Stage.height);
this.lineTo(0,Stage.height);
this.lineTo(0,0);
this.endFill();
}

fillBG();

var stageL:Object = new Object();
stageL.onResize = function() {
fillBG();
PIX._x = Stage.width / 2;
PIX._y = Stage.height / 2;
}

Stage.addListener(stageL);

<style>

body {margin:0px;padding:0px;}

</style>

ฝึกอ่านภาษาอังกฤษกันหน่อยนะจ๊ะ อิอิ

Editing HTML code manually

To edit an existing HTML page, add the WMODE parameters to the HTML code.

1. Add the following parameter to the OBJECT tag:

<param name="wmode" value="transparent">

wmode="transparent"

5) Action Script :

- blank key frame 1 click ขวา แล้ว ใส่ action ตามนี้

total_bytes = _root.getBytesTotal();

loaded_bytes = _root.getBytesLoaded();

total = int(total_bytes/1000);

loaded = int(loaded_bytes/1000);

remaining = total-loaded;

percent = int((loaded/total)*100);

bar.gotoAndStop(percent);

if(loaded_bytes==total_bytes){

gotoAndPlay("main", 1);
}

วิธีทำเกมแต่งตัวตุ๊กตา

1) วาดรูปเป็นชิ้นๆก่อน เช่น หน้า ตัว ผม เสื้อ รองเท้า

2) click ขวา ที่ ชิ้นงานนนั้น แล้ว convert to symbol เลือกเป็นแบบ graphic

3) เสร็จทำพวก ชุด รองเท้า ต่างๆ หรือ ชิ้นงานที่เราต้องการจะให้มันลากได้ เป็น movie clip โดยการ click ขวา ที่ ชิ้นงานนนั้น แล้ว convert to symbol เลือกเป็นแบบ movie clip

4) จากนั้นใส่ scipt โดยการ click ขวา ที่ ชิ้นงาน แล้วเลือก Actions แล้วใส่ scipt ข้างล่างนี้

on (press)
{
    startDrag(this, false);
}
on (release)
{
    stopDrag();
}

วิธีการ import sound เข้ามาใน งาน flash ของเรา
- File > Import > Import to Library
- click ที่ keyframe
- เลือก sound ที่ Properties

ต้อง upload เพลง ขึ้น host ด้วยรึเปล่า?
- ไม่ต้อง upload file sound ขึ้น host อีกแล้ว
เพราะ ถ้าเรา import to library ไปแล้ว file sound ก็จะอยู่ในงานแล้วค่ะ
upload แค่ .swf ไปอย่างเดียวพอค่ะ

ประเภทของ sound ใน flash มี 4 อย่าง
sync :

- stream คือ เสียงจะตรงกับ frame พอดี แบบ...frameหมดเพลงจบทันที เหมาะสำหรับทำ MV หรือ Karaoke - start คือ ให้เล่นเพลงคลอไปเรื่อยๆ เหมาะสำหรับทำ เว็บ - event คือ กดครั้งแรก เสียงยังไม่ทันหาย กดครั้งที่สอง เสียงก็เล่นได้เลย โดยไม่ต้องรอให้เสียงแรกจบก่อน เหมาะสำหรับทำ ปุ่ม - stop คือ หยุดเสียง

1) play() เอาไว้ทำปุ่มคำสั่ง Play ก่อนจะเล่นงาน

2) gotoAndPlay() เอาไว้สั่งให้ เมื่อ timeline เลื่อนไปถึง frame ที่มี action script หรือ เรากดปุ่มคำสั่งนี้ มันก็จะไปเล่นตั้งแต่ frame ที่เรากำหนด หรือ scene ที่เรากำหนดค่ะ

3) gotoAndStop() เอาเอาไว้สั่งให้ เมื่อ timeline เลื่อนไปถึง frame ที่มี action script หรือ เรากดปุ่มคำสั่งนี้ มันก็จะไปหยุดอยู่ที่ frame ที่เรากำหนด หรือ scene ที่เรากำหนดค่ะ

4) stop () หยุดเล่น

5) getURL("")  = link

Action Script : gerURL("")

คำสั่ง getURL เอาไว้ทำการ link website หรือ file น่ะค่ะ
ซึ่งเราสามารถสั่งให้เปิด window ใหม่ก็ได้ด้วยนะคะ

การ link มี 2 แบบนะคะ

1) link จาก text ธรรมดา :

- พิมพ์ข้อความ - ไปที่ properties - หาช่องที่มีรูปลูกโซ่อยู่ข้างหน้า - พิมพ์ข้อความลบงในช่องนั้น

2) link แบบ button :

- ทำ button ก่อน (ถ้าเป็น text อย่าลืมทำ hit area ด้วยล่ะ/ font แปลกๆก็ break apart 2 ทีด้วยนะคะ) - เมื่อทำเสร็จแล้ว โยน button ลงมาที่ stage (scene ปัจจุบัน) - clik ขวา ที่ button เลือก actions - click ปุ่ม Scripts Assist ทางด้านขวา - หา action script: getURL ทางด้านซ้าย แล้วโยนไปใส่ในด้านขวา - ใส่ URL ลงไป

รู้เป่าคะว่า movie clip ว่างๆ เราสามารถเอามาทำอะไรได้บ้าง ?
- ก็เอามาทำเป็นเหมือน layer layout หรือ frame หรือ iframe อะไรอย่างงั้นน่ะค่ะ
(ไม่รู้จะบอกยังไง อธิบายไม่ถูกอ่า ลองดูจากใน video เอาละกันนะคะ)
คือ... อย่างในตัวอย่าง click ที่ปุ่มทางซ้าย แล้วจะแสดงผลในส่วนทางขวาน่ะค่ะ

โดยที่เราจะใช้คำสั่ง loadMovie นะคะ load พวกรูป หรือ .swf ก็ได้ค่ะ

*อย่าลืมว่า : ต้องตั้ง ชื่อ target หรือ ตัว movie clip เปล่าๆที่จะให้แสดงผลด้วยนะคะ