Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Ren'Py [renpy] วิธีทำ Imagemap Quick Menu
ดู: 2428|ตอบ: 11
go

[renpy] วิธีทำ Imagemap Quick Menu

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 3-3-2013 15:59 |แสดงโพสต์ทั้งหมด
[renpy] วิธีทำ Imagemap Quick Menu




ในบทความนี้จะแนะนำแค่วิธีทำ Imagemap หน้า Quick Menu  เท่านั้นนะค่ะ สำหรับวิธีเปลี่ยนกรอบคำสนทนาให้ดูจากบทความนี้ค่ะ
[renpy] วิธีเปลี่ยนพื้นกรอบ คำสนทนา

(ภาพ Before ตอนยังไม่ได้ใส่ Map Quick Menu จะเห็นว่าด้านขวาของกรอบคำพูดมันจะโล่งๆ ไม่มีปุ่มสักปุ่ม แต่เดี๋ยวเราจะมาใส่ปุ่มกดทีหลังต่อจากนี้กันค่ะ)



ขั้นตอนที่ 1
- ให้ออกแบบปุ่ม Quick Menu ในโปรแกรม PS หรือ AI ก็ได้ค่ะ ถ้าพอจะใช้โปรแกรม AI เป็นอยู่บ้าง ก็ขอแนะนำให้ทำในโปรแกรม AI จะดีกว่าเพราะขอบกรอบ background จะคมสวย


- ให้ออกแบบเตรียมไว้ 2 ภาพค่ะ คือ 1. ภาพปุ่มแบบปกติ  และ 2. ภาพปุ่มที่จะแสดงเมื่อเลื่อนเม้าส์มาวางทับ



- เวลาบันทึกภาพ ก็ให้ปิดตาเลเยอร์ "พื้นกรอบ" ทั้งหมดไว้ "เหลือแต่ภาพปุ่ม Ground" บันทึกชื่อไว้อะไรก็ได้ค่ะ แต่สกุลจะต้องเป็น .png


- ต่อไปก็ปิดตาเลเยอร์ทุกตัวให้เหลือแต่ภาพปุ่ม hover (ภาพที่จะให้แสดงเมื่อเลื่อนเม้าส์มาวางทับ)  บันทึกชื่อไว้อะไรก็ได้ค่ะ แต่สกุลจะต้องเป็น .png เหมือนกับภาพแรก



Note: ความกว้าง*ความสูงของภาพปุ่ม และภาพกรอบคำสนทนาจะต้องมีขนาดเท่ากันทุกภาพนะคะ

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



ขั้นตอนที่ 3
- ให้เปิดโปรแกรม renpy ขึ้นมาและเปิดไฟล์ชื่อ screen.rpy
- เลื่อนเม้าส์มาตรงล่างสุดจะเห็นชุดโค๊ดคำสั่งของหน้า Quick Menu แสดงอยู่
- ให้แดรกเม้าส์เลือกทั้งหมด (ดูภาพประกอบ) และกดปุ่ม Delete ลบทิ้งไปเลยค่ะ
- แล้วก็บันทึกไฟล์(Ctrl+S)



ขั้นตอนที่ 4
ต่อเลยนะค่ะให้เปิดไฟล์ Options.rpy ขึ้นมา และนำโค๊ดนี้ไปใส่ไว้ที่ตำแหน่งล่างสุดค่ะ
Code:


  1. screen quick_menu:
  2.     imagemap:
  3.         xalign 1.0 yalign 1.0
  4.         
  5.         ground 'ชื่อภาพและสกุล'
  6.         hover 'ชื่อภาพและสกุล'
  7.         
  8.         hotspot (716, 60, 62, 30) action Skip()
  9.         hotspot (716, 90, 62, 28) action ShowMenu('load')
  10.         hotspot (716, 120, 62, 29) action ShowMenu('save')
  11.         hotspot (716, 149, 62, 29) action ShowMenu('preferences')
  12.     # turned off by default.
  13. init -2 python:
  14.     config.default_afm_time = 10
  15.     config.default_afm_enable = False
คัดลอกไปที่คลิปบอร์ด

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

(เปลี่ยนชื่อภาพ/ตำแหน่งที่เก็บภาพ และนำพิกัดตัวเลขที่จดไว้ มากรอกใส่ในช่องกลุ่มตัวเลขทั้ง 4 กลุ่ม ซึ่งมี 4 ชุด(บรรทัด)ด้วยกัน)


- บันทึกไฟล์และTest รันโปรแกรมดูค่ะ


(ภาพ After หลังจากใส่ Map Quick Menu เรียบร้อยแล้ว)

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


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

Rank: 1

โพสต์เมื่อ 24-3-2015 22:16 |แสดงโพสต์ทั้งหมด
imagemap quick menu แล้วกดใช้งานได้เลยมั้ยครับ

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 12-4-2015 09:06 |แสดงโพสต์ทั้งหมด
ตอบกระทู้ bossaa444 ตั้งกระทู้

กดใช้งานได้ทันทีค่ะ

Rank: 1

โพสต์เมื่อ 19-4-2015 20:03 |แสดงโพสต์ทั้งหมด
ขอบครับสงสัยผมหาพิกัดจุดผิด

Rank: 1

โพสต์เมื่อ 19-4-2015 20:04 |แสดงโพสต์ทั้งหมด
เลยกดไม่ได้เลย 555

Rank: 1

โพสต์เมื่อ 19-4-2015 20:37 |แสดงโพสต์ทั้งหมด
คลิกเมาส์ที่ปุ่ม quick menu ที่เราทำขึ้นใหม่ไม่ได้อ่ะครับพอคลิกแล้วมันเป็นการเปลี่ยนบทสนทนาเฉยเลยอย่างงี้แก้ยังไงครับ

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 20-4-2015 01:19 |แสดงโพสต์ทั้งหมด
ตอบกระทู้ bossaa444 ตั้งกระทู้

ไม่ทราบว่าเป็นทุกปุ่มเลยหรือเปล่าค่ะ

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

ถ้ายังไงลองเข้าไปที่แฟ้มชื่อ "cache" (มันจะซ้อนอยู่ในแฟ้ม "game" อีกที โปรแกรมจะสร้างแฟ้ม cache ให้อัตโนมัติเพื่อจดจำค่าพิกัดของ Imagemap ที่รันครั้งแรก)

ให้เข้าไป "ลบทุกไฟล์ภาพ" ที่อยู่ในแฟ้ม "cache" ออกให้หมด แล้วรันเกมส์ใหม่อีกครั้งดูค่ะ

Rank: 1

โพสต์เมื่อ 23-4-2015 19:24 |แสดงโพสต์ทั้งหมด
ไม่มีรูปอะไรเลยครับในไฟล์ cache

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 24-4-2015 19:44 |แสดงโพสต์ทั้งหมด
ตอบกระทู้ bossaa444 ตั้งกระทู้

ลองต้นไฟล์มาให้เข็คหน่อยได้ไหมค่ะ เผื่อได้รู้สาเหตุ  ที่ nookfufu2แอดgmail.com

Rank: 1

โพสต์เมื่อ 2-5-2015 18:08 |แสดงโพสต์ทั้งหมด
ส่งๆไปแล้วครับผิดพลาดตรงไหนช่วยบอกด้วยนะครับผมจะนำไปแก้ไข
คุณต้องเข้าสู่ระบบก่อนจึงจะสามารถตอบกลับ เข้าสู่ระบบ | สมัครสมาชิก


Thaigraph

GMT+7, 23-9-2019 03:48 , Processed in 0.084437 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