Карта на основе холста HTML5 не отображаетсяHtml

Программисты Html
Ответить Пред. темаСлед. тема
Anonymous
 Карта на основе холста HTML5 не отображается

Сообщение Anonymous »

Я новичок в игре HTML5 Canvas Dev, и у меня, вероятно, новичка. chrome btw)

pastebin code: http://pastebin.com/5gcqwcva#образной// Declares global variables
var canvas = document.createElement("canvas");
c = canvas.getContext("2d"),
make = {},
maps = {},
width = 800,
height = 600;

// Creates the requestAnimationFrame variable
(function () {
var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
window.requestAnimationFrame = requestAnimationFrame;
}) ();

// Modifies the canvas' properties
canvas.width = width,
canvas.height = height;

// 2D arrays that make up maps
maps = {
one: [
["w","w","w","w","w","w","w","w"],
["w","o","o","o","o","o","o","w"],
["w","o","w","w","w","w","o","w"],
["w","o","w","o","o","o","o","w"],
["w","o","w","o","w","o","o","w"],
["w","o","w","o","o","w","o","w"],
["w","o","o","o","o","o","o","w"],
["w","w","w","w","w","w","w","w"]
],

two: [
["w","w","w","w","w","w","w","w"],
["w","o","o","o","o","o","o","w"],
["w","o","o","o","o","o","o","w"],
["w","o","o","o","o","o","o","w"],
["w","o","o","o","o","o","o","w"],
["w","o","o","o","o","o","o","w"],
["w","o","o","o","o","o","o","w"],
["w","w","w","w","w","w","w","w"]
]
};

// Maps drawing functions
make = {
map: function ( map2d ) {
var i,
j,
tile,
tilesX = 8,
tilesY = 8;

for (i = 0; i < tilesX; i++) {
for(j = 0; j < tilesY; j++) {
if (map2d[j] === "w") {
this.tile(i * 64, j * 64);
}
}
}
},

tile: function (x, y, TD) {
switch (TD) {
case "w":
c.rect(x, y, 64, 64);
c.fillStyle = wallColor;
c.fill();
c.lineWidth = 8;
c.strokeStyle = "black";
c.stroke();
break;

case "o":
c.rect(x, y, 64, 64);
c.fillStyle = "white";
c.fill();
c.lineWidth = 8;
c.strokeStyle = "white";
c.stroke();
break;
}
}
}

// Updates constantly
function update () {
c.clearRect(0, 0, width, height);
make.map(maps.two);
requestAnimationFrame(update);
}

// Begins updating when window is ready
window.addEventListener("load", function () {
update();
});


Подробнее здесь: https://stackoverflow.com/questions/248 ... showing-up
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Как найти точки соприкосновения линии с границами холста после поворота холста
    Гость » » в форуме Javascript
    0 Ответы
    106 Просмотры
    Последнее сообщение Гость
  • Макет меню вне холста не работает из-за холста на iOS
    Anonymous » » в форуме CSS
    0 Ответы
    121 Просмотры
    Последнее сообщение Anonymous
  • Макет меню вне холста не работает из-за холста на iOS
    Anonymous » » в форуме IOS
    0 Ответы
    60 Просмотры
    Последнее сообщение Anonymous
  • Как поднять элемент холста над элементом окна холста
    Anonymous » » в форуме Python
    0 Ответы
    26 Просмотры
    Последнее сообщение Anonymous
  • Как поднять элемент холста над элементом окна холста
    Anonymous » » в форуме Python
    0 Ответы
    16 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Html»