Create platform ringkas

platform ringkas

@@ -0,0 +1,126 @@
+let player, level = 1;
+let walls = [];
+let ground, platform1, platform2;
+let goal;
+
+function setup() {
+  createCanvas(600, 400);
+
+  // --- Pemain ---
+  player = createSprite(50, 350, 25, 25);
+  player.shapeColor = "blue";
+
+  // --- TARGET TUJUAN ---
+  goal = createSprite(550, 50, 30, 30);
+  goal.shapeColor = "yellow";
+
+  setupMazeLevel();
+}
+
+function draw() {
+  background(30);
+
+  if (level === 1) {
+    playMazeLevel();
+  } else if (level === 2) {
+    playPlatformerLevel();
+  }
+
+  drawSprites();
+}
+
+/////////////////////////////////////////////
+// ============ LEVEL 1 : MAZE ============
+/////////////////////////////////////////////
+function setupMazeLevel() {
+  walls = [];
+
+  // Buat maze dari balok-balok
+  walls.push(createSprite(300, 100, 500, 10));
+  walls.push(createSprite(50, 200, 10, 200));
+  walls.push(createSprite(300, 300, 500, 10));
+  walls.push(createSprite(550, 200, 10, 200));
+  walls.push(createSprite(200, 200, 300, 10));
+  walls.push(createSprite(400, 250, 10, 100));
+  walls.push(createSprite(300, 150, 200, 10));
+
+  for (let w of walls) {
+    w.shapeColor = "white";
+  }
+}
+
+function playMazeLevel() {
+  // Gerakan pemain
+  if (keyDown("LEFT")) player.position.x -= 3;
+  if (keyDown("RIGHT")) player.position.x += 3;
+  if (keyDown("UP")) player.position.y -= 3;
+  if (keyDown("DOWN")) player.position.y += 3;
+
+  // Tabrakan dengan dinding
+  for (let w of walls) {
+    player.collide(w);
+  }
+
+  // Cek menang → lanjut ke Level 2
+  if (player.overlap(goal)) {
+    level = 2;
+    setupPlatformer();
+  }
+
+  textSize(22);
+  fill("white");
+  text("LEVEL 1: MAZE", 10, 25);
+}
+
+
+
+/////////////////////////////////////////////
+// ========== LEVEL 2 : PLATFORMER =========
+/////////////////////////////////////////////
+function setupPlatformer() {
+  player.position.x = 50;
+  player.position.y = 350;
+
+  // Ground dan platform
+  ground = createSprite(300, 390, 600, 20);
+  platform1 = createSprite(250, 300, 120, 15);
+  platform2 = createSprite(450, 220, 120, 15);
+
+  ground.shapeColor = "green";
+  platform1.shapeColor = "orange";
+  platform2.shapeColor = "orange";
+
+  // Pindah goal
+  goal.position.x = 550;
+  goal.position.y = 180;
+}
+
+function playPlatformerLevel() {
+  // Gravity
+  player.velocity.y += 0.5;
+
+  // Kontrol
+  if (keyDown("LEFT")) player.position.x -= 4;
+  if (keyDown("RIGHT")) player.position.x += 4;
+
+  // Lompat
+  if (keyWentDown("UP") && player.touching.bottom) {
+    player.velocity.y = -10;
+  }
+
+  player.collide(ground);
+  player.collide(platform1);
+  player.collide(platform2);
+
+  // Menang
+  if (player.overlap(goal)) {
+    fill("yellow");
+    textSize(30);
+    text("YOU WIN!", 230, 200);
+    noLoop();
+  }
+
+  textSize(22);
+  fill("white");
+  text("LEVEL 2: PLATFORMER", 10, 25);
+}