บทความสอนกราฟิก

 ลืมรหัสผ่าน
 ลงทะเบียน
ค้นหา
ดู: 3212|ตอบกลับ: 0

[Renpy] 21. วิธีทำไตเติ้ลก่อนเข้าหน้า main menu ( Label Splashscreen)

[คัดลอกลิงก์]

272

กระทู้

272

โพสต์

979

เครดิต

ผู้ดูแลระบบ

Rank: 9Rank: 9Rank: 9

เครดิต
979
แก้ไขครั้งสุดท้ายโดย nooknazha เมื่อ 2018-5-27 23:24

[Renpy] 21. วิธีทำไตเติ้ลก่อนเข้าหน้า main menu ( LabelSplashscreen)

โดยปกติลำดับขั้นตอนการแสดงผลของโปรแกรมrenpy เมื่อผู้เล่นเล่นเกมส์ โปรแกรมจะวิ่งไปหน้า Main Menu ทันที

แต่ในกรณีที่เราสร้าง  labelsplashscreen: ไว้ โปรแกรมจะถูกสั่งให้วิ่งมาทำงานที่ labelsplashscreen:  ก่อนเมื่อโปรแกรมทำตามทุกคำสั่งที่ระบุไว้ใน label splashscreen: จบแล้ว มันก็ถึงจะวิ่งไปที่หน้า main menu ค่ะ

ด้วยเหตุนี้เองผู้สร้างเกมส์จึงจำเป็นต้องกำหนดรูปแบบการแสดงผล หรือทำไตเติ้ลก่อนเข้าสู่ตัวเกมส์จริงๆได้ที่  label splashscreen: ตัวนี้เท่านั้นค่ะ

หลักๆ คำสั่งการแสดงผลที่ label splashscreen: จะแบ่งได้เป็น 3แบบด้วยกัน โดยทั้ง3 แบบนี้เราสามารถประยุกต์นำโค๊ดคำสั่งต่างๆมาผสมกันได้หมดแล้วแต่ไอเดียของผู้สร้างเกมส์เองค่ะ

แบบที่ 1. Text splashscreen แบบ text ล้วนๆ
  1. <font size="4">label splashscreen:

  2.     scene black
  3.     show text "Thaigraph Project Presents..."
  4.     with dissolve
  5.     with Pause(1.0)



  6.     hide text
  7.     with dissolve
  8.    
  9. return</font>
คัดลอกไปที่คลิปบอร์ด
ตัวอย่างการเขียนโค๊ด.... Intro_splashscreen_01.png
- ประโยค Text จะโชว์ที่กลางหน้าจอ พร้อมด้วยพื้นฉากสีดำ
Intro_splashscreen_02.png

- หลังจบฉากไตเติ้ล โปรแกรมก็จะวิ่งมาที่หน้า Main Menu อัตโนมัติ

Intro_splashscreen_03.png
แบบที่ 2. Usingan image  

แบบแสดงเป็นภาพวิธีนี้เราอาจเพิ่มลูกเล่นอนิเมชั่นลงไปโดยให้เพิ่มคำสั่ง move เพื่อย้ายภาพไปยังพิกัดต่างๆ ผสมไปด้วย (คำสั่ง move ยังไม่มีบทความสอนในไทยกราฟ แต่ในตัวโปรแกรม renpy เองจะมีอธิบายการใช้งานให้อยู่แล้ว)
  1. <font size="4">
  2. <blockquote style="background-color: rgb(255, 255, 255);"><font face="Tahoma, sans-serif">init:</font></font>
คัดลอกไปที่คลิปบอร์ด

- ตัวอย่างการเขียนโค๊ด....
Intro_splashscreen_04.png
- เมื่อทำการรันโปรแกรม ภาพนิ่งก็จะแสดงแล้วจึงตัดฉากไปเข้าสู่หน้า Main Menu
Intro_splashscreen_05.png

แบบที่ 3.  Video splashscreen แบบใส่ VDO หรือภาพยนต์
  1. <font size="4"><font size="4"><blockquote>label splashscreen:</font></font>
คัดลอกไปที่คลิปบอร์ด
- ตัวอย่างการเขียนโค๊ด....
Intro_splashscreen_06.png

- เมื่อทำการรันโปรแกรม ฉากVDO ก็จะเล่นทันทีจากนั้นจึงค่อยเข้าสู่หน้าเมนูหลัก หรือ Main Menu
Intro_splashscreen_07.png

บทความโดย นุ้ก
ขอจบบทความแค่เพียงเท่านี้ แล้วพบกันใหม่บทความหน้าค่ะ ^^
(ขอสงวนสิทธิ์อนุญาตให้เผยแพร่เฉพาะในเว็บ www.graphicfufu.comเท่านั้น)



ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | ลงทะเบียน

รายละเอียดเครดิต

ข้อความล้วน|อุปกรณ์พกพา|ประวัติการแบน|GraphicFUFU

GMT+7, 2024-12-22 16:18 , Processed in 0.093276 second(s), 22 queries .

Powered by Discuz! X3.4 R20180101, Rev.59

© 2001-2017 Comsenz Inc.

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้