Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Ren'Py สอนทำ Imagemap แบบง่ายๆ
#1
Wink 
What

จะมาสอนการทำ  Imagemap แบบง่ายๆ
มันมีวิธีทำหลายอย่างนะครับ อันนี้เป็นแค่รูปแบบหนึ่งเท่านั้น อาจไม่ดีที่สุดแต่มันทำง่าย

หลักการทำงานของมันก็คือ
เราจะให้มันแสดงภาพแผนที่ และก็ให้แสดงไอค่อน สำหรับคลิกกระโดด ไปยังเหตุการณ์ต่างๆ

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

   


2. นำโค้ดนี้ไปวางไว้ ด้านบนหน้า script
    ในตัวอย่างผมจะทำไอค่อนแค่ 2 อัน ท่านสามารถเพิ่มเป็นหลายๆอันได้


Code:
screen simple_screen():
    frame:
        xalign 0.87 ypos 500 # ที่อยู่พิกัดของไอค่อน
        imagebutton:
            idle "home bw" # ชื่อของรูปอันแรก
            hover "home base"  # ชื่อของรูปอันที่ 2
            action Jump("home") alt "Home" # หัวข้อที่เราต้องการให้กระโดดไป
    frame:
        xalign 0.30 ypos 250
        imagebutton:
            idle "school bw"
            hover "school base"
            action Jump("school") alt "school"


3. การใช้งาน หลักๆก็ให้มันแสดงภาพพื้นหลัง แสดงไอค่อน และเหตุการณ์ที่เราจะโดดไป


Code:
   scene v1001 #ให้แสดงภาพพื้นหลัง
   call screen simple_screen #ให้แสดงไอค่อน


   # เหตุการณ์ที่เราต้องการให้กระโดดไป.
label home:
   scene bg room
   e "home."

   return


label school:
   scene bg room
   e "school."

   return


4. ก็จะได้ประมาณรูป ลองกันดูนะ

   


Derp 

เพิ่มเติมให้นิดครับ กรณีต้องการเปลียนสีกรอบของไอค่อน ก็ใส่โค้ดนี้ลงไป

Code:
background Solid("#FF00FF")


ใส่แล้วจะได้ประมาณนี้
Code:
   frame:
       background Solid("#FF00FF") # ใส่สีของกรอบไอค่อน
       xalign 0.30 ypos 250
       imagebutton:
           idle "school bw"
           hover "school base"
           action Jump("school") alt "school"
้ถ้าจะให้โปร่งใส่ก็ใส่โคตรตัวนี้ก็ได้ครับ

Code:
background Solid("#99000000")

หรือ ถ้าต้องการคลิกแล้วมีเสียง ก็เอาโค้ดนี้ไปใส่ บรรทัด ต่อจาก action Jump
Code:
activate_sound "audio/Door_Open.mp3"

เอาเมาส์แตะแล้วมีเสียง ก็ใส่โค้ดนี้


Code:
hover_sound "audio/Door_Open.mp3"


Trollface
[-] The following 3 users say Thank You to j2547 for this post:
  • dreamknight, jojo741963, XthemeCore
Reply
#2
สุดยอดไปเลยครับ ทำแผนที่โรงเรียนในเกมจีบสาวได้เลย
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)