|
|
แก้ไขครั้งสุดท้ายโดย nooknazha เมื่อ 2018-6-22 19:52
[Renpy] 41. วิธีใส่ภาพ animation หลังตัวละครพูดจบCTC
CTC ย่อมาจากคำว่า Click to Continue icon แปลง่ายๆมันก็คือสัญลักษณ์ที่จะแสดงขึ้นเพื่อให้เราคลิกอ่านประโยคคำพูดประโยคต่อไปของตัวละคร ถือเป็นการเพิ่มลูกเล่นอย่างนึงให้กับกรอบสนทนาค่ะ
ตัวอย่างการทำภาพ animation ใน renpy
เนื่องจากโปรแกรม renpy จะไม่อนุญาตให้นำภาพสกุล.git ที่เคลื่อนไหวมาใช้ได้ การสร้างภาพอนิเมชั่นในโปรแกรม renpyเราจำเป็นต้องสร้างภาพที่มีลักษณะการเคลื่อนไหวต่อเนื่องกัน(อย่างน้่อย3 ภาพ) มาบันทึกไว้เป็นสกุล .png ค่ะ
สำหรับภาพที่จะนำมาทำเป็น ctc หรือ ภาพ animationหลังคำพูดของตัวละคร เราควรออกแบบให้มีขนาดประมาณ 20*20 pt ถือว่าเป็นขนาดกำลังดีค่ะ ไม่เล็ก หรือใหญ่เกินไป(จะสร้างกี่ภาพก็ได้แล้วแต่ความขยัน แต่ส่วนใหญ่ก็สร้างไว้ 3 ภาพกำลังดี)
ในกรณีที่ภาพ animation ที่เราออกแบบนั้นเราต้องการให้มันหมุนวนๆ ซ้ำๆ อยู่กับที่ เราก็ควรใช้คำสั่ง rotate จาก transform มาใช้เพื่อให้ศูนย์กลางของภาพไม่เคลื่อน(คำสั่ง Rotate และ Transform มีทั้งในโปรแกรมPS และ AI)
(ภาพที่1)(จับภาพหมุนทีละ 45 องศา)
(ภาพที่2)
(ภาพที่3)
-------------------------------------------------------------------------
โค๊ดคำสั่งที่ใช้
ให้เปิดไฟล์ script.rpy ขึ้นมาและใส่โค๊ดเพื่อประกาศชื่อตัวแปรของ"ตัวละคร" ลงไปดังนี้ค่ะ
Code:
- define b = Character('วัฏฏะ', color="#f8f092",
- ctc = Animation("ctc_1.png", 0.25,
- "ctc_2.png", 0.25,
- "ctc_3.png", 0.25, ))
- หรือจะเขียนแบบนี้ก็ได้เหมือนกันค่ะ
- init:
- $ b = Character('วัฏฏะ', color="#f8f092",
- ctc = Animation("ctc_1.png", 0.25,
- "ctc_2.png", 0.25,
- "ctc_3.png", 0.25, ))
(ตัวอย่างการใส่โค๊ดในไฟล์ script.rpy)
ที่ label start ก็ใส่โค๊ดพูดของตัวละครตัวนั้นๆตามปกติ
(บันทึกไฟล์และรันเกมส์)
ในกรณีที่กำหนดให้ ตัวละครตัวนั้นๆ แสดงภาพความรู้สึกประกอบการพูดด้วย เราก็จะต้องใช้การเขียนโค๊ดอีกแบบค่ะ
Code:
- init:
- $ p = Character('ปกิณกะ', color="#FCFC68",
- what_xpos = 5,
-
- ctc="ctc_animation",
-
- show_side_image=ConditionSwitch(
- "pg == 'normal' ", "cha/dongmai_mini.png",
- "pg == 'happy' ", "cha/dongmai_mini_smile.png",
- None, Null(),
- xalign=0.01, yalign=1.01))
- image ctc_animation = Animation("menu/ctc_1_1.png", 0.20,
- "menu/ctc_1_2.png", 0.20,
- "menu/ctc_1_3.png", 0.20, )
(ตัวอย่างการใส่โค๊ดในไฟล์ script.rpy)
ใส่โค๊ดพูดของตัวละครตัวนั้นๆ "พร้อมภาพประกอบในกรอบ" ที่ label start
(บันทึกไฟล์และรันเกมส์)
และถ้าต้องการกำหนดตำแหน่งที่จะแสดงภาพ Animation ด้วย ก็ต้องเพิ่มโค๊ดลงไปดังนี้ค่ะ
Code:
- <font size="4" face="Tahoma">
- init:
- $ p = Character('ปกิณกะ', color="#FCFC68",
- what_xpos = 5,
-
- ctc="ctc_animation",ctc_position="fixed",
-
- show_side_image=ConditionSwitch(
- "pg == 'normal' ", "cha/dongmai_mini.png",
- "pg == 'happy' ", "cha/dongmai_mini_smile.png",
- None, Null(),
- xalign=0.01, yalign=1.01))
- image ctc_animation = Animation("menu/ctc_1_1.png", 0.20,
- "menu/ctc_1_2.png", 0.20,
- "menu/ctc_1_3.png", 0.20,
- xpos=0.85, ypos=0.95,
- xanchor=1.0, yanchor=1.0 )
- </font>
(บันทึกไฟล์และรันเกมส์)
ขอให้สนุกกับการทำเกมส์นะคะ
*********************************************
บทความโดย นุ้ก
ขอจบบทความแค่เพียงเท่านี้ แล้วพบกันใหม่บทความหน้าค่ะ ^^
(ขอสงวนสิทธิ์อนุญาตให้เผยแพร่เฉพาะในเว็บ www.graphicfufu.comเท่านั้น)
|
|
โพสต์ 2018-6-22 19:49:23