Memo : แนวความคิด

https://drive.google.com/file/d/0B7asHdbzNielX3FpLVFqdjBLcE0/view

ลิงค์ ด้านบน : รุ่นทดลอง

Pong : แก้บัค บอลทะลุแป้น

https://docs.google.com/presentation/d/1WaA238c0ezXt3FQr1KaHArt5fN2IBbR07YmlwB2qkvg/edit?usp=sharing

ลิงค์

OX : update : 25/10/59

https://bitbucket.org/RIKTI/ox_kivy/commits/a62f5e147d78331823611a54a1e9c915a4fcb803
โดยร่วมจะเพิ่มคอมเม้น เข้าไป

 เปลียนจากการที่ สร้าง canvas ขึ้นมาเพิ่ม เป็นการ ใช้ canvas.after.add แทน ซึ่งมันจะไปทับ canvas เดิม

 ใช้ after.clear() แทนการสร้างcanvas ทับ ในส่วนนี่จะแก้บัค ที่ภาพซ้อนกันเวลาขยาย window ได้

OX : Update : 24 ตุลาคม 59

https://bitbucket.org/RIKTI/ox_kivy/commits/b0c85a0d48c06920efbe4fdabcdeec5d31ada9fe

ทำการ กำหนดว่าปุ่ม reset จะดึงไฟล์รูป Reset.png

 ใน method save นี้ จะทำการ เปิดไฟล์ text ขึ้นมา และทำการเขียน ค่าstatus ลงไป

text save
...............................................................................................................................
https://bitbucket.org/RIKTI/ox_kivy/commits/d2111d47a3b1579c9400275ccdb08ab71c689fe2

 เปลียนชื่อไฟล์ภาพพื้นหลังของปุ่มจึงจำเป็นต้องแก้ไขในส่วนที่ทำการเรียกไฟล์ภาพ

 ในส่วนของการสร้างนั้นจะทำการแก้ไขชื่อไฟล์ภาพที่จะดึง เพราะเราได้แก้ไขมันไป และในส่วนของ save ได้ทำการแก้ไขบัค ที่ บันทึกค่าไม่หมด และเพิ่มในส่วนที่บันทึกจำนวนเทิร์น ว่าผ่านไปกี่รอบแล้ว และในส่วนของ method load นั้น จะทำการ ดึงไฟล์ text ขึ้นมา อ่าน โดย จะอ่านเป็น line และในแต่ละ รอบที่อ่าน .readline() นั้นจะมีการแถม /n ขึ้นมาโดยะอัตโนมัต เพราะ ว่ามีการเว้นบรรทัดใหม่ ซึ่งเราจำเป็นต้องเอาในส่วนนั้นออกไป จึงได้ ใช้ method ของ string คือ .strip() ต่อท้าย string เพื่อที่จะนำ/n ออกไป [ .strip('/n') ] หลังจากอ่านแล้วถ้าค่าสถาณะ ปุ่มปัจจุบัน ไม่ตรงกับค่าที่อ่านนั้น จะทำการ set ค่า สถาณะ ใหม่ ให้เป็น ค่าที่บันทึกไว้จากนั้นเพิ่ม canvas รูปนั้นๆ เข้าไป และ เมื่อ ไล่ array จบ ก็ได้อ่าน จำนวนเทิรฯน

 เพิ่ม attibute turn เพื่อที่จะดึงค่า turn ใน python ได้

 แก้ ไข เงื่อนไขในการเปลียน เทิร์น icon เป็นการ mod แทน และทำการย้าย การเปลี่ยนค่า player_name มาไว้ใน on_turn แทนที่จะไปอยู่ในส่วน increase_turn

Pong : update : change colour and increase size paddle

เกมปอง ภาพที่เห็นคือ ลูกบอลได้ไปกระทบกับไม้แล้ว (เนื่องจากไม่สามารถแคปภาพทันในขณะที่ยังไม่กระทบได้) ก่อนหน้านี้ไม้จะเป็นสีขาว และเมื่อลูกบอลกระทบไม้ ไม้ปิงปองจะกลายเป็นสีชมพู ดังภาพที่เห็น

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

และหากบอลกระทบไม้ จะเข้าเงื่อไขใน method ของ bounce_ball แล้วจะเจอฟังก์ชัน self.rgb = (1,0,1) คือให้เปลี่ยนสีไม้เป็นสีชมพูนั่นเอง

ในไฟล์ kv ในส่วนของไม้ปิงปองนั้น ในคำสั่ง Color ได้ใช้ self. สีต่างๆ เพื่อรับค่าสีมาจากไฟล์ py

ได้ทำการ commit โค้ดไปที่ Bitbucket เรียบร้อยแล้ว https://bitbucket.org/RIKTI/pong/commits/all

cr. titi (my team)

OX: Update Commit 24/10/59

https://bitbucket.org/RIKTI/ox_kivy/commits/e1b63892b865c2c5a9ef789e6a63e46a70e3f893

   ปรับ วิธีการใส่รูปลง ปุ่มใหม่เพื่อความสวยงาม

เปลียน id ของ ปุ่มแต่ละปุ่ม ใหม่เพื่อแก้บัค

สร้าง array เก็บ ปุ่มแต่ละปุ่มเอาไว้ เพื่อนำไปใช้งานต่อ และด้านล่างกำหนดสถาณะ เริ่มต้นว่า มีการกดไปรึยัง

เพิ่มเงื่อนไขให้กดได้เฉพาะช่องทีไม่เคยกด

สร้าง ปุ่ม reset สำหรับเล่นใหม่

สร้าง attibute เพื่อเชื่อมต่อกันระหว่างไฟล์

ตั้งค่าการรีเซ็ท ใหม่เมื่อต้องการรีเซ็ท
---------------------------------------------------------------------------------------------

https://bitbucket.org/RIKTI/ox_kivy/commits/987935db5997cfdb198022d05a864706ba0d0e8a

 เพิ่ม การเข้าถึง attibute status ผ่านไฟล์ kivy เนื่องจากไม่สามารถ เชื่อมต่อโดยตรงได้

 มีการเช็คว่ามีผู้ชนะรึยัง

เงื่อนไขการเช็คผู้ชนะ

--------------------------------------------------------------------------------------------------
https://bitbucket.org/RIKTI/ox_kivy/commits/02558c9be7f07687693693c1beb89cb4813c9981

 มีการให้เริ่มการเช็ค win ตามลำดับขึ้นตอนตามที่ควรจะเป็น มีการแสดงผล แพ้ชนะ หรือเสมอแล้ว

 สร้างปุ่มเพิ่มมา 2 ปุ่มเตรียมเป็นปุ่ม เซฟและโหลด เพิ่ม id ในช่องการแสดงผล

Pong : update : change colour and increase size paddle

เกมปอง ภาพที่เห็นคือ ลูกบอลได้ไปกระทบกับไม้แล้ว (เนื่องจากไม่สามารถแคปภาพทันในขณะที่ยังไม่กระทบได้) ก่อนหน้านี้ไม้จะเป็นสีขาว และเมื่อลูกบอลกระทบไม้ ไม้ปิงปองจะกลายเป็นสีชมพู ดังภาพที่เห็น

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

และหากบอลกระทบไม้ จะเข้าเงื่อไขใน method ของ bounce_ball แล้วจะเจอฟังก์ชัน self.rgb = (1,0,1) คือให้เปลี่ยนสีไม้เป็นสีชมพูนั่นเอง

ในไฟล์ kv ในส่วนของไม้ปิงปองนั้น ในคำสั่ง Color ได้ใช้ self. สีต่างๆ เพื่อรับค่าสีมาจากไฟล์ py

ได้ทำการ commit โค้ดไปที่ Bitbucket เรียบร้อยแล้ว https://bitbucket.org/RIKTI/pong/commits/all

cr. titi (my team)

Commit Ox : 19/10/59

https://bitbucket.org/RIKTI/ox_kivy/commits/d0ec4655445ea3ff7d9f415d547350c7fece04f9

 เพิ่มคลาส My_button ขึ้นมาใน kv โดยให้สืบทอด Button มา และทำการกำหนดคุณสมบัติพื้นฐานของ คลาสนี้ คือ เป็นปุ่มที่มีพื้นหลังตามต้องการ

และนำไปสร้างเป็น ตาราง 3*3 และกำหนด id แต่ละช่องเอาไว้ ด้วยเพื่อที่จะ นำไปเช็คค่าต่างๆในอนาคต

  กำหนด ว่า ปุ่ม 3*3 นั้นจะอยู่ตรงไหน ในส่วนของ หน้าจอ (การกำหนดแบบนี้จะทำให้ขยายตามหน้าจอได้)

----------------------------------------------------------------------------------------------
https://bitbucket.org/RIKTI/ox_kivy/commits/ebb19923de1ddb7444d238f564f4f981179325cb

เปลียนจากการสร้างคลาสใน kv เป็นใน py แทน

 กำหนด method ใช้ทำงานเมื่อมีการคลิก

on_turn ใช้ในการสลับ ว่าเป็นรอบการเล่นของใคร
ส่วน on_player_name นั้นใช้ในการโชว์ว่า เป็นรอบการเล่นของใครผ่านทาง text


----------------------------------------------------------------------------------------------

เพิ่มรูปที่จะใช้ในการ แทนว่าเป็น x และลบไฟล์ที่ไม่จำเป็นออกไป และเมิร์ก

https://bitbucket.org/RIKTI/ox_kivy/commits/6c3383dba7988726dd2f1b3508c0357b0380986b

----------------------------------------------------------------------------------------------

https://bitbucket.org/RIKTI/ox_kivy/commits/a33c78afd7c670066a311e540a5e5c49c1424c45

เช็ค ว่าถ้าหากคลิกแล้ว จะให้ทำอะไร โดยในที่นี้ให้ผ่านก่อนเนื่องจากยังไม่ทราบวิธีการเปลียน และได้ทำการเพิ่ม method เพิ่มจำนวนเทิร์นมา

----------------------------------------------------------------------------------------------

การนับจำนวน stickman

https://docs.google.com/presentation/d/1hZJFeXqOBzHT9c_kiDl7R84NPwu-4eXtermPQQbhxws/edit?usp=sharing

สไลด์ อธิบายและรูปประกอบ

Pong game

เพิ่มลูกบอลให้มี 2 ลูก โดยการใช้ function เดิมที่มีมา เพิ่มเข้าไปอีกหนึ่ง function

โค้ดส่วนนี้ไว้ใช้เก็บลูกบอลทั้ง 2 ลูกเป็นอาเรย์ โดยใช้ ReferenceListProperty

และกำหนดทิศของการเสริฟบอล โดยให้ลูกแรกไปทางซ้ายของเกม และลูกที่สองไปทางขวาของเกม จากตรงกลางทั้งสองลูก จากนั้นใน method update ได้ใช้ for ลูป กำกับว่า สำหรับบอลทุกบอลใน all_ball นั้น ถ้าบอล move แล้วไปชนสิ่งไหน ให้ทำตาม method นั้นๆ

โค้ดส่วนนี้จะเป็น method ที่กำกับว่า เมื่อชนกับอะไร แล้วให้ลูกบอลเด้งไปในทิศทางไหน ซึ่งกำลังพยายามทำให้ ลูกบอล 2 ลูกชนกันแล้วเด้งกลับ แต่ยังไม่สำเร็จ

เมื่อเริ่มเกมแล้วปล่อยให้เกมดำเนินต่อไปเองอัตโนมัติ พบว่า ลูกบอลจะเร็วขึ้นเรื่อยๆ และเร็วจนเกมเริ่มใหม่เอง โดยฝ่ายด้านซ้ายของเกมจะได้คะแนนเสมอ และเมื่อเกมเริ่มใหม่ ลูกบอลจะเสริฟในทิศเฉียง ต่างจากเริ่มต้นที่จะเสริฟในทิศตรงๆ ดังรูปด้านล่าง