Łukasz Lityński hex13

## gist:6795950
<!DOCTYPE html>
<html>
<head>

<title>space shooter - tutorial - 13zmiennych.blogspot.com </title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="index.js"></script>
</head>
<body>

## gist:6800626
function loadImages(directory, fileNames, onComplete) {

};

function initialize() {
   // tu bedzie kod inicjalizujacy gre...
};


$(document).ready(function() {

## gist:6800682
function loadImages(directory, fileNames, onComplete) {
    fileNames.forEach(function(fileName) {
        var img = new Image();
        img.src = directory + '/' + fileName; // here!!! magic happens
    });
};

## gist:6800760
function loadImages(directory, fileNames, onComplete) {
    var imagesLeft = fileNames.length;

    fileNames.forEach(function(fileName) {
        var img = new Image();
        img.onload = function() {
            imagesLeft--; // tu zliczamy ile obrazkow się zaladowalo
            if (imagesLeft <= 0) // jesli wszystkie obrazki sie zaladowaly...
                onComplete(); // uruchamiamy funkcje onComplete (podana jako argument funkcji)
        };

## gist:6800874
var images = {};

function loadImages(directory, fileNames, onComplete) {
    var imagesLeft = fileNames.length;

    fileNames.forEach(function(fileName) {
        var img = new Image();
        img.onload = function() {
            imagesLeft--;
            if (imagesLeft <= 0)

## gist:6845442
var EntityPrototype = {
    draw: function(context) {
        context.drawImage(this.img, this.x, this.y);
    },
    move: function() {
        this.x += this.vx;
        this.y += this.vy;
    },
    x: 0, y:0, vx:0, vy:0
};

## gist:6845563
var entities = [];
var canvas, ctx;

## gist:6845628
function createEntity(entityName, properties) {
    var entity = Object.create(EntityPrototype);
    entity.img = images[entityName];

    for (var propertyName in properties)
        entity[propertyName] = properties[propertyName];

    entities.push(entity);
    return entity;
};

## gist:6845734
function initCanvas() {
    canvas = document.getElementById('canvas');
    ctx = canvas.getContext('2d');
};

## gist:6845779
initCanvas();
	<!DOCTYPE html>
	<html>
	<head>

	<title>space shooter - tutorial - 13zmiennych.blogspot.com </title>
	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src="index.js"></script>
	</head>
	<body>
	function loadImages(directory, fileNames, onComplete) {

	};

	function initialize() {
	// tu bedzie kod inicjalizujacy gre...
	};


	$(document).ready(function() {
	function loadImages(directory, fileNames, onComplete) {
	fileNames.forEach(function(fileName) {
	var img = new Image();
	img.src = directory + '/' + fileName; // here!!! magic happens
	});
	};
	function loadImages(directory, fileNames, onComplete) {
	var imagesLeft = fileNames.length;

	fileNames.forEach(function(fileName) {
	var img = new Image();
	img.onload = function() {
	imagesLeft--; // tu zliczamy ile obrazkow się zaladowalo
	if (imagesLeft <= 0) // jesli wszystkie obrazki sie zaladowaly...
	onComplete(); // uruchamiamy funkcje onComplete (podana jako argument funkcji)
	};
	var images = {};

	function loadImages(directory, fileNames, onComplete) {
	var imagesLeft = fileNames.length;

	fileNames.forEach(function(fileName) {
	var img = new Image();
	img.onload = function() {
	imagesLeft--;
	if (imagesLeft <= 0)
	var EntityPrototype = {
	draw: function(context) {
	context.drawImage(this.img, this.x, this.y);
	},
	move: function() {
	this.x += this.vx;
	this.y += this.vy;
	},
	x: 0, y:0, vx:0, vy:0
	};
	function createEntity(entityName, properties) {
	var entity = Object.create(EntityPrototype);
	entity.img = images[entityName];

	for (var propertyName in properties)
	entity[propertyName] = properties[propertyName];

	entities.push(entity);
	return entity;
	};
	function initCanvas() {
	canvas = document.getElementById('canvas');
	ctx = canvas.getContext('2d');
	};