Oop lab/maze game - ประวัติรุ่นแก้ไข

Jittat: /* การรับการกดแป้น */

2014-10-06T02:06:51Z

การรับการกดแป้น

Jittat: /* ทิศทางการวิ่ง */

2014-10-06T02:04:56Z

ทิศทางการวิ่ง

Jittat: /* ทิศทางการวิ่ง */

2014-10-06T02:03:45Z

ทิศทางการวิ่ง

Jittat: /* ทิศทางการวิ่ง และการรับการกดแป้น */

2014-10-06T01:58:45Z

ทิศทางการวิ่ง และการรับการกดแป้น

Jittat: /* แยก Renderable */

2014-10-06T01:53:41Z

แยก Renderable

Jittat: /* แยก Renderable */

2014-10-05T16:32:07Z

แยก Renderable

Jittat: /* แสดง Pacman */

2014-10-05T16:30:27Z

แสดง Pacman

Jittat: /* แสดง Pacman */

2014-10-05T16:24:31Z

แสดง Pacman

Jittat: /* ตัว Pacman และการเคลื่อนที่ */

2014-10-04T09:14:39Z

ตัว Pacman และการเคลื่อนที่

Jittat: /* การเก็บและจัดการแผนที่ */

2014-10-04T09:06:55Z

การเก็บและจัดการแผนที่

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 02:06, 6 ตุลาคม 2557
แถว 409:		แถว 409:

	=== การรับการกดแป้น ===		=== การรับการกดแป้น ===
		+	เราจะรับการกดปุ่มใน MazeGame และส่งการเปลี่ยนทิศทางให้กับ Pacman
		+
		+	โดยการรับการกดปุ่มทำโดยเขียนเมท็อด keyPressed ใน MazeGame
		+
		+	<syntaxhighlight lang="java">
		+	@Override
		+	public void keyPressed(int key, char c) {
		+	// ... code that checks keys here
		+	}
		+	</syntaxhighlight>

	=== หยุดวิ่งเมื่อปล่อยปุ่ม ===		=== หยุดวิ่งเมื่อปล่อยปุ่ม ===

@@ แถว 392: / แถว 392: @@
        x -= STEP_SIZE;
        break;
-     // ...   added all other directions
+     // ...   *************** added all other directions
+     }
+   }
@@ แถว 405: / แถว 405: @@
+   }
 </syntaxhighlight>
 === การรับการกดแป้น ===

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 02:03, 6 ตุลาคม 2557
แถว 371:		แถว 371:
	</syntaxhighlight>		</syntaxhighlight>

		+	เราจะเพิ่มใน constructor ให้รับทิศทางเริ่มต้น
		+
		+	<syntaxhighlight lang="java">
		+	Pacman(int x, int y, Direction dir, Maze maze) {
		+	// ...
		+	this.dir = dir;
		+	}
		+	</syntaxhighlight>
		+
		+	จากนั้นจะเขียนเมท็อด update เพื่อปรับทิศทาง โดยเราจะสร้างค่าคงที่ STEP_SIZE เอาไว้ใช้ระบุขนาดในการขยับ (เช่น ในกรณีนี้เราขยับทีละ 5 จุด)
		+
		+	public static final int STEP_SIZE = 5;
		+
		+	และเขียนเมท็อด update ได้ดังด้านล่าง (ละการขยับในทิศทางอื่นไว้ กรุณาเพิ่มเอง)
		+
		+	<syntaxhighlight lang="java">
		+	public void update() {
		+	switch (dir) {
		+	case LEFT:
		+	x -= STEP_SIZE;
		+	break;
		+	// ... added all other directions
		+	}
		+	}
		+	</syntaxhighlight>
		+
		+	สุดท้าย เราต้องเรียกเมท็อดนี้ใน MazeGame update
		+
		+	<syntaxhighlight lang="java">
		+	@Override
		+	public void update(GameContainer container, int delta) throws SlickException {
		+	pacman.update();
		+	}
		+	</syntaxhighlight>

	=== การรับการกดแป้น ===		=== การรับการกดแป้น ===

@@ แถว 345: / แถว 345: @@
 </syntaxhighlight>
-=== ทิศทางการวิ่ง และการรับการกดแป้น ===
+=== ทิศทางการวิ่ง ===
 === หยุดวิ่งเมื่อปล่อยปุ่ม ===
 === การวิ่งให้ตรงช่อง (แต่ยังทะลุกำแพง) ===

@@ แถว 268: / แถว 268: @@
 public interface Renderable {
    void render(Graphics g);
+}
 </syntaxhighlight>

@@ แถว 261: / แถว 261: @@
 === แยก Renderable ===
-การใช้วัตถุใด ๆ ในการเก็บและจัดการข้อมูล พร้อมทั้งให้วัตถุนั้นจัดการการแสดงผลด้วย มักเป็นสิ่งที่ทำให้เราทดสอบโปรแกรมได้ยาก  ในส่วนนี้
+การใช้วัตถุใด ๆ ในการเก็บและจัดการข้อมูล พร้อมทั้งให้วัตถุนั้นจัดการการแสดงผลด้วย มักเป็นสิ่งที่ทำให้เราทดสอบโปรแกรมได้ยาก  ดังนั้นในส่วนนี้เราจะแยกหน้าที่การทำงานทั้งสองให้ชัดเจน  โดยเราจะใช้วิธีแบบเดียวกับในแลบก่อนหน้านี้
-<syntaxhighlight lang="java">
+ด้านล่างเป็น interface '''Renderable''':
 <syntaxhighlight lang="java">
 public interface Renderable {
    void render(Graphics g);
+}
 </syntaxhighlight>

@@ แถว 211: / แถว 211: @@
 ขั้นแรก สร้างรูป pacman ขนาด 40x40 แล้วเก็บไว้ที่ res/pacman.png
-คลาส Pacman ในตอนต้นจะมีตำแหน่งของ Pacman  เราจะอ้างอิงตำแหน่งของ pacman จากจุดศูนย์กลางของตัว pacman  ซึ่งจะทำให้ในการแสดงรูป เราต้องเลื่อนตำแหน่งที่จะแสดงรูป x,y ให้ตรงกับมุมบนซ้ายของ pacman
+คลาส Pacman ในตอนต้นจะมีตำแหน่งของ Pacman  เราจะอ้างอิงตำแหน่งของ pacman จากจุดศูนย์กลางของตัว pacman  ซึ่งจะทำให้ในการแสดงรูป เราต้องเลื่อนตำแหน่งที่จะแสดงรูป x,y ให้ตรงกับมุมบนซ้ายของ pacman (โดยการลบ 20 จากทั้งพิกัด x และ y)
 <syntaxhighlight lang="java">
@@ แถว 235: / แถว 235: @@
 </syntaxhighlight>
 <syntaxhighlight lang="java">

@@ แถว 205: / แถว 205: @@
 == ตัว Pacman และการเคลื่อนที่ ==
 === แสดง Pacman ===
 === ทิศทางการวิ่ง และการรับการกดแป้น ===
 === หยุดวิ่งเมื่อปล่อยปุ่ม ===

@@ แถว 204: / แถว 204: @@
 == ตัว Pacman และการเคลื่อนที่ ==
 == จุดและการกิน ==
 == คะแนน ==

@@ แถว 160: / แถว 160: @@
            wallImage.draw(leftX + (c * BLOCK_SIZE),
                topY + (r * BLOCK_SIZE));
+         }
+       }