shpaker Sep 4 2011 at 14:38

Верхом на танке — Часть 1 — Поле боя

8 min

JavaScript*HTML*Canvas*

Tutorial

+103

Comments 49

alexxxst Sep 4 2011 at 15:53

Демку же!

+46

BOOMik Sep 4 2011 at 16:45

1 абзац:
нашего творения (которого ещё и не существует).

п.с. тоже жду демку!

alexxxst Sep 4 2011 at 16:47

Ждем, ждем :)

UFO just landed and posted this here

dshinin Sep 4 2011 at 16:59

www.battlecity.com.ua/

shpaker Sep 4 2011 at 17:28

Кстати танки вроде бы один в один, но всё же я нашёл одно отличие от оригинала ))

Colobock Sep 4 2011 at 19:18

Оригиналов было несколько: отличались они, в основном, бонусами — были версии с лодками для плавания по воде, были различия в действии звезд — просто бронебойные снаряды или снаряды, способные скосить лес… Навскидку уже не вспомнить всё.

shpaker Sep 4 2011 at 19:23

Статья в Википедии охватывает все известные мне модификации. В флеш игре (ссылка на каторую выше) передвижение танка не такое как в оригинале.

UFO just landed and posted this here

dshinin Sep 4 2011 at 17:57

на html5 вот такой вариант нашелся — transping.com/ptank/.
жаль, визуально отличается

shpaker Sep 4 2011 at 18:06

Вах, а я не находил или когда я искал этих танков ещё не было)) Но всё же мои по некоторым причинам должны получиться гораздо легковесней

UFO just landed and posted this here

shpaker Sep 4 2011 at 18:29

Кстати в оригинале тоже нельзя было стрельнуть пока патрон не долетит

dshinin Sep 4 2011 at 18:30

так и в классике тоже только 1 патрон

UFO just landed and posted this here

shpaker Sep 4 2011 at 18:56

Хм… Вы породили во мне желание проверить это явление))

dshinin Sep 4 2011 at 20:40

ну так это если после двух-трех собранных звезд

UFO just landed and posted this here

Gospodin Sep 4 2011 at 22:41

Есть еще такой вариант www.playtankworld.com/, но это совершенно другая игра.

Kwull Sep 5 2011 at 13:46

Там на Flash

shpaker Sep 4 2011 at 17:29

Нет. Топик бы разорвало от объёма текста. Да и не всё готово.

shpaker Sep 4 2011 at 17:26

Демка через серию! ))

iru Sep 4 2011 at 16:09

HTML5 новая платформа для Dendy игр

+12

shpaker Sep 4 2011 at 17:30

На самом деле это только пока ))

soldovskij Sep 4 2011 at 17:34

Эмулятор NES на HTML5/JS
benfirshman.com/projects/jsnes/

dshinin Sep 4 2011 at 16:16

А насколько оправдано рисовать тайлы, вместо использования спрайтов?

shpaker Sep 4 2011 at 17:31

Да не особо. Просто мне так удобней

AlexTikhonov Sep 4 2011 at 19:42

ну эту задачку на чистом CSS можно было бы сделать, канвас использовать только чтоб нарисовать картинки.

А использовать тайлы вместо спрайтов (как внешних картинков) имеет смысл если резолюшен зарание не известен. SVG для анимации совсем плохо подходит — тормозит сильно. А вот нарисовать когда мы уже знаем размеры окна на канвасе и использовать — это можно уже.

shpaker Sep 5 2011 at 05:48

Размеры окна предположительно можно будет менять, по крайней мере мне кажется так будет достаточно удобно под разные резолюшены экрана и под мобильники.

Kobs Sep 4 2011 at 16:18

Спасибо огромное!!!
Все описано просто и понятно.
Именно тот формат туториала который я искал.

shpaker Sep 4 2011 at 17:31

Спасибо

Xarakternik Sep 4 2011 at 16:26

Зашел, чтобы поиграть.
Искал линк, не нашел.
Да еще и джини обозвали блокнотом ((
Имхо — отличные легковесный иде под большинство яп.
Использую его под руби, когда нужно что-то на коленках написать.

shpaker Sep 4 2011 at 17:32

Каюсь. Сейчас исправлюсь.

ada Sep 4 2011 at 16:39

Ждем продолжение

shpaker Sep 4 2011 at 17:32

Продолжение следует..)

TheShock Sep 27 2011 at 15:53

И где?)

shpaker Sep 28 2011 at 06:40

Работу работаю, некогда пока (

ZurgInq Sep 4 2011 at 17:40

Хочу заметить, что существует восстановленный исходник на asm6502 — http://griever.magicteam.net/old/
Может пригодиться для более точного портирования игры на JavaScript.

shpaker Sep 4 2011 at 17:55

Знаю — видел. У меня нет цели рейнкарнировать предка )) Но для удовлетворения любопытства гляну.

k_d Sep 4 2011 at 18:57

Что-то мне кажется, что легче с ноля написать, чем разобраться в этом исходнике.

QtRoS Sep 4 2011 at 19:13

26 элементов в карте поля. Т.е. минимальным блоком кирпича для разбиения будет кирпич, шириной в стенку базы, а на денди вроде бы было в два раза меньше.

shpaker Sep 4 2011 at 19:30

Да. Вы правы. Именно так как было в оригинале я и планирую сделать. Для этого конечно же нам нужен будет массив с 52 элементами

Jedi_Knight Sep 4 2011 at 23:13

переменная «size» по всему коду раздражает. Можно сразу сделать context.scale(size, size)

shpaker Sep 5 2011 at 04:57

Да, глобальная переменная как-то не очень хорошо. Но скайлить это грязный трюк, да и по растянутому изображению видно будет что оно таковым является.

Jedi_Knight Sep 5 2011 at 08:25

Вообще-то не будет ничего заметно, на canvas всё в нецелых координатах считается, что с scale что без него. Дело в том чтобы применять некий линейный оператор к координатам перед прорисовкой. И трюк не грязный, он для того и существует чтобы подавать на вход прорисовке мировые координаты а не видовые.

Jedi_Knight Sep 5 2011 at 08:27

Забыл: в таком случае надо будет ещё ширину линий поменять, иначе будет плохо :)

shpaker Sep 5 2011 at 09:01

Попробую — посмотрю что выйдет. Но вообще мне почему-то кажется что скайлить удачно получиться только при уменьшении картинки.

Derailed Sep 4 2011 at 23:54

До чего же неуклюжи современные компьютерные технологии. Все то же самое, что было в старой доброй DOS. Когда же можно будет просто сказать компьютеру — "эй друг, покопайся у себя в памяти, помнишь, была такая допотопная приставка NES, и была там игруха танчики. Да, да, на том же картридже, где по уткам стреляют… Ну так вот — сделай ка мне тоже самое, и чтобы на всех браузерах работало. Интеллект монстров не шибко наворачивай, помни, что самый умный все равно человек. И трехмерность как-нибудь прицепи, ну чтобы мне понравилось. Давай, 15 минут тебе времени, я чайку пока попью."

shpaker Sep 5 2011 at 04:55

Ога, точно ))
"- Да-да и другана Ваьску того самого из пятого В класса (помнишь такого?) и его проэмулиуй!"

Show the best of all time