Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Ren'Py [renpy]วิธีทำ Imagemap สำหรับหน้า Ma ...
ดู: 3164|ตอบ: 13
go

[renpy]วิธีทำ Imagemap สำหรับหน้า Main Menu

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 1-2-2013 16:37 |แสดงโพสต์ทั้งหมด
[renpy]วิธีทำ Imagemap สำหรับหน้า Main Menu

ขั้นตอนที่ 1
วิธีทำนะค่ะ ให้เตรียมภาพสำหรับหน้าเมนูมา 2 ภาพคือภาพปกติ
(ภาพปกติ Ground)


และภาพที่จะเปลี่ยนแปลงไปเหมือนเม้าส์เลื่อนมาวางทับ(Hover)


ขั้นตอนที่ 2
เปิดโปรแกรม Photoshop ขึ้นมา และหาพิกัดตำแหน่งโดยใช้เครื่องมือ Slice Tool ถ้าทำไม่เป็นให้ดูวิธีทำ ได้จากบทความนี้ค่ะ [renpy] วิธีทำ Imagemap ภายในเกมส์



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

- แล้วก็ให้คลิกเลือกโค๊ดทั้งชุด และกดปุ่ม Delete ลบทิ้งไปเลย



จากนั้นก็ให้พิมพ์โค๊ดตัวใหม่ใส่ไปแทนค่ะ (ดูด้านล่าง)

CODE:
  1. screen main_menu:
  2.     tag menu

  3.     imagemap:
  4.         ground 'map_screen_menu.jpg'  ##ชื่อภาพแบบปกติ
  5.         hover 'map_screen_menu_hover.jpg' ##ชื่อภาพที่จะเปลี่ยนแปลงเมื่อเลื่อนเม้าส์มาวางทับ
  6.         
  7.         hotspot (314, 165, 251, 70) action Start()
  8.         hotspot (314, 235, 251, 64) action ShowMenu('load')
  9.         hotspot (314, 299, 251, 77) action ShowMenu('preferences')
  10.         hotspot (314, 376, 251, 73) action Quit(confirm=False)
คัดลอกไปที่คลิปบอร์ด
- ใส่พิกัดใหม่ลงไปชุดกลุ่มตัวเลข ที่เราเตรียมไว้ในขั้นตอนที่ 2 ให้ถูกต้อง

ตัวอย่างใส่โค๊ดในไฟล์ screen.rpy ....


- แต่ที่เห็นๆส่วนใหญ่เขาจะนิยมเอาโค๊ดนี้ไปแปะต่อท้ายไว้ที่ไฟล์ Options.rpy มากกว่า(ใส่ไว้บรรทัดล่างสุดเลย) เพราะถ้าเราทำ Imagemap ภาพจนครบทุกหน้าในเกมส์แล้ว ไฟล์ screen.rpy ที่พ่วงแถมมาให้ตอนสร้างเกมส์ ก็ไม่จำเป็นต้องใช้อีก ลบทิ้งไปเลยก็ได้ (แต่ถ้ายังทำ ImageMap ไม่ครบทุกหน้า เราก็ยังจำเป็นต้องใช้มันอยู่ค่ะ ถ้าเพิ่งลบไฟล์ทิ้งนะ)

ตัวอย่างใส่โค๊ดในไฟล์ Options.rpy  ....

- บันทึกไฟล์ และรันโปรแกรม




เมื่อเอาเม้าส์เลื่อนมาวางทับ ภาพ Hover ก็จะแสดงเฉพาะส่วนที่กำหนดพิกัดไว้ แล้วก็สามารถคลิกเพื่อเริ่มเล่นเกมส์ หรือโหลดเกมส์ได้ตามปกติค่ะ



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




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

Rank: 1

โพสต์เมื่อ 17-4-2013 15:28 |แสดงโพสต์ทั้งหมด
ทำไมของเราไม่มีไอ้ screen.rpy เลยอ่ะคะ?;w;
ทำไม่ได้เลยค่ะ มีวิธีแก้มั้ยคะ? ขอบคุณล่วงหน้าค่ะ
ป.ล. ของหนู renpy 6.10.2 ค่ะ

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 17-4-2013 17:04 |แสดงโพสต์ทั้งหมด
ตอบกระทู้ pilin_xarin ตั้งกระทู้

เวอร์ชั่นที่ใช้สอนในเว็บไทยกราฟจะเป็น renpy เวอร์ชั่นใหม่ล่าสุด 6.15 ค่ะ

ในเวอร์ใหม่จะแก้ไขบัค Error ที่เกิดขึ้นจากเวอร์ชั่นเก่าๆ มีการเพิ่มลูกเล่นใหม่ๆ และการใช้งานก็ง่ายขึ้น เพราะจะจำแนกไฟล์การทำงานตามประเภทชัดเจน เช่น

script.rpy ใช้กำหนดตัวละคร และใส่เนื้อเรื่องล้วนๆ
options.rpy ใช้ปรับแต่งส่วนต่างๆ ที่เกี่ยวข้องกับ ระบบภายในเกมส์ ขนาดของหน้าจอเกมส์
screen.rpy ใช้ปรับแต่งค่าต่างของปุ่มเมนู หน้าต่างเซฟ โหลด ภายในเกมส์ เป็นต้น

***แต่ทั้งนี้โค๊ดทุกตัวเราสามารถจะนำไปวางใส่ไว้ที่ไฟล์ไหนก็ได้ มีค่าเท่ากันหมด โปรแกรมสามารถวิ่งหาโค๊ดเจอได้ทุกตัว (จะเอาโค๊ดไปใส่ที่ไฟล์ options.rpy แทนก็ได้ แต่รูปแบบการเขียนโค๊ดจะต่างออกไป ต้องใช้โค๊ดรุ่นเก่าเท่านั้นมันถึงจะรัน)

ในเวอร์ชั่นใหม่ๆเค้าจะแยกไฟล์เป็นตามแต่ละชนิดประเภทมาให้ เพื่อช่วยให้เราแก้ไข ปรับแต่ง หาเจอโค๊ดง่ายขึ้น และดูเป็นระบบระเบียบมากขึ้นค่ะ

ถ้าจะให้แนะนำ ขอแนะนำให้โหลดใหม่เวอร์ชั่น 6.15 มาใช้จะดีกว่าค่ะ ไม่งั้นโค๊ดใหม่ๆ ที่มีลูกเล่นพลิกแพลงมากขึ้น บางคำสั่งมันจะไม่รับ ทำให้โปรแกรมเกิด error

renpy เป็นโปรแกรมฟรี ถ้าเราจะเขียนเกมส์ขายบนเว็บ หรือสร้างเกมส์ขายบนเครื่อง android เค้าก็ไม่มีเก็บค่าลิขสิทธิ์ค่ะ (แค่ต้องให้เครดิตเค้าด้วยว่าสร้างโดยใช้ renpy)

โหลดเวอร์ชั่น 6.15 ได้จากที่ลิงค์เว็บหลักค่ะ ^^"
http://www.renpy.org/latest.html




Rank: 1

โพสต์เมื่อ 19-4-2013 18:13 |แสดงโพสต์ทั้งหมด
ขอบคุณที่แนะนำนะคะ^ ^
แต่ถ้า เวอร์ชั่น13 นี่มีมั้ยอ่คะคอมมันโหลดเวอร์ 15ไม่ได้ค่ะ^^""

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 21-4-2013 12:29 |แสดงโพสต์ทั้งหมด
ตอบกระทู้ pilin_xarin ตั้งกระทู้

เวอร์ชั่นล่าสุด 6.15.4 อัพโหลดขึ้นบนเซิฟเวอร์เว็บไทยกราฟให้แล้วค่ะ ^^ ขนาดไฟล์ 21 mb
http://www.thaigraph.com/fufu/renpy-6.15.4-sdk.7z.rar

Rank: 1

โพสต์เมื่อ 5-8-2014 04:43 |แสดงโพสต์ทั้งหมด
ผมทำเมนู แต่รู้สึกว่ามันคัดๆยังไงไม่รู้ เพราะเกมทั่วไปที่ผมเล่นจะขึ้น titl secen ก่อนเข้าถึง main menu แบบนี้นะครับ แล้วก็กดStart หรือ Enter หรือ tap sceen
ประมาณนี้แล้วจะเข้าหน้า main menu ตามรูปจากเกม tekken 6 (ถ้าถามมากไปก็ขอโทษด้วยนะครับ)
ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

แสดงความคิดเห็น

hobbit2008  ลองเข้าดูที่นี่นะครับ http://www.thaigraph.com/thread-2512-1-1.html  โพสต์เมื่อ 5-8-2014 09:35

Rank: 1

โพสต์เมื่อ 5-8-2014 09:37 |แสดงโพสต์ทั้งหมด
ตอบกระทู้ sumakime ตั้งกระทู้

ลองเข้าดูที่นี่นะครับ
ทำไตเติ้ลก่อนเข้าเมนูหลัก

Rank: 1

โพสต์เมื่อ 5-8-2014 11:58 |แสดงโพสต์ทั้งหมด
ตอบกระทู้ hobbit2008 ตั้งกระทู้

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

แสดงความคิดเห็น

hobbit2008  เป็นโจทย์นึงที่น่าขบคิดจะลองทำดูบ้าง ขออภัยที่ชี้ทางไม่ตรงประสงค์  โพสต์เมื่อ 5-8-2014 14:09

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 12-10-2014 16:24 |แสดงโพสต์ทั้งหมด

Rank: 1

โพสต์เมื่อ 13-10-2014 00:05 |แสดงโพสต์ทั้งหมด
ขอบคุณขอรับ ถ้าdemoเสร็จช่วยเช็กให้หน่อยนะครับ
คุณต้องเข้าสู่ระบบก่อนจึงจะสามารถตอบกลับ เข้าสู่ระบบ | สมัครสมาชิก


Thaigraph

GMT+7, 16-9-2019 09:17 , Processed in 0.090449 second(s), 21 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