เริ่มต้นกับ Flash Catalyst by

28
May
1
*เนื้อหาใน entry นี้มาจากความเข้าใจของผมเองล้วนๆ ถ้าผิดถูกยังไงก็ขออภัย และน้อมรับคำแนะนำทุกข้อครับ
Flash Catalyst คืออะไร?
Tool ที่ช่วยแปลงจาก ไฟล์กราฟฟิค(.ai หรือ .psd) กลายเป็น Component ต่างๆ(Button, Tab, Scrollbar, etc.)
ได้อย่างง่ายดาย ชี้ปุ่มเป็นปุ่ม ชี้ tab เป็น tab
ทำไมต้องใช้ Flash Catalyst?
ก่อนหน้าจะมี Flash Catalyst เวลาผมทำ Flash App หรือ Flash Game การที่จะสร้างปุ่มขึ้นมา 1 ปุ่มนั้น
ขั้นตอนที่ต้องคือ Import รูปปุ่มนั้นๆเข้าไปใน .fla สร้างมันเป็น Movieclip ถ้ามีการ Rollover แล้วต้อง ดีดเด้ง เปลี่ยนสี โฉบเฉี่ยวไฉไล ก็ต้องทำ animation ยืดๆีดัดๆมันบน timeline ก็ว่ากันไป เสร็จแล้วก็ ตั้งชื่อ KeyFrame ให้โปรแกรมเมอร์เข้าใจว่า เออ ไอ้นี่ถึงนี่ มันคือ ตอนธรรมดานะ ตอน Rolloverนะ เอาเม้าส์ออกแล้วให้มาหยุดตรงนี้นะ
ซึ่ง!! ต้องเสียเวลาทำความเข้าใจกับโปรแกรมเมอร์ระดับนึง เข้าใจตรงกันบ้าง ไม่ตรงกันบ้าง แต่ถ้าใช้ FC ก็ลืมเรื่องพวกนี้ไปได้เลย บอกมัน(ในที่นี้คือ FC)ไปเลย ไอ้นี่คือธรรมดา ไอ้นี่คือเอาเม้าส์ชี้ เอาเม้าส์ออก หรือ แบบนี้คือ Disable ที่กล่าวมาทั้งหมดนี้คือความสามารถพื้นฐานของ FC เฉยๆนะครับ ยังมีอีกหลายอย่างเลยที่ทำให้ เราสามารถทำงานได้เร็วมากขึ้นเยอะ
Sample กับ Flash Catalyst
1. ปุ่ม
1.1 Import File .ai เข้าไป
1.2 บอกมันว่าเป็นปุ่ม
1.3 Edit ในแต่ละ State ว่าจะเป็นหน้าตายังไง เช่นขนาดใหญ่ขึ้น
State ของ Button จะมี 4 อันคือ up(ปกติ), over(เอาเม้าส์ไปวาง), down(กดคลิก), disable
1.4 Edit Animation ในการเปลี่ยนจาก State นึง ไปอีก State นึง
2. Scrollbar
2.1 บอกมันไปว่าเป็น scrollbar เลือกแนวตั้งแนวนอนให้ถูกด้วยนะ
2.2 ส่วนสำคัญของการ ทำ Scrollbar คือ Part ต่างๆต้องครบ ขั้นตอนถัดมาเราจึงต้อง Edit Part มันก่อน
Scrollbar จะมีองค์ประกอบทั้งหมด 4 ส่วน คือ Thumb(ปุ่มตรงกลางที่ไว้ลากขึ้นลง), Track(ราง), ปุ่มขึ้น, ปุ่มลง
ซึ่ง2ส่วนแรกจำเป็นต้องมี
เท่านี้ก็เสร็จละครับ
ข้อเสียของ Flash Catalyst
เท่าที่ผมรู้สึกตอนนี้คือ มัน edit animation ระหว่าง state ได้ไม่มันส์เท่าไร ทำใน Flash จะคล่องและยืดหยุ่นกว่า
แต่ก็นะ ถ้าทำ Flash App ธรรมดา ไม่ได้มีอะไรพิสดารมาก เท่านี้ก็เพียงพอแล้ว

Enjoy this article?

Consider subscribing to our RSS feed!

1 ความเห็น

ใส่ความเห็น

RSS feed for comments on this post

 เราชนะรอบ 4 | ยืมเงิน 3000 ด่วน | แอพกู้เงิน | แอพเงินด่วน | สินเชื่อออนไลน์อนุมัติทันที | Site Map | กู้เงินก้อน | กระเป๋าตัง | thisshop และ ยืมเงินฉุกเฉิน 5000 ด่วน