การท างานของเกม Jigsaw Puzzle - Siam...

13
บทที4 การทางานของเกม Jigsaw Puzzle 4.1 แผนผังโครงสร้างเกมจิ๊กซอว์ รูปที4.1 แผนผังเกมจิ๊กซอว์บนคอมพิวเตอร์

Transcript of การท างานของเกม Jigsaw Puzzle - Siam...

Page 1: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

บทท 4

การท างานของเกม Jigsaw Puzzle

4.1 แผนผงโครงสรางเกมจกซอว

รปท 4.1 แผนผงเกมจกซอวบนคอมพวเตอร

Page 2: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

40

4.2 รายละเอยดโครงงาน

ตารางท 4.1 แสดงรายละเอยดโครงสรางของเกมจกซอว

ล าดบท รายการ ค าอธบาย 1 Main Menu หนาหลกของเกม 2 Start Game เขาเลนเกมเพอเลอกระดบความยาก 3 Guide Game อานคมอวธการเลนเกม 4 Exit ออกจากเกม 5 Easy Mode ระดบความยาก ระดบงาย 6 Normal Mode ระดบความยาก ระดบปกต 7 Hard Mode ระดบความยาก ระดบยาก 8 Pic 1 – 7 ดานของเกมทงหมด 7 รป ของระดบความยาก

ทง 3 ระดบ 9 Level Complete หนาจบเกม

10 Score Board เกบอนดบคะแนนผเลนลงในกระดานคะแนน

Page 3: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

41

ตารางท 4.2 รายการสครปโคดค าสงพรอมค าอธบายทงหมด

ล าดบท รายการ ค าอธบาย 1 GameMaster.cs(1, 2, 3, E2-7, N2-7, H2-7) ใชจบเวลาถอยหลงและตรวจสอบ

จ านวนจกซอววาตอเสรจหรอไม เพอไปดานตอไป

2 Leaderboard.cs(1, 2, 3) แสดงอนดบรายชอผเลนและคะแนน 3 LeaderboardTestGUI.cs(1, 2, 3) ใชบนทกชอผเลนและคะแนน 4 LoadLevel.cs ใชส าหรบเปลยนหนาจอ 5 Movepiece.cs(1, 2, 3) ใชส าหรบจกซอวและนบคะแนน 6 Mutemode.cs เปดปดเสยงเพลง 7 Othertext.cs(1, 2, 3) ใชนบจ านวนครงทวางจกซอวผด 8 RestartGame.cs ใชคนคาคะแนนกลบเปน 0 9 Score.cs(1, 2, 3) แสดงคะแนน

10 Scorecontrol.cs(1, 2, 3) แสดงเวลานบถอยหลง 11 TotalScore.cs แสดงคะแนนรวม 12 GUIExit.cs ใชออกจากเกม 13 RestartGame.cs คนคากลบมาเรมใหม

Page 4: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

42

4.3 รายละเอยดของเกม Jigsaw Puzzle Game

รปท 4.2 ภาพประกอบการเปดเขาเกมจกซอว

เรมเปดเกมใหคลกทไอคอน Jigsaw Puzzle Game โดยการดบเบลคลกหรอคลกขวากด

Open กไดตามความคนเคยของผเลน

รปท 4.3 ภาพประกอบการตงคาหนาจอเกมและเขาเลน

เมอคลกเปดเขาเกมจะเปนหนาเลอกขนาดหนาจอและภาพกราฟกของเกมโดยผ เลน

สามารถปรบขนาดหนาจอไดตามตองการและเลอกขนาดแบบเตมจอหรอขนาดหนาตางหนาจอได

ตาม และรปแบบของภาพกราฟกของเกมไดตงแตเรวไปจนถงภาพคมชด

Page 5: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

43

รปท 4.4 ภาพเมนหลก

ฉากแรกของเกมดานบนสดจะเปนชอเกม ลงมาจะเปนเมนหลก ถดลงมาจะเปนปม 3 ปม

ปมแรกจะเปน ปม Start เปนปมส าหรบเขาเลนเกม ปมทสอง ปม Exit เปนปมส าหรบออกจากเกม

ปมทสาม ปม Guide ไวส าหรบเขาฉากอธบายการเลนเกมจกซอว

Page 6: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

44

รปท 4.5 ภาพอธบายการเลนเกมจกซอว

ฉากของเกมนจะแสดงวธการเลนเกมจกซอวและการใชงานปมตางในการเลนเกมจกซอวท

ไดตดตงไว เพอใหผเลนสามารถเขาใจการเลนเกมจกซอวไดอยางถกตอง

รปท 4.6 โหมดระดบการเลนเกมจกซอว 3 โหมด

ฉากเกมตอมาจะเปนหนาเลอกโหมดเกมเขาเลน จะมอย 3 โหมด คอ โหมด Easy, โหมด

Normal และโหมด Hard 3 ระดบใหเขาเลน สวนไอคอนประตทมมขวาบนสดสามารถกดออกจาก

เกมได

Page 7: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

45

รปท 4.7 เลเวลเขาเลนจกซอวในโหมด Easy

ฉากเกมนจะเปนของโหมด Easy จะมระดบเขาเลน 7 Pic ดวยกน และแตละรปจะมรปจก

ซอวตางกน และตวจกซอวในโหมด Easy จะมขนาด 3*3 หรอมจกซอวจ านวน 9 ชน ปม Back ใน

รปไอคอนประต ส าหรบยอนกลบไปหนาเลอกโหมดความยากงายทจะเลน มปม Score Board ไว

ส าหรบกดเขาฉากกระดานคะแนนเพอกรอกชอและคะแนนรวมทผเลนไดเลนจนจบเกม

รปท 4.8 เลเวลเขาเลนจกซอวในโหมด Normal

ฉากเกมนจะเปนของโหมด Normal จะมระดบเขาเลน 7 Pic และรปจกซอว เหมอนโหมด

Easy ตวจกซอวในโหมด Normal จะมขนาด 4*4 หรอมจกซอวจ านวน 16 ชน ปม Back ในรป

ไอคอนประต ส าหรบยอนกลบไปหนาเลอกโหมดความยากงายทจะเลน มปม Score Board ไว

ส าหรบกดเขาฉากกระดานคะแนนเพอกรอกชอและคะแนนรวมทผเลนไดเลนจนจบเกม

Page 8: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

46

รปท 4.9 เลเวลเขาเลนจกซอวในโหมด Hard

ฉากเกมนจะเปนของโหมด Hard จะมระดบเขาเลน 7 Pic และรปจกซอว เหมอนโหมด

Easy และ Normal ตวจกซอวในโหมด Hard จะมขนาด 5*5 หรอมจกซอวจ านวน 25 ชน ปม Back

ในรปไอคอนประต ส าหรบยอนกลบไปหนาเลอกโหมดความยากงายทจะเลน มปม Score Board

ไวส าหรบกดเขาฉากกระดานคะแนนเพอกรอกชอและคะแนนรวมทผเลนไดเลนจนจบเกม

รปท 4.10 ตวเกมจกซอวในโหมด Easy

ฉากเกมในโหมด งาย จะมการแบงโซนไว 3 โซน โซนแรกจะเปนโซนชนสวนภาพจกซอว

ทง 9 ชน ในโซนทสองจะมรปเตมของจกซอวทตอในแตละระดบแสดง ตรงมมขวาลางจะม แตม

Page 9: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

47

คะแนนเวลาอยซงเมอวางจกซอวในต าแหนงทถกตองคะแนนเวลาจะเพมขน สวนมมขวาบนจะม

เมนใหเลอกใช เชน ปม Reset, ปม Home, ปม Exit และ ปมล าโพง เปนตน ปม Reset ใชส าหรบร

เซตเพอเรมเกมใหม ปม Home ส าหรบยอนกลบไปหนาเมนหลก ปม Exit ใชยอนกลบไปหนาเลอก

ระดบทจะเลน ปม ล าโพงใชส าหรบเปดปดเสยงเพลง โซนทสามจะเปนโซนวางจกซอวมาตอให

เปนภาพทสมบรณ เมอตอภาพจกซอวเสรจสมบรณกจะเปลยนเปนดานถดไปจนถงดานสดทายแลว

จะเขาสฉากจบเกม

รปท 4.11 ตวเกมจกซอวในโหมด Normal

ฉากเกมในโหมด ปกต จะมการแบงโซนไว 3 โซน โซนแรกจะเปนโซนชนสวนภาพจก

ซอว ทง 16 ชน ในโซนทสองจะมรปเตมของจกซอวทตอในแตละระดบแสดง ตรงมมขวาลางจะม

แตมคะแนนเวลาอยซงเมอวางจกซอวในต าแหนงทถกตองคะแนนเวลาจะเพมขน สวนมมขวาบน

จะมเมนใหเลอกใช เชน ปม Reset, ปม Home, ปม Exit และ ปมล าโพง เปนตน ปม Reset ใช

ส าหรบรเซตเพอเรมเกมใหม ปม Home ส าหรบยอนกลบไปหนาเมนหลก ปม Exit ใชยอนกลบไป

หนาเลอกระดบทจะเลน ปม ล าโพงใชส าหรบเปดปดเสยงเพลง โซนทสามจะเปนโซนวางจกซอว

มาตอใหเปนภาพทสมบรณ เมอตอภาพจกซอวเสรจสมบรณกจะเปลยนเปนดานถดไปจนถงดาน

สดทายแลวจะเขาสฉากจบเกม

Page 10: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

48

รปท 4.12 ตวเกมจกซอวในโหมด Hard

ฉากเกมในโหมด ยาก จะมการแบงโซนไว 3 โซน โซนแรกจะเปนโซนชนสวนภาพจก

ซอว ทง 25 ชน ในโซนทสองจะมรปเตมของจกซอวทตอในแตละระดบแสดง ตรงมมขวาลางจะม

แตมคะแนนเวลาอยซงเมอวางจกซอวในต าแหนงทถกตองคะแนนเวลาจะเพมขน สวนมมขวาบน

จะมเมนใหเลอกใช เชน ปม Reset, ปม Home, ปม Exit และ ปมล าโพง เปนตน ปม Reset ใช

ส าหรบรเซตเพอเรมเกมใหม ปม Home ส าหรบยอนกลบไปหนาเมนหลก ปม Exit ใชยอนกลบไป

หนาเลอกระดบทจะเลน ปม ล าโพงใชส าหรบเปดปดเสยงเพลง โซนทสามจะเปนโซนวางจกซอว

มาตอใหเปนภาพทสมบรณ เมอตอภาพจกซอวเสรจสมบรณกจะเปลยนเปนดานถดไปจนถงดาน

สดทายแลวจะเขาสฉากจบเกม

Page 11: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

49

รปท 4.13 ภาพฉากจบเกมจกซอว Level Complete ของโหมด Easy

รปท 4.14 ภาพฉากจบเกมจกซอว Level Complete ของโหมด Normal

Page 12: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

50

รปท 4.15 ภาพฉากจบเกมจกซอว Level Complete ของโหมด Hard

ฉากเกมสดทายเมอเลนจบกตอเมอตอจกซอวเสรจในทกดานแลวทกโหมดจะขนหนาน

Level Complete ซงจะแสดงคะแนนทตอภาพจกซอวเสรจสมบรณและจ านวนครงทวางจกซอวใน

ต าแหนงทไมถกตองดวย สวนปม Back จะใชส าหรบยอนกลบไปหนาเลอก Level ทจะเลนตอไป

และปม Score Board ใชส าหรบเขาหนากระดานคะแนนเพอบนทกคะแนน

รปท 4.16 ภาพฉากจดอนดบคะแนนจกซอว

ฉากเกมนจะเปนหนากระดานคะแนนไวใหผเลนกรอกชอและคะแนนของตวผเลนใสลง

ไปแลวชอและคะแนนจะแสดงทดานบนสดโดยเรยงจากคะแนนมากทสดลงมายงคะแนนนอยทสด

Page 13: การท างานของเกม Jigsaw Puzzle - Siam Universityresearch-system.siam.edu/images/thesistee/computer...12 GUIExit.cs ใช ออกจากเกม 13

51

รปท 4.17 ภาพฉากเกมโอเวอร

ในรปท 4.17 ไดแสดงจะเปนกรณทผเลนตอจกซอวไมสมบรณและเวลาหมดตวเกมจะ

แสดงหนาตางเกมโอเวอรใหเหนโดยจะมตวเลอกสองตวเลอก คอ ปม Retry ไวส าหรบเรมเลนใหม

สวนปม Exit จะใชส าหรบกดไปหนากระดานคะแนนใหผเลนบนทกคะแนนลาสดทผเลนเลนไว

แลวท าการบนทกชอผเลนและคะแนน เมอเสรจแลวจงกดปมประตเพอออกอกครงนง