ฟอนต์.คอม
ฟอรั่ม
คุ้ยหัวข้อ
เข้าสู่ระบบ
สมัครสมาชิก
ยินดีต้อนรับจ้ะ
ขาจร
กรุณา
เข้าสู่ระบบ
หรือ
สมัครสมาชิก
ส่งอีเมลยืนยันการใช้งาน?
1 ชั่วโมง
1 วัน
1 สัปดาห์
1 เดือน
ตลอดกาล
ฟอนต์ฟอรั่ม
>
F0NT Community (เก่า)
>
ห้องคอม
>
ห้องแฟลช
(ผู้ดูแล:
จักรี
,
กากก่อเกรียนนู้บ
,
ej_sing
) > หัวข้อ:
[tutorial]มาลองPseudo3Dกันดีกว่าง่ายกว่าที่คิ
หน้า: [
1
]
ผู้เขียน
หัวข้อ: [tutorial]มาลองPseudo3Dกันดีกว่าง่ายกว่าที่คิ (อ่าน 4935 ครั้ง)
0 สมาชิก และ 1 ขาจร กำลังดูหัวข้อนี้
KapomMan
Level 5
โพสต์: 127
เปิดสอนคอร์ส Actionscript3.0 Class Programming And Away3D แล้วคร๊าบบ
ออฟไลน์
จิตพิสัย
24
[tutorial]มาลองPseudo3Dกันดีกว่าง่ายกว่าที่คิ :
05 มี.ค. 2010, 14:25 น.
สวัสดีครับ พอดีช่วงนี้ผมกำลังศึกษาเรื่องหลักการ 3D อยู่เพื่อจะเขียนพวกการทำงาน 3D เอง แล้วก็ไปพบวิธีการทำงาน 3D แบบหลอกๆขึ้นมาอันนึง ซึ่งบางคนอาจจะเคยทำแล้วก็ได้นะฮิ แต่ว่าหลายๆคนผมคิดว่ายังไม่เคยรู้ว่ามีวิธีง่ายๆแบบนี้อยู่ในโลกแน่นั่ง
โดยหลักการทำงานของตัว Pseudo นี้ก็คือการ attach เอา MovieClip ออกมาวางซ้อนกันหลายๆชั้นจนได้เป็นภาพที่ดูเสมือน 3D ขึ้นมา โดยแต่ละชั้นจะแสดงภาพแตกต่างกันไป(ให้นึกถึงหลักการเดียวกับการทำ CT scan (เขียนยังงี้หรือเปล่า) ที่แสกนสมองคนให้เห็นเป็นภาพตัดขวางน่ะครับ) วิธีนี้ฝรั่งเขาทำมานานแล้วครับ คาดว่าจะตั้งแต่ Flash6 เลยมั้งหรือไม่ก็ flash5 แต่ผมเพิ่งค้นพบ q>_<p
ไม่ต้องพูดพร่ำทำเพลงกันมาดูตัวอย่างกันก่อนดีกว่า
http://www.codeartschool.com/test/KaPseu3D/sample3.swf
ดูแล้วเป็นยังไงครับ ดูเนียนเหมือน 3D จริงๆด้วย ทั้งที่จริงๆแล้วมีโค๊ดไม่ถึง 40 บรรทัดเลยครับ ทีนี้ลองมาดูตัวอย่างง่ายๆของผมนะครับ เริ่มจาก template ที่ผมสร้างขึ้นเป็น Movie Clip มีการ animate ตามนี้
http://www.codeartschool.com/test/KaPseu3D/sample1_template.swf
ก็จะดูธรรมดาๆ ไม่มีอะไรแต่พอสั่งให้มัน attach ออกมาเรียงซ้อนกันเป็น step แล้วสั่งให้หมุนทุกอันพร้อมกัน สิ่งที่เราได้ก็คือ
http://www.codeartschool.com/test/KaPseu3D/sample1.swf
ทีนี้น่าจะพอเห็นภาพบ้างแล้วนะครับ มาลองดูตัวอย่างอีกอันนึง จาก Template แบบนี้
http://www.codeartschool.com/test/KaPseu3D/sample2_template.swf
เราก็จะได้แบบนี้
http://www.codeartschool.com/test/KaPseu3D/sample2.swf
เป็นยังไงครับ ง่ายไหมครับ หรือว่าอ่านแล้วงงตั้งแต่บรรทัดแรกหว่า - -"
วิธีนี้เป็นวิธีการทำ 3D แบบหลอกๆ ซึ่งอย่างที่บอกว่าหลอกๆ ดังนั้นหลักการพวก Z-Order อะไรพวกนี้ไม่มีแน่นอน การทำงานก็คงต้องนำไปประยุกค์ต่อไปว่าจะทำอย่างไรให้มันทำอะไรได้มากกว่านี้ แต่ถ้าใครต้องการแสดงโมเดลหมุนเฉยๆแบบนี้ก็ใช้ได้แล้ว ไม่ต้องใช้พวก Class 3D ต่างๆก็ได้ครับ เขียนโค๊ดไม่เยอะ แต่ฝึกการใช้จินตนาการหน่อย
ปล.ใครลองเอาไปทำได้อะไรสวยๆแล้วก็เอามาแบ่งกันดูมั่งนะครับ เอามาโพสลงกระทู้นี้เป็นหมวด Pseudo 3D กันเลยก็ได้ครับ ผมอยากเห็น
บันทึกการเข้า
http://www.kapom.com/bannerKapom.swf
ตอนนี้โรงเรียนย้ายไปอยู่บ้านกลางเมืองแยก รัชดา-ลาดพร้าวแล้วนะคร๊าบบ
ป้าแป้งกึ่งสำเร็จรูป
เพียงแค่เติมน้ำ....
มังกร
โพสต์: 6150
เอาไว้กินกับ
ออฟไลน์
จิตพิสัย
380
ตอบ: [tutorial]มาลองPseudo3Dกันดีกว่าง่ายกว่าท :
05 มี.ค. 2010, 17:06 น.
แล้วมันทำยังไงกันอ่ะ
บันทึกการเข้า
เราแก้ไขอดีตไม่ได้ แต่เราทำปัจจุบันให้ดีได้
KapomMan
Level 5
โพสต์: 127
เปิดสอนคอร์ส Actionscript3.0 Class Programming And Away3D แล้วคร๊าบบ
ออฟไลน์
จิตพิสัย
24
ตอบ: [tutorial]มาลองPseudo3Dกันดีกว่าง่ายกว่าท :
05 มี.ค. 2010, 19:03 น.
แอบอ้างจาก: ป้าแป้งกึ่งสำเร็จรูป ที่ 05 มี.ค. 2010, 17:06 น.
แล้วมันทำยังไงกันอ่ะ
สร้าง mc มาแล้ว attachMovie ออกมาเรียงซ้อนๆกันน่ะครับ ตามรูปประกอบ
บันทึกการเข้า
http://www.kapom.com/bannerKapom.swf
ตอนนี้โรงเรียนย้ายไปอยู่บ้านกลางเมืองแยก รัชดา-ลาดพร้าวแล้วนะคร๊าบบ
ณัฏฐ์
โลกร้อน ก็เปิดแอร์สิ!
มังกร
โพสต์: 13020
เทพเจ้า
ออฟไลน์
จิตพิสัย
247
ตอบ: [tutorial]มาลองPseudo3Dกันดีกว่าง่ายกว่าท :
05 มี.ค. 2010, 19:36 น.
บันทึกการเข้า
ณัฏ ครับ
|
nuttyi.com
iannnnn
ยักษ์
โพสต์: ขี้เกียจนับ
ยึกษ์
ออนไลน์
จิตพิสัย
3488
ตอบ: [tutorial]มาลองPseudo3Dกันดีกว่าง่ายกว่าท :
05 มี.ค. 2010, 19:44 น.
โหลดแฟลชไม่ขึ้นครับ
มันจะคล้ายๆ แบบนี้รึเปล่า
http://www.u6isap.com
บันทึกการเข้า
ทำมาหากินด้วยการเปิดร้าน
สกรีนเสื้อยืด
จ้ะ
KapomMan
Level 5
โพสต์: 127
เปิดสอนคอร์ส Actionscript3.0 Class Programming And Away3D แล้วคร๊าบบ
ออฟไลน์
จิตพิสัย
24
ตอบ: [tutorial]มาลองPseudo3Dกันดีกว่าง่ายกว่าท :
05 มี.ค. 2010, 23:22 น.
แอบอ้างจาก: iannnnn ที่ 05 มี.ค. 2010, 19:44 น.
โหลดแฟลชไม่ขึ้นครับ
มันจะคล้ายๆ แบบนี้รึเปล่า
http://www.u6isap.com
เอ..โหลดไม่ขึ้นซักอันเลยเหรอ แปลกจังแฮะ...แล้วเว็บที่ให้มาเข้าไปลแ้วมันเป็น undercondtruction หรือว่าจะหมายถึงตัวหนังสือที่เลื่อนตามเมาส์ตัวนั้น ถ้าใช่ก็หลักการน่าจะใกล้ๆกันนะ
บันทึกการเข้า
http://www.kapom.com/bannerKapom.swf
ตอนนี้โรงเรียนย้ายไปอยู่บ้านกลางเมืองแยก รัชดา-ลาดพร้าวแล้วนะคร๊าบบ
KapomMan
Level 5
โพสต์: 127
เปิดสอนคอร์ส Actionscript3.0 Class Programming And Away3D แล้วคร๊าบบ
ออฟไลน์
จิตพิสัย
24
ตอบ: [tutorial]มาลองPseudo3Dกันดีกว่าง่ายกว่าท :
06 มี.ค. 2010, 11:49 น.
ทำ Sample Code ไว้ให้ไปลองนะครับ โหลดไปแล้วเปิด แก้ Movie Clip ใน Library ที่ชื่อ mcBuilding ได้เลยครับ แล้วกด Ctrl+Enter ทดสอบดู
http://www.codeartschool.com/test/KaPseu3D/sample1.rar
ลองทำ update มาให้ดูถ้าสนใจก็โหลด file ข้างบนไปลองทำได้เลยนะครับ
http://codeartschool.com/test/KaPseu3D/sample4.swf
«
แก้ไขครั้งสุดท้าย: 06 มี.ค. 2010, 21:21 น. โดย KapomMan
»
บันทึกการเข้า
http://www.kapom.com/bannerKapom.swf
ตอนนี้โรงเรียนย้ายไปอยู่บ้านกลางเมืองแยก รัชดา-ลาดพร้าวแล้วนะคร๊าบบ
จักรี
ลูกชาวนา ฝึกกระบี่
จอมพลัง
โพสต์: 26453
สวัสดี
ออฟไลน์
จิตพิสัย
1333
ตอบ: [tutorial]มาลองPseudo3Dกันดีกว่าง่ายกว่าท :
20 เม.ย. 2010, 12:43 น.
โอ้ว ขอบคุณครับ เดี๋ยวลองดูครับ
บันทึกการเข้า
ล้ำลึกคนึงหาในดวงจิต ใจเคยคิดตัดสวาทมิอาจสิ้น
ดั่งก้านบัวหักกลางชลาสินธุ์ ผิว่าสิ้นไร้เยื่อยังเหลือใย
หน้า: [
1
]
ฟอนต์ฟอรั่ม
>
F0NT Community (เก่า)
>
ห้องคอม
>
ห้องแฟลช
(ผู้ดูแล:
จักรี
,
กากก่อเกรียนนู้บ
,
ej_sing
) > หัวข้อ:
[tutorial]มาลองPseudo3Dกันดีกว่าง่ายกว่าที่คิ
รอแป๊บนะ