Spēle 1

Kurā mājas lapas daļā pievieno norādīto elementu?

<canvas id="spele" width=500 height=500 style="border:1px solid"></canvas>

• HTML

• JavaScript

• CSS

Kurā mājas lapas daļā pievieno norādītos elementus?

var pamatne = document.getElementById("spele");

var zimejums = pamatne.getContext("2d");

• HTML

• JavaScript

• CSS

Kādu elementu izveido ar norādītajām komandām?

<canvas id="spele" width=500 height=500 style="border:1px solid"></canvas>

<script>var pamatne = document.getElementById("spele");

var zimejums = pamatne.getContext("2d");</script>

• Objektu kustību

• Zīmējumu

• Spēles laukumu

• Objektu parādīšanās

Ar kuru priekšrakstu nodrošina objekta ievietošanu pamatnē?

• function Satiekas(x1, y1, img1, x2, y2, img2) {

  if (x1 >= x2 + img2.width || x1 + img1.width <= x2) return false;

  if (y1 >= y2 + img2.height || y1 + img1.height <= y2) return false;

  return true;

  }

• function biidiit(e) {

  if (e.keyCode == 37 && kakis_x > 0) {

  kakis_x = kakis_x - 10;

  }

  if (e.keyCode == 39 && kakis_x + kakis.width < spele.width) {

  kakis_x = kakis_x + 10;

  }

  }

• var kakis_x = 0;

  var kakis_y = 0;

  var kakis = new Image();

  kakis.src = "http://icons.iconarchive.com/icons/icojam/animals/64/01-cat-icon.png";

• if (lase_y > spele.height) {

  lase_y = 0;

  lase_x = Math.random() * spele.width;

  }

Kura no funkcijām izveido taimeri?

• function kadrs() {

  zimejums.clearRect(0, 0, spele.width, spele.height);

  zimejums.drawImage(kakis, kakis_x, kakis_y);

  setInterval(kadrs, 25);

• if (lase_y > spele.height) {

  lase_y = 0;

  lase_x = Math.random() * spele.width;

  }

• function biidiit(e) {

  if (e.keyCode == 37 && kakis_x > 0) {

  kakis_x = kakis_x - 10;

  }

  if (e.keyCode == 39 && kakis_x + kakis.width < spele.width) {

  kakis_x = kakis_x + 10;

  }

• function Satiekas(x1, y1, img1, x2, y2, img2) {

  if (x1 >= x2 + img2.width || x1 + img1.width <= x2) return false;

  if (y1 >= y2 + img2.height || y1 + img1.height <= y2) return false;

  return true;

  }

Ko dara komanda

kakis_y = spele.height - kakis.height;

• Novieto objektu zīmējuma labajā pusē

• Novieto objektu zīmējuma kreisajā pusē

• Novieto objektu zīmējuma apakšā

• Novieto objektu zīmējuma augšā

Ko dara funkcija

function kadrs() {

zimejums.clearRect(0, 0, spele.width, spele.height);

zimejums.drawImage(kakis, kakis_x, kakis_y);

setInterval(kadrs, 25);

• Skaita punktus

• Pārvieto objektu pa kreisi

• Pārvieto objektu pa labi

• Izveido taimeri

Ko dara funkcija

function ____(e) {

if (e.keyCode == 37 && kakis_x > 0) {

kakis_x = kakis_x - 10; }

• Skaita punktus

• Pārvieto objektu pa kreisi

• Pārvieto objektu pa labi

• Izveido taimeri

Ko dara funkcija

function ____(e) {

if (e.keyCode == 39 && kakis_x + kakis.width < spele.width) {

kakis_x = kakis_x + 10; }}

• Skaita punktus

• Pārvieto objektu pa kreisi

• Pārvieto objektu pa labi

• Izveido taimeri

Ko dara funkcija

if (Satiekas(kakis_x, kakis_y, kakis, lase_x, lase_y, lase))

{ punkti = punkti + 1;

lase_x = -lase.width; }

• Skaita punktus

• Pārvieto objektu pa kreisi

• Pārvieto objektu pa labi

• Izveido taimeri