ฟอนต์ฟอรั่ม

F0NT Community (เก่า) => ห้องคอม => ห้องแฟลช => โพสต์ถูกเริ่มโดย: e-nesra เมื่อ 03 มี.ค. 2009, 23:24 น.

ชื่อเรื่อง: สร้าง Cussor Mouse ?
โพสต์โดย: e-nesra เมื่อ 03 มี.ค. 2009, 23:24 น.
(http://img3.f0nt.com/04/824b9c51895b40c6ccd511ec78e96d53.gif)

1. กด (Ctrl+F8) เพื่อสร้าง symbol ใหม่ จะมีหน้าต่าง "Create New symbol" ขึ้นมา เลือกเป็น movie clip แล้วตั้งชื่อ symbol ว่า CurserNew_mc ดังรูป

(http://img3.f0nt.com/04/09119fc94cbe00867d53b26c1a5faac2.gif)

2. วาดรูป mouse ที่ต้องการลงไป ดังรูป

(http://img3.f0nt.com/04/bf69144fce549725faf8eb56f21db85a.gif)

3. จากนั้น กลับไปที่ "Scene 1" โดยคลิกที่ "Scene 1" ที่อยู่ด้านบน ดังรูป

(http://img3.f0nt.com/04/5b7f25e870ded95515bf6b8d0ca71739.gif)

4. ลาก movieclip ใน library ที่สร้างขึ้น ลงไปใน stage ถ้า หน้าต่าง library ไม่ปรากฏ ให้กด (Ctrl+L).

(http://img3.f0nt.com/04/b04cb568347e7181110fb81da111c8df.gif)

5. ตั้งชื่อ symbol ว่า "cursernew" ใน instance text box ตรง property ด้านล่าง

(http://img3.f0nt.com/04/eeda4926f94c040b2030b1a98d14c567.gif)

หรือ

(http://img3.f0nt.com/04/a82f00b5784adfd2b116cb497f1dafcc.gif)

6. ไปที่ เฟรมแรก ของ "Layer1" และเปิด Actionscript panel ขึ้นมา (ถ้า actionscript panel ไม่มีให้กด "F9")

7. ใ่ส่ action script ลงไป ดังนี้

Mouse.hide()
startDrag(cursernew,true)

8. กด ctrl+enter เพื่อดูผลลัพธ์ที่ได้

จากตรงนี้ผมก็ยัง งงๆ อยู่ใครภูมิความรู้แข็มแข็งช่วยอธิบายให้ผมผู้ไร้การศึกษาอย่างละเอียดให้หน่อยนะครับเป็นภาพได้ยิ่งดี แต่ถ้ามีจู๋อยู่แล้วก็ขอโทษด้วยนะครับหาแล้วหาไม่เจอ อ่อขอบคุณครับ
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: iannnnn เมื่อ 04 มี.ค. 2009, 00:05 น.
เท่าที่ดูก็ไม่มีปัญหาอะไรแล้วนะครับ (เหลือแค่ที่บอกว่า ดังรูป มันไม่มีรูปให้ดัง)


ตอนนี้ก็เหลือแค่ลองทำดูเท่านั้นแหละ
แล้วจะเอาภาพประกอบระหว่างการทำมาแปะให้ดูเป็นวิทยาทานก็ไม่แลวนะครับ :12:
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: e-nesra เมื่อ 04 มี.ค. 2009, 00:46 น.
ขอบคุณครับพี่แอน ซึ้งใจ :05: (แก้ไขภาพให้แล้วนะครับ)
ทำได้แล้วครับ ขอบคุณครับ (อะไรของมันถามเอง ตอบเอง)
ตอนนี้อยากรู้ว่าเราจะเอาลงเว็บยังไงดีอะครับ แหะๆ
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: ~ZephyR~ เมื่อ 04 มี.ค. 2009, 15:01 น.
ขออนุญาต นำไปสอนน้องๆ ที่ค่าย comcamp ได้รึเปล่าครับ  :25:
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: iannnnn เมื่อ 04 มี.ค. 2009, 16:16 น.
:30: นั่นสิ ถามเองตอบเองเฉยเลย


เวลาเอาลงเว็บก็ลองเขจ้าเมนู File > Publish settings แล้วเลือก html ครับ
มันจะให้ html เรามาไฟล์นึง นั่นแหละเอาไปใช้ได้เลย
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: กากก่อเกรียนนู้บ เมื่อ 04 มี.ค. 2009, 18:31 น.
Mouse.hide()
แปลตรงตัวเลย คือซ่อนเมาส์ครับ มันจะซ่อนเมาส์ของวินโดวส์

startDrag(cursernew,true)
สามารถเขียนได้อีกแบบคือ

cursernew.startDrag(true);

ซึ่งแนะนำอย่างหลังมากกว่าครับผม เพราะเราแน่ใจว่า สั่งให้ทำงานได้ถูกตัวชัวร์ๆ

คำสั่ง startDrag คือคำสั่งที่ทำให้ตัว MovieClip เคลื่อนที่ตามไปกับเมาส์ครับ
ไอ้ true ในวงเล็บเนี่ย หมายความว่า ให้จุด Registration ของ MovieClip (ที่เป็นรูป + เวลาคลิกที่ MovieClip)
ล็อกไปกับเมาส์เลยหรือเปล่า

พอเอา 2 อย่างนี้มาผสมกัน มันก็เลยเหมือนกับว่า เรามีเมาส์ในแบบของเราเองนั่นแหละครับ  :12:

-----------

เวลาเอาไปใช้เนี่ย ใช้ Publish เป็น HTML ออกมาก่อนครับ (ตามที่พี่แอนบอก)
จากนั้น ให้เข้าไปที่โฟลเดอร์ที่เซฟไฟล์ fla ไว้

ให้ก๊อปไฟล์ในนั้นไปให้หมด ยกเว้น fla

สังเกตไว้อย่างนึงคือ มันจะมีไฟล์นามสกุล swf
ไอ้นี่แหละครับ คือตัว Flash ล่ะ ตัว swf สามารถแทรกลงหน้าเว็บได้ครับ

แต่ fla ให้นึกถึงว่ามันคือไฟล์ดิบๆ ไฟล์นึง ใช้งานจริงไม่ได้
แต่เวลาแก้ไข ต้องมาแก้ที่ fla

อารมณ์เดียวกับทำงาน Photoshop น่ะครับ

เอาไฟล์ psd ขึ้นเว็บ มันก็แสดงผลไม่ได้ครับ ใหญ่อีกตะหาก
ถ้าจะเอาไปใช้ ก็ต้องทำเป็นไฟล์ภาพก่อน
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: e-nesra เมื่อ 04 มี.ค. 2009, 18:44 น.
ขอบคุณครับ แสดงว่าถ้าทำตามที่ก่อบอกก็จะใส่ในดรีมได้ทั้งๆที่เราทำเว็บเป็นไฟล์ภาพลงเว็บได้ใช่ไหมครับ
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: iannnnn เมื่อ 04 มี.ค. 2009, 22:07 น.
^
^
ไม่ค่อยเข้าใจคำถาม แต่ก็ตอบได้กว้างๆ ว่าใช่ครับ


จานก่ออธิบายละเอียดดีมากเลย ขอบคุณครับ :25:
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: e-nesra เมื่อ 09 มี.ค. 2009, 17:26 น.
คือแบบนี้ครับ

(http://img3.f0nt.com/09/373053cb88e4294f42f69e4fe2c74f32.jpg)

cursor เปลี่ยนแล้วนะครับ แต่จะคลิ๊กที่เมนูเนี่ยแหละทำยังไงเหรอครับ
อ่อ อีกอย่างต้องการทำ เอฟเฟคเมนู จาก photoshop อีกด้วยสิครับ
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: กากก่อเกรียนนู้บ เมื่อ 09 มี.ค. 2009, 19:19 น.
ก็สั่ง onPress onRelease ที่ปุ่มตามปกติอะครับ
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: e-nesra เมื่อ 09 มี.ค. 2009, 22:22 น.
แหะๆ ยังไงเหรอครับพี่ก่อ มันเป็นไฟล์ภาพตั้งแต่ต้นเลยอ่ะครับปิค
มาตัดเอาแล้วก็ทำเมนูรูป แบบ Rollover Image ใน dream ทำำเมนู
เป็นไปได้ยกตัวอย่างภาพให้เห็นจะเป็นพระคุณอย่างสูงเลยครับ
อีกอย่างนอกจากวาดรูปใน flash แล้วก็ไม่ค่อยคล่อง flash ซะด้วย
นี่ก็ดันทุรังอ่านหนังสือ flash จบไป 2 เล่มยังไม่รู้จะทำยังไงเลยต้อง
มาอาศัยปรมจารย์ ทั้งพี่แอน และพี่ ก่อ เดี๋ยวมีเลี้ยงขอบคุณ เหอ ๆ
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: กากก่อเกรียนนู้บ เมื่อ 10 มี.ค. 2009, 14:01 น.
วิธีทำปุ่มอะครับ
1. เลือกรูปที่จะทำปุ่ม กด F8 หรือเลือกเมนู Modify > Convert to Symbol...
2. เลือก Behavior เป็น Button ครับ เปลี่ยนชื่อตรง Name แล้วกด OK ไป
3. เสร็จแล้วรูปที่เลือกมันก็กลายเป็นปุ่มแล้วอะครับ
4. ถ้าจะเพิ่มรูปตอนเอาเมาส์ไปชี้ก็ Double Click เข้าที่ปุ่มที่ทำไว้
5. สังเกตตรง Timeline ครับมันจะมีอยู่ 4 เฟรมคือ Up, Over, Down, Hit
6. ใส่รูปตอนเอาเมาส์ชี้ ก็ Insert Blank Keyframe เข้าไปที่ Over แล้วเอารูปมาวาง
7. ใส่รูปตอนคลิกเมาส์ ก็ Insert Blank Keyframe เข้าไปที่ Down แล้วเอารูปมาวาง
8. กำหนดพื้นที่ที่สามารถเอาเมาส์ไปกดได้ ก็ Insert Blank Keyframe เข้าไปที่ Hit แล้วเอารูปมาวาง

ใส่สคริปต์ที่ปุ่ม
หลังจากแก้ปุ่มแล้ว ให้กลับออกมาด้านนอกปุ่มครับ
1. คลิก 1 ครั้งที่ปุ่ม (ให้ตรง Properties ขึ้นเป็นรายละเอียดของ Button ที่เลือก/ที่ต้องการจะใส่สคริปต์)
2. กด F9
3. ใส่

on(press){
   //คำสั่งที่จะทำเมื่อกดปุ่ม
}


ทีนี้มันไม่ได้มีแค่ press อย่างเดียวครับ มี Event อย่างอื่นด้วย
เวลาพิมพ์ on แล้วกด ( มันจะมีตัวเลือกมาให้เลือกเลยครับ ไม่ต้องห่วง
Event แต่ละอย่าง มันก็ทำงานเหมือนชื่อ Event นั่นล่ะครับ อย่าง rollOver ก็แปลว่า จะทำงานใน {} เมื่อเอาเมาส์มาชี้ เป็นต้น


---------
เรื่องพวกนี้อยู่ในหนังสือแฟลชทุกเล่มครับ :12:
แต่ชื่อหัวข้ออาจไม่เหมือนกัน เป็นเรื่องของการทำปุ่ม หรืออาจจะพลิกไปดู ดรรชนี (Index) หลังเล่ม หาเรื่อง Event ก็ได้ครับ
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: e-nesra เมื่อ 10 มี.ค. 2009, 14:27 น.
ขอบคุณครับพี่ก่อ สุดยอดจริงๆ เก่งจังครับสอนผ่าน Internet ได้ด้วย  :45: :45: :45:
เดี๋ยวปิคหาคำสั่งลิงค์เองน่าจะไหว(มั้งครับ) ขอบคุณครับ ว่างๆ พาไปเลี้ยง ฮ่าๆ  :52:
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: กากก่อเกรียนนู้บ เมื่อ 10 มี.ค. 2009, 14:31 น.
 :30: โอเช

ส่วนคำสั่งลิงค์ไป html อื่นก็ใช้ getURL ครับ ลองดูๆ
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: maggotgluon เมื่อ 13 มี.ค. 2009, 02:07 น.
อ้างคำพูดจาก: นายก่อ เมื่อ 10 มี.ค. 2009, 14:01 น.
on(press){
   //คำสั่งที่จะทำเมื่อกดปุ่ม
}

ขอเพิ่มเติมจากพี่ก่อนะครับ นอกจากการเขียนลงบนปุ่มแล้วยังสามารถเขียนลงบน Timeline ได้ด้วย
โดยไม่ต้องห่วงว่า Symbol Behavior เราจะเป็นอะไร (MovieClip, Button, Graphic )
การเขียนคือ
MovieClipInstantName.on(press)=function{
   //คำสั่งที่จะทำเมื่อกดปุ่ม
}

กรณีนี้อาจดูยุ่งยาก แต่จะง่ายในเชิงการพัฒนาที่ซับซ้อนซ่อนเงื่อน
:12:

ปล. ละโว้ป่าวเนี่ย :21:

ปล2. ใช้กับ graphic ไม่ได้นะครับเพราะตั้ง instant name ไม่ได้ :16: ขออภัย :46:
function แก้ให้แล้วนะครับ
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: iannnnn เมื่อ 13 มี.ค. 2009, 02:09 น.
อ๊ะ เขียนสั่ง Graphic ได้ด้วยเหรอครับ ความรู้ใหม่ๆ :25:
(คำว่า function สะกดผิดนะครับ)
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: e-nesra เมื่อ 14 มี.ค. 2009, 13:31 น.
ขอบคุณครับ  :40:


แล้วถ้าต้องการลิงค์เข้าไฟล์อีกไฟล์นึง แต่ Button เป็นไฟล์ภาพจะต้องใช้คำสั่งอะไรครับ
เพราะปิคไม่เห็นมันมีลิงค์ขึ้นมาเหมือนที่เรา พิมพ์ไฟล์ Text นี่ครับ  :09:
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: @srakrn เมื่อ 09 พ.ค. 2009, 15:13 น.
 :12:
+ก่อ
+ปิก
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: e-nesra เมื่อ 18 พ.ค. 2009, 10:02 น.
ขอบคุณครับ  :46:
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: Eniac เมื่อ 08 พ.ย. 2009, 12:30 น.
http://img3.f0nt.com/flash/fefad77c0373490169915a360b60e30f.swf
http://img3.f0nt.com/flash/c8af1ee7437ec6a4ee6c6d2e7ce33f40.swf
แต่มันต้องเซ็ด fps ให้เยอะๆหน่อย(อันบน 50 fps อันล่าง 12 fps)
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: Bellbells เมื่อ 08 พ.ย. 2009, 23:35 น.
 :27:
ชื่อเรื่อง: ตอบ: สร้าง Cussor Mouse ?
โพสต์โดย: Oๅยุจัง เมื่อ 27 ก.พ. 2010, 14:25 น.
http://www.madoosi.com/up_images/200911/6f101ebd585bc1c09befa84af2e38a4d.swf


ใช่แบบนี้มั้ย