จะจ๊างงง... กลับมาอีกแล้วกับ how to มั่วซั่วปนกันไปหมด
เดี๋ยวพิกเซล เดี๋ยวตัดเส้น โผล่มาคราวนี้เป็นแฟลชเฉยเลย 555
เนื่องจากว่ามีเพื่อนกำลังจะทำงานแฟลช แล้วเกริ่นๆ มาเกี่ยวกับการทำปุ่ม
แล้ววันนี้ก็ว่างๆ พอสมควร เรามาลองทำปุ่มในแฟลชแบบมี rollOut กันดีกว่า

อาจจะงงว่าไอ้แบบมี rollOut มันเป็นยังไง ลองเทียบกับปุ่มแบบพื้นฐานที่มีมากับแฟลช
(symbol แบบ button) จะมีอยู่ 4 เสตทคือ on over down hit
ซึ่งจะเห็นการเปลี่ยนแปลงเมื่อเอาเมาส์ไปวางที่ปุ่ม (rollOver)
แต่ไม่มีเสตทสำหรับเวลาที่เราเอาเมาส์ออกจากปุ่ม (rollOut)
ซึ่งถ้าเป็นปุ่มที่มีการอนิเมทจะทำให้เกิดการกระตุกเวลาเอาเมาส์ออก
เราเลยจะมาทำปุ่มแบบที่มีการอนิเมทตอน rollOut กันด้วย



เวิร์คช็อปนี้เหมาะกับผู้ที่มีพื้นฐานแฟลชมานิดหน่อยแล้ว
ใช้ actionscript2 นิดหน่อย เอาล่ะ เริ่มดีกว่า

เริ่มจากสร้างไฟล์แฟลชขึ้นมาใหม่ เอากราฟิกปุ่มไปวางไว้


Convert to Symbol (F8) ตั้งชื่อ แล้วเลือกชนิดซิมโบลเป็น Movieclip



 
ดับเบิ้ลคลิ๊กเข้าไปภายในมูวี่คลิปที่เพิ่งสร้างไป อนิเมทหน้าตาปุ่มเมื่อถูก RollOver
แล้วกลับมาเป็นหน้าตาเดิมตอนวางปุ่มไว้เฉยๆ



สร้างเลเยอร์ใหม่ 2 เลเยอร์ เลเยอร์นึงเอาไว้สำหรับตั้งชื่อเฟรม (label)
อีกเลเยอร์ เอาไว้ใส่ actionscript โดยวางตำแหน่งคีย์เฟรมไว้ตามรูป



สำหรับใครที่ยังไม่คุ้นชินการใช้งาน label มันก็คือการตั้งชื่อให้เฟรมต่างๆ
จากที่มันเคยเป็น เฟรม 1, 2, 3, ... ก็จะมีชื่อเรียกเพิ่มตามที่เราตั้งไว้ให้เป็นศรีแก่เฟรม
มีประโยชน์มากในการใช้ร่วมกับ actionscript
(ถ้าอยากรู้เพิ่มเติมว่ามันมีประโยชน์ยังไงบ้าง คอมเม้นท็ไว้เผื่อบอกเอนทรี่หน้า 555)
วีธีการตั้ง label คือคลิ๊กที่คีย์เฟรม ดูที่กล่อง properties jpg>แล้วใส่ชื่อในช่อง label เลย


ในที่นี้เราตั้งชื่อเฟรมเป็น $over สำหรับตำแหน่งเมื่อเอาเมาส์ไปวาง
และ $out สำหรับตำแหน่งเมื่อเอาเมาส์ออก

ส่วนคีย์เฟรมที่เป็น actionscript ภายในปุ่ม สั้นๆ ง่ายๆ แค่

สำหรับคนที่ไม่คุ้นชินวิธีใส่สคริปต์ลงบนคีย์เฟรมคือคลิ๊กที่คีย์เฟรมแล้ว F9

เป็นอันเสร็จขั้นตอนภายในปุ่ม ทีนี้ ออกมาจากมูวี่คลิป มาที่เสตจด้านนอก
ทำการตั้งชื่อให้มูวี่คลิปนี้ด้วย โดยการคลิกที่มูวี่คลิป ไปตั้งชื่อที่กล่อง properties
เอาไว้ใช้สำหรับการอ้างอิงกับ actionscript เราตั้งเป็น btnSample



จากนั้นสร้างเลเยอร์ขึ้นมาใหม่เพื่อเอาไว้ใช้ใส่สคริปต์



โดยบนเฟรมนั้น ใส่สคริปต์ตามนี้



เป็นอันเสร็จพิธีการ publish ออกไปใช้งานได้เลยจ้า เยเย

ทีนี้มาลองทำความเข้าใจสคริปต์ที่เพิ่งใส่ไปตะกี๊กัน
btnSample คือชื่อของมูวี่คลิปตามที่เราได้ตั้งเอาไว้
btnSample.onRollOver หมายถึงเมื่อเอาเมาส์ไปวางที่มูวี่คลิป
btnSample.onRollOver = function(){...}
คือ เมื่อเอาเมาส์ไปวางที่มูวี่คลิป btnSample ให้ทำงานตามฟังก์ชั่นนี้
ภายในฟังก์ชั่น
this.gotoAndPlay("$over"); โดย this ในที่นี้หมายถึง btnSample
ก็คือให้ btnSample วิ่งไปที่เฟรมที่ชื่อว่า $over
พอไปที่เฟรมนั้น ก็ทำให้ภายในปุ่มอนิเมทตามไทม์ไลน์ที่เราได้ทำไว้ก่อนหน้านี้นั่นเอง
 
ลองโหลดไฟล์ FLA ไปดูกันได้
 
 
ใครสงสัย ไม่เข้าใจตรงไหนเม้นท์ไว้ได้เลยนะ
หวังว่าจะเป็นประโยชน์ได้ไม่มากก็น้อย
 

Comment

Comment:

Tweet

Professional academic writing company http://essays-shark.net provides custom written papers of high quality.All custom papers are written from scratch by highly qualified academic writers

#27 By Essays-shark.net on 2016-03-26 18:37

<!-- [if gte mso 9]><xml> </xml><![endif]-->

<!-- [if gte mso 9]><xml> Normal 0 21 false false false UK X-NONE X-NONE </xml><![endif]--><!-- [if gte mso 9]><xml> </xml><![endif]--><!-- [if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Обычная таблица"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin-top:0cm; mso-para-margin-right:0cm; mso-para-margin-bottom:8.0pt; mso-para-margin-left:0cm; line-height:107%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-fareast-language:EN-US;} </style> Buy research paper online perfect academic writers!

#26 By brownlee on 2015-11-11 18:05

Writing essays is a difficult task. However, the majority of students have to write essays in colleges and schools. Some essay types are easy while other require special skills and knowledge. It may be difficult to write a good essay for students who have to work part time or students from abroad. essay writing service!

#25 By Lara25 (77.123.86.132|77.123.86.132) on 2015-08-25 14:27

First-class Custom Writing company offers generous dicounts!

#24 By Phillis (176.8.163.224|176.8.163.224) on 2015-02-26 02:50

Great post! By the way, authentic Custom Writing company offers complete writing support.

#23 By Tibet (193.41.185.9|193.41.185.9) on 2014-07-09 18:32

Interetsing post! Information is really useful. If you want to get interesting papers use Custom Writing services

#22 By Buy Paper (194.44.169.77|194.44.169.77) on 2014-06-17 15:42

Hi there! The team of http://special-essays.com offers substantial assistance and useful tips from professional writers and editors to all students who have problems with their writing assignments.

#21 By high quality essay writing (193.41.186.55|193.41.186.55) on 2014-04-18 18:59

You are overloaded and have no idea how to compose your Law essay, order it from the most respectable agency and you will never feel sorry.

#20 By Business Essay (31.184.238.73) on 2013-08-15 11:23

Our expert resume writers will be happy to provide professional CV writing services to job seekers who do not have time to write a resume. Consider Marvelousresume company and check cover letter. Now you have the necessary info where to buy resume paper, so do not mull over buy resumes and build up your career.

#19 By over here (103.7.57.18|46.161.41.16) on 2013-04-05 19:20

You are seeking for samples of resume writing or how to write a resume? Or you wish to get resume writing tips? Contact Exclusive resume company and you will find all useful information and also a reputable company from which you can buy resume composed by best resume writers.

#18 By resume services (103.7.57.18|91.201.64.16) on 2013-01-09 17:15

Excellently created work history will aid you to pass your interview with no trouble. Do business with writing bureaus which have been suggesting great support to people, who reguire to find the place from where to buy resume paper, at least for several years.

#17 By help with resume writing (103.7.57.18|91.201.64.16) on 2012-10-22 14:51

Do not know where to order perfect custom term papers uk? Look here to receive the necessary help!

#16 By essay writing services uk (103.7.57.18|91.201.64.16) on 2012-08-29 16:26

The wide recognition of the essay writing service raises every day. It is just because of colleges writing projects.

#15 By writing term paper (103.7.57.18|91.201.64.16) on 2012-08-29 16:18

One reproduces a student thesis in establishment to complete a full division of academic education, such as in construction to receive a master's degree. But there are people who provide dissertation writing supreme-thesis.com, it’s better way.

#14 By thesis (103.7.57.18|31.184.238.21) on 2012-07-05 02:40

I’m sure that a lot of thesis service or custom dissertation services will hire you to complete a kind of great thesis write just about this good post.

#13 By dissertation (91.212.226.136) on 2012-01-12 14:49

Colossal subject close to college! Very useful to be honest! If you're engaged, feel free to contact our essay writing company that can assist you with colossal custom research papers. Best of luck!

#12 By custom essays (91.212.226.136) on 2012-01-10 11:23

An academic level should be really serious thing for anybody. Who will aid you in best dissertation referring to this good post making? I should advice to purchase the thesis at the thesis writing services. Hoping that the advice will aid students!

#11 By dissertation writing (91.212.226.136) on 2012-01-09 22:53

I am required to create my research paper rapidly. Maybe I will buy a Personal Essay. I cannot detect another way.

#10 By Custom Writing (31.184.238.21) on 2012-01-07 01:18

Incorrectly accomplished online essays could mess up your good name. Nevertheless, when you buy a paper of great quality, all is good.

#9 By buying term paper (94.242.214.6) on 2011-12-10 05:53

Thnx a lot for the cool thought connected with this topic. But to see the professional custom essays all people should get know just about custom research paper.

#8 By essay buy (94.242.214.6) on 2011-12-08 22:52

Millions of people in the world have information about article submission service and article submission companies. It is real to use that for such kind of the best data like this good topic.

#7 By article submission (94.242.214.6) on 2011-12-08 08:50

Some dissertation services are currently searching for your well done thought about this post for the thesis papers performing.

#6 By dissertation (94.242.214.6) on 2011-12-03 02:08

555 ขโมยชื่อมาใช้กันโต้งๆ เลย

#3 By lotto on 2011-04-15 15:17

ทำไมทำเวบแล้วตั้งชื่อ ninninny ไอ้เราก็นึกว่า..

ปืนฉีดน้ำ มีความสุขในวันสงกรานต์เน้ออ

#2 By Knoie (223.206.166.191) on 2011-04-13 09:13

สุดยอดดครับbig smile big smile

ขอบคุณมากฮะ

#1 By ลิงแว่น on 2011-04-07 17:01