Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Ren'Py [renpy] วิธีทำ Imagemap หน้า yes/no - prom ...
ดู: 1719|ตอบ: 1
go

[renpy] วิธีทำ Imagemap หน้า yes/no - prompt

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 13-2-2013 03:02 |แสดงโพสต์ทั้งหมด
[renpy] วิธีทำ Imagemap หน้า yes/no - prompt



ขั้นตอนที่ 1  ให้เตรียมภาพสำหรับทำ Imagemap ทั้งหมด 8 ภาพ ได้แก่


- หน้าหลัก 1 หน้า


- "ปุ่ม" ที่จะเปลี่ยนแปลงเมื่อเลื่อนเม้าส์มาทับ (hover)  1หน้า


- และหน้าประโยคคำถามต่างๆ แต่ละสถานะ ซึ่งมี 6 สถานะด้วยกันค่ะ (จริงๆต้นฉบับมันเป็นตัวหนังสือสีขาว แต่ข้าพเจ้าเปลี่ยนให้เป็นสีดำ เพื่อจะได้มองเห็นง่ายๆ)













(***ตัวหนังสือทุกประโยคคำถาม จะต้องจัดวางให้อยู่ภายในกรอบพอดี (กรอบสำหรับแสดงคำพูดที่หน้าหลัก ภาพแรก))

ขั้นตอนที่ 2
- ให้ทำการหาตำแหน่งพิกัดภาพ "ปุ่ม" ทั้ง 2 ปุ่ม (yes และ no) สำหรับคนที่หาพิกัดตำแหน่งภาพไม่เป็นให้ศึกษาจากบทความนี้ก่อนค่ะ
[renpy] วิธีทำ Imagemap ภายในเกมส์



ขั้นตอนที่ 3
- เปิดไฟล์ screen.rpy ขึ้นมา และเลื่อนเม้าส์ลงไปเรื่อยๆจนกว่าจะเจอตำแหน่งโค๊ดคำสั่งสำหรับจัดหน้า  yesno_prompt: (ดูภาพด้านล่างประกอบ)

- ให้แดรกเม้าส์เลือกโค๊ดคำลั่งทั้งชุด และกดปุ่ม Delete ลบทิ้งไปเลยค่ะ ไม่งั้นมันจะมากวนกับโค๊ดคำสั่งตัวใหม่ที่เราจะใส่ซ้อนลงไป



- จากนั้นให้เปิดไฟล์ options.rpy ค่ะ และใส่โค๊ดคำสั่งสำหรับจัดหน้า Yes/No Promp ลงไปตามนี้

Code:
  1. screen yesno_prompt:
  2.     #on "show" action With(dissolve)
  3.    
  4.     modal True

  5.     imagemap:
  6.         ground 'menu/yesno_prompt.png'
  7.         hover 'menu/yesno_prompt_hover.png'
  8.         
  9.         hotspot (310, 275, 141, 56) action yes_action hover_sound "sound/click.wav"
  10.         hotspot (523, 275, 141, 56) action no_action hover_sound "sound/click.wav"

  11.     if message == layout.ARE_YOU_SURE:
  12.         add "menu/yesno_are_you_sure.png"
  13.     elif message == layout.DELETE_SAVE:
  14.         add "menu/yesno_delete_save.png"
  15.     elif message == layout.OVERWRITE_SAVE:
  16.         add "menu/yesno_overwrite_save.png"
  17.     elif message == layout.LOADING:
  18.         add "menu/yesno_loading.png"
  19.     elif message == layout.QUIT:
  20.         add "menu/yesno_quit.png"
  21.     elif message == layout.MAIN_MENU:
  22.         add "menu/yesno_main_menu.png"
คัดลอกไปที่คลิปบอร์ด


ดูที่โค๊ดคำสั่งที่พ่วงท้ายพิกัด hotspot ตัวนี้นะค่ะ
  1. hover_sound "sound/click.wav
คัดลอกไปที่คลิปบอร์ด

มันคือโค๊ดสำหรับสั่งให้โปรแกรมให้เล่นเสียงเวลาเราเลื่อนเม้าส์ไปวางทับบนปุ่ม ถ้าในแฟ้มเกมส์เราไม่มีซับแฟ้มชื่อ "sound" และภายในมีแฟ้ม soundไฟล์เสียง ชื่อ "click.wav" อยู่ โปรแกรมจะเกิด Error วิธีแก้คือให้ลบโค๊ดตัวนี้ทิ้งไป หรือไม่ก็สร้างแฟ้มใหม่ชื่อ sound (ชื่ออะไรก็ได้แล้วแต่เราจะกำหนด) และหาไฟล์เสียงชื่อ "click.wav" (ชื่ออะไรก็ได้แล้วแต่เราจะกำหนด) มาใส่ โปรแกรมก็จะรันได้ตามปกติค่ะ


ตัวอย่างการใส่โค๊ด....


- จากนั้นให้บันทึกไฟล์และรันโปรแกรมค่ะ



- ลองเปิดเทสหน้าต่างๆ ผ่านฉลุย...หุหุ  ไม่มี Error



บทความโดย NOOKFUFU2
(ขอสงวนสิทธิ์ให้เผยเฉพาะในเว็บไทยกราฟเท่านั้น!!!)

ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

Rank: 1

โพสต์เมื่อ 11-11-2016 12:37 |แสดงโพสต์ทั้งหมด
แล้วถ้าเราไม่อยากจะแยกหน้าละครับ ให้มันแสดงซ่อนขึ้นมาในขณะที่เราเล่นอยู่
คุณต้องเข้าสู่ระบบก่อนจึงจะสามารถตอบกลับ เข้าสู่ระบบ | สมัครสมาชิก


Thaigraph

GMT+7, 16-9-2019 07:23 , Processed in 0.055068 second(s), 20 queries .

Powered by Discuz! X1.5

© 2001-2010 Comsenz Inc. Thai Language by DiscuzThai! Team.

Top 10 Best Sellers in Clothing for 2017 Top 10 Best Sellers in Clothing Best Sellers in Clothing
Top 10 Best Sellers in Books reviewer 2017 Top 10 Best Sellers in Books Best Sellers in Books