ผลต่างระหว่างรุ่นของ "01204223/kivy"

จาก Theory Wiki
ไปยังการนำทาง ไปยังการค้นหา
แถว 84: แถว 84:
 
จากนั้นทดลองรัน
 
จากนั้นทดลองรัน
  
=== ลูกบอลเคลื่อนที่: Clock, properties ===
+
== ลูกบอลเคลื่อนที่: Clock, properties ==
 +
 
 +
ในส่วนนี้เราจะทำให้ลูกบอลเคลื่อนที่ได้ มีกิจกรรมที่เราต้องทำ 3 ขั้นตอน
 +
 
 +
=== 1. การปรับสถานะเกม ===
 +
 
 +
เกมทั่วไปที่มีการเคลื่อนไหวจะมีการเปลี่ยนตำแหน่งวัตถุต่าง ๆ ตลอดเวลา ในการเขียนโปรแกรมจริง ๆ นั้น เราไม่สามารถปรับตำแหน่งตลอดเวลาได้ แต่เราจะใช้การตั้งเวลาให้ระบบเรียกฟังก์ชันในการปรับตำแหน่งของเราเป็นระยะ
 +
 
 +
เราจะสร้างเมท็อด <tt>update</tt> ในคลาส <tt>PongGame</tt> เพื่อปรับตำแหน่งลูกบอล
 +
 
 +
<pre>
 +
class PongGame(Widget):
 +
 
 +
    def update(self, dt):
 +
        pass
 +
</pre>
 +
 
 +
จากนั้นแก้ไขคลาส <tt>PongApp</tt> ให้ตั้งเวลาเรียกฟังก์ชันดังกล่าวทุก ๆ 1/60 วินาที
 +
 
 +
<pre>
 +
class PongApp(App):
 +
    def build(self):
 +
        game = PongGame()
 +
        Clock.schedule_interval(game.update, 1.0/60.0)
 +
        return game
 +
</pre>
 +
 
 +
สังเกตว่าเราใช้ <tt>Clock</tt> ด้วย เราจะต้อง import ชื่อดังกล่าว โดยเพิ่ม
 +
 
 +
from kivy.clock import Clock
 +
 
 +
ไว้ที่ต้นโปรแกรม

รุ่นแก้ไขเมื่อ 00:18, 15 กรกฎาคม 2556

เอกสารส่วนนี้ดัดแปลงมาจาก Pong Game Tutorial

ติดตั้ง kivy

การติดตั้ง สั่งคำสั่งต่อไปนี้ใน shell (อย่าลืม login เครือข่ายนนทรีก่อน)

sudo apt-get install python-setuptools python-pygame python-opengl \
  python-gst0.10 python-enchant gstreamer0.10-plugins-good python-dev \
  build-essential libgl1-mesa-dev libgles2-mesa-dev cython python-pip

จากนั้นสั่ง

sudo easy_install kivy

ทดลองโปรแกรมด้านล่าง

ให้สร้างไดเร็กทอรีย่อย จากนั้นป้อนโปรแกรมด้านล่างลงในแฟ้ม main.py

from kivy.app import App
from kivy.uix.widget import Widget

class PongGame(Widget):
    pass

class PongApp(App):
    def build(self):
        return PongGame()

if __name__ == '__main__':
    PongApp().run()

Kv Language และการสร้าง widget

Kivy แยกส่วนออกแบบหน้าจอออกมาเป็นแฟ้มนามสกุล kv ในส่วนนี้เราจะทดลองการใช้แฟ้มดังกล่าว และแนวคิดพื้นฐานเกี่ยวกับการตอบสนอง event และ observer patterns

เพิ่มแฟ้มชื่อ pong.kv ในไดเร็กทอรี

#:kivy 1.7.1

<PongGame>:    
    Label:
        font_size: 70  
        center_x: (root.width * 3) / 4
        top: root.top - 50
        text: "hello"

ทดลองเรียก python main.py จะเห็นหน้าจอที่มีคำว่า hello

แฟ้ม pong.kv จะถูกอ่านโดยอัตโนมัติโดย App ที่ชื่อ PongApp

เพิ่มลูกบอล

เราจะเพิ่มคลาส PongBall ลงใน main.py

class PongBall(Widget):
    pass

จากนั้นแก้ไข pong.kv โดยเพิ่มข้อมูลเกี่ยวกับการวาดวัตถุของคลาส PongBall และเพิ่มลูกบอลลงใน widget PongGame

#:kivy 1.7.1

<PongBall>:
    size: 50, 50
    canvas:
        Ellipse:
            pos: self.pos
            size: self.size

<PongGame>:    
    Label:
        font_size: 70  
        center_x: (root.width * 3) / 4
        top: root.top - 50
        text: "hello"

    PongBall:
        center: self.parent.center

จากนั้นทดลองรัน

ลูกบอลเคลื่อนที่: Clock, properties

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

1. การปรับสถานะเกม

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

เราจะสร้างเมท็อด update ในคลาส PongGame เพื่อปรับตำแหน่งลูกบอล

class PongGame(Widget):

    def update(self, dt):
        pass

จากนั้นแก้ไขคลาส PongApp ให้ตั้งเวลาเรียกฟังก์ชันดังกล่าวทุก ๆ 1/60 วินาที

class PongApp(App):
    def build(self):
        game = PongGame()
        Clock.schedule_interval(game.update, 1.0/60.0)
        return game

สังเกตว่าเราใช้ Clock ด้วย เราจะต้อง import ชื่อดังกล่าว โดยเพิ่ม

from kivy.clock import Clock

ไว้ที่ต้นโปรแกรม