Разработка игр в ОС GNU/Linux и не только ...

мелкие добавления в старые проекты

2011-11-29T21:38:00.001+04:00

Недавно обновил сайты своих старых проектов (SwibPlex и BomjSurvivor): для SwibPlex добавлен кривой порт на html5-canvas, а для BomjSurvivor добавлены полноценный html5-canvas порт Survivor и кривой порт на языке Processing - теперь игру можно запустить на андроидных устройствах

МегаТест

2011-11-29T21:09:00.002+04:00

Времени программить игры все меньше и меньше, а тут, вдруг, на работе началась аттестация. По итогам аттестации должен пройти экзамен в виде теста на компутере при помощи какой-то мутной проги. При чем, для того чтобы попробовать свои силы до экзамена предлагается купить попытку пройти тест. Денег мне жалко, все вопросы на руках, включая все ответы - верные и не верные. Механизм работы мутной проги известен: задается несколько вопрос с несколькими вариантами ответов перемешанными случайным образом, один из вариантов - верный. Учить ничего не буду, в инсте уже забил на это неблагодарное дело. Да, и что-то Я давно не "трогал" старенький паскаль... Во общем решено - напишу свою мутную прогу - тренажёр и придрочусь при помощи нее отвечать на вопросы правильно. Исходный код Моего варианта мутной проги выкладываю ниже - может быть кому пригодится. Прога написана на старичке Borland Turbo Pascal 7.0 :) Перевести ее на си или еше куда нибудь, думаю -труда не составит. Работает прога примерно так: есть текстовый файл с вопросами (в Моем случае - в кодировке DOS CP866!), который имеет примерно следующий вид:

$25$
{1}
[Текст вопроса N1]
[1. неверный вариант ответа]
[2. неверный вариант ответа]
<3. верный вариант ответа>
[4. неверный вариант ответа]
[5. неверный вариант ответа]
[6. неверный вариант ответа]

{2}
[Текст вопроса N2]
...

и т.д.

В $$ пишется суммарное число вопросов в тексте, в {} - номер вопроса, в первых [] - текст вопроса, и затем - в 5 вариантах в [] пишется неверные варианты ответа (или ничего не пишется, если вариантов ответа меньше 6), а в <> пишется правильный ответ. Далее этот текстовый файл парсится и "магическим образом" прога работает. Вот ее исходный текст:

Исходники Моего варианта мутной проги:MegaTest.zip

Linux GameDev Conference #2 регистрация участников для выступления

2011-11-22T20:30:00.000+04:00

В Москве в декабре (или позже - в зависимости от количества участников) планируется проведение конференции LGDC#2 (Linux GameDev Conference #2), посвященной разработке игр в ОС gnu/linux. В июне этого года уже проводилось подобное мероприятие: http://www.mlug.ru/gamedevconf_old, http://www.mlug.ru/gamedevconf. Тогда получилось очень даже неплохо - захотелось еще...

Итак, если у Вас есть желание и возможность принять участие в организации, информационном освещении, выступить с докладом или презентацией, или мастер-классом - присоединяйтесь!

Для желающих выступить на конференции LGDC#2 уже открыта регистрация: http://mlug.timepad.ru/event/11659. По всем остальным вопросам - пишите сюда, в ЛС или на minidune@ya.ru.

Данное объявление о мероприятии, лишь подготовительная часть, если она удастся - конфе быть! Для слушателей - будет отдельная регистрация.

На текущий момент записалось уже 3 участника:

1) Картамышев Андрей. Тема выступления: "Об использовании Linux в России и перспективах ее продвижения в нашей стране".

2) Сергей Зверев. Тема выступления: "Battle & Burning (Dingux/Gp2x)".

3) Левин Владимир. Тема выступления: "Облачные вычисления".

Господа, по - активней, мы не кусаемся:)

Пчелайн безлимитный

2011-09-20T18:49:00.000+04:00

Как-то, позвонила девушка из тех поддержки моего сотового оператора и предложила "по-акции" подключить "безлимитный" инет за 13 деревянных в сутки. После окончания акции, подключение данной услуги обошлось бы мне в 150 деревянных. Не плохо, показалось мне - и я согласился. Правда на деле он не совсем безлимитный оказался, но пофиг - серфить через телефон хватает выше крыши.
Ну так вот, сегодня утром не успев скачать пару обновлений и проверить почту - инет в один знамечательный момент отрубается и я обнаруживаю, что на счете пусто:( Не беда - кладу на счет денежку в размере 300 рэ. Продолжаю ~~тунеядств~~ читать почты, RSSы, хабры дальше... И опять: спустя некоторое время инет снова отрубается, а на счету лежит всего 50 копеек:( Звоню в тех поддержку. Объяснюя проблему - и оказывается, абонентская плата на сутки безлимитного инета снимаются только в начале этой самой сутки (в полночь!), ни минуты позже или раньше. На начало текущих суток сумма на счете была меньше абонентской и ее не списали, и инет был платным ~~как у всех~~ - по 6-7 рэ за метр. Об этом открыто ни предупреждают! В итоге, поговорив еще чуть-чуть с очаровательной девушкой из тех поддержки договорились, что так, как косяк не совсем мой - оператор деньги вернет на следующих условиях: услуга "безлимитный инет" будет переподключена (-150рэ) и еще будет снята абонентская плата за текущие сутки. В итоге на счете обнаружилась сумма в размере 137 рэ и был доступен снова пчелайн безлимитный...
Вот такая вот дурацкая история. Будьте внимательны - проверяйте свой счет до полуночи!

Планы...

2011-08-20T20:52:00.000+04:00

Может показаться что блог заброшен и до программирования Мне уже "нету дела". Это не так. По-позже чиркну пару строк. Сейчас очень мало свободного времени - лето:) За это время, Я портировал SwibPlex на html5, "бомжсурвайвер" портирован на Processing и запускается под андроидом, пилю SSGE - починил тени, добавил слои. В будущем, в качестве основной платформы для разработок, думаю придерживаться html5. Планирую провести конференцию LGDC #2 в ноябре или раньше. Новых идей для игр, увы - нет:( Может попробую Box2d...

Отчет о конфе LinuxGamesDev #1

2011-06-30T00:24:00.005+04:00

Ну вот и прошла эта конференция: http://www.mlug.ru/gamedevconf_old. Огромное спасибо Всем участникам и Всем кто помогал в ее проведении. Нельзя сказать, что прошло все гладко - косяки были.

Планировалось начать с лекции от нашего информационного партнера - сайта podgames.ru. Далее, все планируемые доклады решено было разбить на 3 тематические секции:
1) Разработка игровых приложений в ОС линукс, непосредственно для ОС линукс;
2) Разработка игровых приложений в виде ВЕБ приложения;
3) Разработка игровых приложений для мобильной операционной системы Google Android.

Но, как всегда это бывает - не сложилось. Мероприятие началось с небольшой задержки - минут на 20. Было решено начать с 3-ей тематической секции, но камеру в этот момент врубить "на запись" забыли. Соответственно, видеозаписи с 2-мя докладами: от Максима Пестуна "Введение в разработку под Андроид" и Александра Иноземцева (т.е. Меня) "Создание игр для ОС Android при помощи языка Processing" - отсутствуют. Зато, можно скачать материалы и презентации, используемые для этих докладов. Соответственно http://narod.ru/disk/16851078001/android.arj.html и http://narod.ru/disk/16851112001/pong_i_banner.arj.html.

Потом косяк с камерой был обнаружен и устранен. Далее, была лекция от Александра Седых (podgames.ru) "Игровая журналистика: создание видеообзоров". Видеозапись выступления можно скачать отсюда: http://narod.ru/disk/16631010001/podgames.mpeg.html. Посмотреть видео на тытрубе.

Потом был небольшой перерыв и затем - были доклады из 1-ой тематической секции:
- от Максима Пестуна "Введение в OpenGL": http://narod.ru/disk/16639428001/opengl.mpeg.html (видео на тытрубе) и http://narod.ru/disk/16851098001/OpenGL.arj.html;
- от Меня: http://narod.ru/disk/16715037001/sdl.mpeg.html (видео на трубе) и http://narod.ru/disk/16851112001/pong_i_banner.arj.html.

Надо сказать, что мой любительский опыт в SDL и OpenGL оказался "не очень богатым":( Коллеги из зала меня постоянно поправляли и критиковали код. Позже оказалось, что оба имеют (или имели) педагогический опыт. Тем не менее, мне хватило наглости показать несколько своих проектов: SwibPlex (http://sourceforge.net/projects/swibplex/) и SSGE (http://code.google.com/p/ssge/).

Внезапно появились разработчики одной mmorpg Space Bot Wars 3D (http://eyerie.org/index.php/ru/) - команда eyerie. Они рассказали о своей игре, показали видео геймплея, попинали докладчика SDL, пригласили всех на бета тест и убежали. Видео этого выступления, также можно скачать отсюда: http://narod.ru/disk/16720053001/game1.mpeg.html. Видео на тытрубе.

Далее, было выступление Константина Кирика. Он рассказал о своем проекте Pynwheel (http://code.google.com/p/pynwheel/) и затронул аспекты программирования подобных проектов на языке python. Видеозапись выступления можно скачать отсюда: http://narod.ru/disk/16767239001/python_.mpeg.html. Видео на тытрубе.

Потом было еще одно не запланированное выступление: Куркин Антон (kurkin.anton@gmail.com) рассказал о своем проекте - игре-реинкарнации старушки "Аллоды: Проклятые земли". Вот видео его выступления: http://narod.ru/disk/16765987001/game2.mpeg.html. Видео на тытрубе.

2-я тематическая секция была представлена выступлением Александра Чернова. Темой его доклада была: "Проектирование и разработка браузерных игр на JavaScript+(PHP+MySQL)". Кроме самого доклада Александр показал несколько своих проектов: http://www.youtube.com/watch?v=gTTbpKRfsNs, http://a-l-e-x-u-s.ru/index.php?option=com_content&view=article&id=7:recoalition&catid=2:games&Itemid=6, http://a-l-e-x-u-s.ru/index.php?option=com_content&view=article&id=9:recoalition&catid=2:games&Itemid=6, http://a-l-e-x-u-s.ru/index.php?option=com_content&view=article&id=10:recoalition&catid=2:games&Itemid=6. Видео выступления: http://narod.ru/disk/16756070001/rangers.mpeg.html. Видео на тытрубе.

А потом было выступление вне всяких тематических секций, которое стало сюрпризом для всех участников нашего мероприятия. Зверев Сергей рассказал о разработке игровых приложений для консолей серии gp2x, wiz, caanoo, показал свои проекты и рассказал о их реализации. Видеозапись его выступления можно скачать отсюда: http://narod.ru/disk/16864894001/gp2x.mpeg.html. Видео на тытрубе.

Зарегистрировались 128 человек, отказались от регистрации 10. Пришло больше половину участников. Хоть мероприятие было соориентировано как помощь для "новичкам" в геймдеве - около половины зарегистрировавшихся участников имеют опыт в разработке игр. К сожалению, человек из команды Big Little Team, по "форс мажорным" обстоятельствам - не приехал. Зато, на мероприятие приехали ребята из SmLUG (http://smlug.ru/) - однополчане из Смоленского ЛУГа. Ребят, спасибо Вам за фотографии (https://picasaweb.google.com/117547658405456849404/LinuxGameDevConf1?feat=directlink) и простите за карточку:)

Вот такой вот "странной" получилась эта нестандартная (для MLUG) "пилотная" конференция. И, несмотря: на косяки в организации мероприятия, на хаотичность представленных тем, на неадекватность некоторых зрителей - Мне кажется, что мероприятие удалось. Простите, если что было не так.

Фотографии с мероприятия:

Linux GameDev Conf #1

Всё снятое видео на YouTube:

Processing 1.5 и Android

2011-04-27T22:30:00.002+04:00

Собственно, эта наверно уже ни какая не новость - вышел язык программирования Processing 1.5. Стабильный билд. Одно из нововведений стало - возможность компиляция скетча в бинарный файл apk для Android. Почти все примеры, которые идут с языком - компилируются и запускаются на андрофоне. Кажется, это даже никакие не костыли - скорость работы на устройстее (LG Optimus GT540) полученных приложений удволетворительная. Скетч, также можно запустить и в эмуляторе. Необходимо иметь только установленный Android SDK.

Статья о том как при помощи Processing писать приложения под андроид:
1) http://malbred.com/soft-po-vidzheingu/rukovodstvo-po-ispolzovaniyu-processing-pod-android.html (на русском);
2) http://createdigitalmotion.com/2010/09/getting-started-with-processing-for-android/;
3) http://wiki.processing.org/w/Android

Скачать Processing 1.5 можно здесь: http://code.google.com/p/processing/downloads/list.

ОС GNU/Linux - платформа для разработки игровых приложений

2011-04-24T14:53:00.000+04:00

MLUG (Московская группа пользователей операционной системы GNU/Linux, http://www.mlug.ru) собирает участников для проведения конференции: "ОС GNU/Linux - платформа для разработки игровых приложений".

На конференции хочется затронуть такие моменты, как:
* обзор сред разработки и IDE,
* создание нативных игровых приложений непосредственно для самой ОС с
использованием:
- Blender,
- OpenGL,
- OGRE,
- SDL,
- PyGame;
* программирование для Google Android,
* создание кроссплатформенных решений и т. д...

Пора уже показать, что средств для разработки игровых приложений в операционной системе GNU/Linux достаточно...

Если у Вас имеются: опыт в создании инди-разработок на данной операционной системе и Вы хотите об этом рассказать или показать результаты Ваших трудов, или есть желание выступить с докладом (например, с одной из выше перечисленных тем и не только), или у Вас есть нерешенные проблемы, или Вам просто интересно это увидеть или послушать или попробовать - приглашаем Вас принять участие!

Время, место, содеражние конференции пока уточняется. Мероприятие планируется провести на территории ГУ ВШЭ, летом 2011 г. в первой половине июня. Участие в конференции бесплатное.

Заявки на участие - оставляйте в этой теме или присылайте на minidune@ya.ru.

Публикации на других ресурсах:
http://mlug.ru/node/64
http://www.gamedev.ru/industry/forum/?id=145803
http://open-life.org/blog/conferences/1643.html
http://welinux.ru/post/5479/
http://forum.boolean.name/showthread.php?p=185680#post185680
http://plg.lrn.ru/phorum/read.php?5,1730

И снова HTML5 и Canvas

2011-04-05T12:56:00.004+04:00

1) Статьи с Хабра:
http://habrahabr.ru/blogs/html5/111308/
http://habrahabr.ru/blogs/html5/111385/
http://habrahabr.ru/blogs/html5/116860/

2) Мой допиленный порт игры БомжСурвайвер - игра Survivor: http://minidune.narod.ru/survivor8/survivor.html
Добавлена возможность сохранения лучшего результата игрового та в куках на неделю.

HTML5 и processing на андроид ...

2011-03-30T07:33:00.002+04:00

При помощи браузера Miren Browser на устройствах с андроидом можно запускать оффлайно html странички. Например - с HTML5 c содержащимися кусками Processing JS. Также, в будущем при помощи Processing - можно будет создавать приложения для самого андроида "на прямую:
http://wiki.processing.org/w/Android; http://createdigitalmotion.com/2010/09/getting-started-with-processing-for-android/
; http://malbred.com/soft-po-vidzheingu/rukovodstvo-po-ispolzovaniyu-processing-pod-android.html (на русском языке). Я пробовал разные сборки Processing c http://code.google.com/p/processing/downloads/list 0.194 и 0.190. Пока, запустить приложения на эмуляторе или устройстве не удалось:(

Видео - отчет с мероприятия Linux Install Fest, прошедшего в Москве 26.03.2011

2011-03-27T19:41:00.001+04:00

В эту субботу (26.03.2011), в Москве в ГУ ВШЭ - проходил Linux Install Fest силами MLUG, Moscow Ubuntu Loco и Russian Fedora. Мною было записано видео сего мероприятия - все доклады и все выступления:
http://narod.ru/disk/8502602001/MOV001.mpg.html
http://narod.ru/disk/8505715001/MOV002.mpg.html
http://narod.ru/disk/8533899001/MOV003.mpg.html
http://narod.ru/disk/8514866001/MOV004.mpg.html
Ничего не перекодировано и не ужато. Запись с камеры "как есть".

Победа в номинации "приз зрительских симпатий" :)

2011-03-14T23:27:00.003+03:00

Вот и прошел HackDay #11: http://hackday.ru/events/hackday-11/home.html.
Я представил на суд общественности свой проект "Сурвайвер" - порт моего БомжСурвайвера http://sourceforge.net/projects/bomjsurvivor/ на html5+canvas. Последнюю версию проекта можно потыкать тут: http://minidune.narod.ru/survivor3/survivor.html. Только ВНИМАНИЕ - в качестве тестового браузера использовался Google Chrome 10.0.648.127 для ОС GNU/Linux Debian 6.0. В других браузерах проект пока не работает:(

Вот такое описание моего проекта было представлено при регистрации на демо-фест проектов:
...
Проект #10.
Название проекта: Сурвайвер
Описание:
Жизненная игра - однажды матрас Вашей кровати не выдержал и начал "лопаться" у Вас на глазах. Только Вы готовились устроить пиршество, вывалив на матрас все богатство холодильника, как из матраса начала выползать всякая "нечисть", намереваясь испортить Вам настроение. В виде нечисти выступают самые домашние из домашних животных - тараканы, мухи, гусеницы, муравьи и пр.
Нужно продержатся как можно дольше времени, истреблять нечисть дихлофосом, возвращать богатство на законное место не давая богатству "сделать ноги" под матрас.
Проект является веб-приложением и создан на связке html5+canvas+javascript. В качестве тестового браузера использовался Google Chrome 10.0.648.127 для ос GNU/Linux Debian 6.0.

В проекте принимают участие:
1) Иноземцев Александр Павлович (minidune@ya.ru). Программирование исходного кода, автор идеи, графика.
2) Алексей Рыбаков (axel_z@bk.ru). HTML верстка, "креатив" - дизайн.
3) Петр Соболев (myxa333@gmail.com). Графика элементов интерфейса, тапков и матраса.

Прототип проекта готов и его можно попробовать по адресу:
http://... (адрес уже поменялся, см. ссылки выше)
...

Мне не удалось реализовать случайную окраску насекомых - не хватило мозгов, времени и нервов:) Это можно как-то реализовать через getdata и pushdata. Ввел такой новый элемент геймплея, как "счетчик ярости". Чем больше и интенсивнее мочим "животных", тем быстрее он заполняется. Если бездействуем - счетчик падает. Когда ярость доходит до определенного предела, то происходит "тапко - апокалипсис":) В качестве монетизации проекта предлагается рекламные места для обувных фирм или бомж-пакетов)

Проект получил большое количество голосов от зрителей. В качестве приза Я получил коллекционку игры "Готика 4" и сертификат победителя)) И то, и другое теперь украшают буфет:) Еще было 3 предложения по поводу трудоустройства - пока думаю...

На хакдее проводились видео- и фотосъемки, сейчас составляется отчет. Когда его допилят - выложу на него ссылки:

1. Немного фоточек: http://nachinai.com/photo/albums/nachinaj-s-hackday
2. Сертификат победителя:

3. Отчет на AR-Door.com: http://ar-door.com/2011/03/14-igr-za-vyxodnye/
4. Отчет на сайте движения HackDay: http://hackday.ru/events/hackday-11/report.html
Видео с мероприятия отсутствуют, кроме мастер - классов по Windows Phone 7 :(

HackDay: Games, Москва, 12-13 марта

2011-02-28T21:01:00.000+03:00

http://habrahabr.ru/company/mkechinov/blog/114481/, идет кто?

HTML5. Canvas ч.4.

2011-02-20T13:41:00.001+03:00

Начал портировать на JS Свибплекс:http://dl.dropbox.com/u/15250319/WebSplex0.007/splex.html

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

Оказалось на JS нельзя подключать локальные файлы, например карты уровней или профили объектов. Более менее навороченый редатор сделать не получается. Говорят для этих целей надо использовать Ajax. Пока еще с этим не ковырялся. Портировать Свибплекс можно и без редактора - карты будут хранится внутри отдельного JS скрипта в виде матрицы из чисел. В принципе, это нормально и мне этого пока достаточно.

Оказывается, существует "обертка" для написания приложений на JS для андроида (и не только) - PhoneGap:
http://www.mini-server.ru/faq/programms/103-android-eclipse-ubuntu
http://wiki.phonegap.com/w/page/30862722/phonegap-android-eclipse-quickstart#BuildingTheSampleProject
http://www.phonegap.com/
Удалось таки образом запустить один из моих предыдущих примеров: http://dl.dropbox.com/u/15250319/index.html
Исходники тут:http://dl.dropbox.com/u/15250319/HelloPhoneGap.tar.gz

HTML5. Canvas. ч.3.

2011-01-25T23:34:00.004+03:00

Еще немного поглумившись с js, потихонечку перешел к работе со спрайтами. Для анимации спрайтов перевел с "сей" cвою функцию ControlAnimate, за что - огромное спасибо Mainamez за помощь) И теперь трепещите! Великий, Ужасный и Брутальный Свиборг теперь на сабже: http://minidune.narod.ru/canvas5.html. Управление аналогично предудщему примеру.

Исходник у проги под катом...

<html>
<head>
  <title>canvasExample</title>
</head>

<body onload="Init()" onkeydown="get_key_down(event);" onkeyup="get_key_up(event);">
<canvas width='800' height='480' id='herovina'>Обновите браузер</canvas>
</body>

<script>

//Тут пишем сам текст проги на js

//Служебные переменные
var herovina = document.getElementById("herovina"),
    ctx = herovina.getContext('2d'),
    timer=0,//таймер, в мс
    frameRate = 0,//длительность 1 цикла, в мс - аналог delay()
    counter = 0,
    fps = 0,
    fps_max=0, 
    win_DX=herovina.width,//размеры выводимого фрейма
    win_DY=herovina.height;

//Cвоя функция random
function random(val)
 {
  return Math.floor(Math.random()*val); 
 }

//объект
var obj_frame=0,
    obj_frame_count=0;

function Some(frame,frame_count,c)
 {
  frame_count=frame_count+1;
  if (frame_count>=c) 
   {
 frame_count=0;
 frame=frame+1;   
   }

  return {x: frame, y: frame_count};
 }

function Hren()
 {
  //вызов
  var result = Some(obj_frame,obj_frame_count,2);
  obj_frame = result.x;
  obj_frame_count = result.y; 
  
  //Вывод текста  
  ctx.fillStyle = "rgb(255,0,255)";
  ctx.font = "16px Arial";
  ctx.textBaseline = "top";
  ctx.fillText("obj_frame="+obj_frame+", obj_frame_count="+obj_frame_count,10,80);
 }
 
//Функция для контроля анимации                    
function ControlAnimate(frame,//номер текущего кадра
                        frame_start,//стартовый кадр
                        frame_finish,//финальный кадр
                        frame_delta,//шаг между кадрами
                        frame_count,
                        delay,//задержка между кадрами в циклах
                        frame_loop)//зациклить ли анимацию
 {
  if (frame_count>=delay)
   {
    frame_count=0;
    if (frame_start<frame_finish) {frame=frame+frame_delta;}//следующий кадр анимации
    if (frame_start>frame_finish) {frame=frame-frame_delta;}//следующий кадр анимации
   }

  if (frame>frame_finish && frame_start<frame_finish ||
      frame<frame_finish && frame_start>frame_finish)
   {
    frame=frame_finish;
    if (frame_loop>0) {frame=frame_start;}//возвращаемся на старый кадр
   }
  
  frame_count=frame_count+1;//счетчик задержки
 
  return {x: frame, y: frame_count};
 }

//Звездное небо. Для массива звезд используется класс
var star = new Array;

function StarClass(x,y,speed)
 {
  this.x = x;
  this.y = y;
  this.speed = speed;
 }

//Инициация звездного неба
function InitStars()
 {
  //Исходные значение для членов массива star
  for (var i = 1; i < 50; i++)
   {
    var s = new StarClass(random(win_DX),
                          random(win_DY),
                          random(4)+1);                  
    star.push(s);
   }
 }

//Движение звездного неба
function RefreshStars()
 {
  for (var i = 0; i < star.length; i++)
   {
 star[i].x=star[i].x-star[i].speed;
 if (star[i].x < 0)//если звезда вылетает за границу экрана
  {
      star[i].x = win_DX;
      star[i].y = random(win_DY);
      star[i].speed = random(4) + 1;
      break;
     }
   }
 } 

//Вывод звездного небы
function DrawStars()
 {
  var distance;//мнимая дистанция до экрана
  for (var i = 0; i < star.length; i++)
   {
 //резмеры звезды и ее цвет зависят от ее близости к экрану   
 distance = star[i].speed*80;
 if (distance < 100) distance = 100;//не темная
 ctx.fillStyle = "rgb("+distance+","+distance+","+distance+")";
 ctx.fillRect(star[i].x,star[i].y,distance/30,distance/30);
   }  
 }

//Мячики - используется самый обычный массив
const ball_max=random(30)+15;

var ball_x = [ball_max],//координаты объекта
    ball_y = [ball_max],
    ball_radius = [ball_max],//размеры объекта
    ball_move_x = [ball_max],//скорости смещения объекта
    ball_move_y = [ball_max];

//Инициация мячиков
function InitBalls()
 {
  for (var i = 0; i < ball_max; i++)
   {  
    ball_x[i]=win_DX/2;
    ball_y[i]=win_DY/2;
  
    ball_radius[i]=random(ball_max/2)+1;
  
    ball_move_x[i]=random(ball_max/2)-random(ball_max/2);
    ball_move_y[i]=random(ball_max/2)-random(ball_max/2);
    
    if (ball_move_x[i]==0) {ball_move_x[i]=1;}
    if (ball_move_y[i]==0) {ball_move_y[i]=1;}   
   } 
 }

//Движение мячиков
function RefreshBalls()
 {
  for (var i = 0; i < ball_max; i++)
   {  
    ball_x[i]=ball_x[i]+ball_move_x[i];
    ball_y[i]=ball_y[i]+ball_move_y[i];
  
    if (ball_x[i]+ball_radius[i]>=win_DX || ball_x[i]<0) 
       {ball_move_x[i]=-ball_move_x[i];}
    if (ball_y[i]+ball_radius[i]>=win_DY || ball_y[i]<0) 
       {ball_move_y[i]=-ball_move_y[i];}
   }
 }
  
//Вывод мячиков  
function DrawBalls()
 {
  for (var i = 0; i < ball_max; i++)
   { 
    //для справок http://oneline.org.ru/statii/canvas.html
    ctx.beginPath();//начало рисования
    ctx.lineWidth = random(7)+1;//толщина линий
    ctx.strokeStyle = "rgba(90,50,205,20)";//при использовании рисовании без заливки
    //ctx.fillStyle = "rgb(9,5,205)";//при использовании в рисовании заливки
    //Рисование дуги
    //ctx.arc(x,y,radius,startAngle,endAngle, anticlockwise); // Create the arc path.
 ctx.arc(ball_x[i],ball_y[i],ball_radius[i],0,Math.PI*2, true);
 
 ctx.stroke();//конец рисования без заливки
    //ctx.fill();//конец рисования c заливкой
   }  
 }
      
//Задник - изображение 
var BackGround = new Image(),
    PlayerSprite = new Image(); 
   
//Игрок
var p_x,//координаты объекта
    p_y,
    p_dx,//размеры объекта
    p_dy,
    p_move_dx,//скорости смещения объекта
    p_move_dy,
    p_move = 0,
    p_frame,
    p_frame_count,
    p_start_frame,
    p_finish_frame,
    p_frame_delay,//заержка смены кадра анимации
    
    p_view_right,//игрок смотрит вправо - направлениие вектора последнего движения по OX
    p_active,//игрок активен
    
    p_TX_x,
    p_TX_y,
    p_TX_dx,
    p_TX_dy;

//Максимальное количество патронов
const bullet_max = 30;

//Массив патронов игрока    
var bullet_x = [bullet_max],
    bullet_y = [bullet_max],
    bullet_dx = [bullet_max],
    bullet_dy = [bullet_max],
    bullet_move_dx = [bullet_max],
    bullet_true = [bullet_max],
    bullet_matugalnik = [bullet_max];

var matuga = [6];
    
//Переменные для управления    
var k_down = 0,
    k_up = 0,
    k_left = 0,
    k_right = 0,
    k_fire = 0;

function get_key_down(e)
 {
  if (e.keyCode == 37) k_left = 1;
  if (e.keyCode == 38) k_up = 1;
  if (e.keyCode == 39) k_right = 1;
  if (e.keyCode == 40) k_down = 1;
  if (e.keyCode == 32) k_fire = 1; 
 }

function get_key_up(e)
 {
  if (e.keyCode == 37) k_left = 0;
  if (e.keyCode == 38) k_up = 0;
  if (e.keyCode == 39) k_right = 0;
  if (e.keyCode == 40) k_down = 0;
 
  if (e.keyCode == 32) k_fire = 0;
 }

//Стадия инициализации
function Init()
 {
  InitStars();//инициация звезд
  InitBalls();//инициация мячиков
  
  //Грузим изображение фона
  BackGround.src = "back.png";
  PlayerSprite.src = "swiborg.png";
  
  //Игрок
  p_x=win_DX/2;//координаты старта игрока
  p_y=win_DY/2;
  
  p_dx=80;//геометрические размеры игрока
  p_dy=80;
  
  p_move_dx=2;//скорость передвижения игрока
  p_move_dy=2;
  
  p_frame=1;
  p_frame_count=0;
  p_start_frame=p_frame;
  p_finish_frame=2;
  p_frame_delay=80;
  
  p_view_right=1;
  p_active=0;
  
  p_TX_x=0;
  p_TX_y=256;
  p_TX_dx=128;
  p_TX_dy=128;
  
  //Начальные параметры для патронов игрока
  for (var i = 0; i < bullet_max; i++)
   {  
    bullet_true[i]=0;
   }
   
  matuga[1] = "You!"
  matuga[2] = "Look"
  matuga[3] = "Like"
  matuga[4] = "A"
  matuga[5] = "Shit!" 
  matuga[6] = "Pesec!" 
   
 }    

//Стадия обновления
function RefreshStuff() 
 {
  RefreshStars();
  RefreshBalls();  
  
  //Движение игрока и соответствующие ей анимации
  if (k_left==1)//движение влево 
   {
 p_x=p_x-p_move_dx;//перемещение игрока вдоль OX
 p_view_right=0;//вправо игрок не смотрит
    p_TX_x=0;//текстурные координаты
    p_TX_y=128;
    p_start_frame=1;//начальный и конечный кадр анимации движения
    p_finish_frame=4;
    p_frame_delay=10;
    p_active=1;
   }
   
  if (k_right==1)//движение вправо
   { 
 p_x=p_x+p_move_dx;//перемещение игрока вдоль OX
 p_view_right=1;//игрок смотрит вправо
    p_TX_x=0;//текстурные координаты
    p_TX_y=0;
    p_start_frame=1;//начальный и конечный кадр анимации движения
    p_finish_frame=4;
    p_frame_delay=10;
    p_active=1;
   }
    
  if (k_up==1) {p_y=p_y-p_move_dy;}//движение вверх
  if (k_down==1) {p_y=p_y+p_move_dy;}//движение вниз 
  
  if (k_up==1 || k_down==1)//при движении вверх и вниз будет использоваться различная анимация
   {
 if (p_view_right==1)//если игрок смотрит вправо  
  {
      p_TX_x=0;
      p_TX_y=0;   
  } 
  
    if (p_view_right==0)//если игрок не смотрит вправо
     {
      p_TX_x=0;
      p_TX_y=128;   
  } 
    p_start_frame=1;//начальный и конечный кадр анимации движения
    p_finish_frame=4;
    p_frame_delay=10;
    p_active=1;
   }
       
  if (k_left==0 && k_right==0 && k_up==0 && k_down==0 && k_fire==0)//анимация в состояние покоя
   {
    if (p_frame>1 && p_active==1)//переход к анимации покоя из активного состояния
  {
   if (p_view_right==1)//если игрок смотрит вправо   
    {
        p_TX_x=0;
        p_TX_y=0;   
    } 
  
      if (p_view_right==0)//если игрок не смотрит вправо  
    {
        p_TX_x=0;
        p_TX_y=128;   
    } 
      p_start_frame=p_frame;
      p_finish_frame=1;  
  } 
    
    if (p_frame==1 && p_active==1)//переход к анимации покоя из активного состояния
  {
      p_TX_x=0;
      p_TX_y=256;  
      p_start_frame=p_frame;
      p_finish_frame=2;
      p_frame_delay=80;
      p_active=0;//состояние покоя
  }

   }                       
                         
  //Ограничение на перемещение игрока по экрану 
  if (p_x+p_dx>win_DX) {p_x=win_DX-p_dx;}
  if (p_x<0) {p_x=0;}
  if (p_y+p_dy>win_DY) {p_y=win_DY-p_dy;}
  if (p_y<0) {p_y=0;}
  
  if (k_fire==1)//при стрельбе
   { 
 if (p_view_right==1)
     {
      p_TX_x=0;
      p_TX_y=256+128;   
  }
 if (p_view_right==0)   
  {
      p_TX_x=256;
      p_TX_y=256+128;   
  }  
    p_start_frame=1;
    p_finish_frame=2;
    p_frame_delay=15;
    p_active=1;
   }
   
  //Выстрел
  if (k_fire==1) 
   {
    for (var i = 0; i < bullet_max; i++)
     {  
   if (bullet_true[i] == 0)//если i-го патрон не существует, то
    {
  bullet_true[i]=1;//теперь он существует
        bullet_x[i]=p_x+p_dx/2;//в координатах игрока
        bullet_y[i]=p_y+p_dy/1.8+random(4)-random(4);
        bullet_dx[i]=random(15)+6;
        bullet_dy[i]=random(6)+6;           
        bullet_matugalnik[i]=random(6)+1;
               
        //направление движения патрона взависимости от того куда смотрит игрок
       if (p_view_right==1) {bullet_move_dx[i]=random(6)+4;}//если смотрит вправо
       if (p_view_right==0) {bullet_move_dx[i]=-(random(6)+4);}//если смотрит влево     
        break;//вываливаемся из цикла
       }
     }      
    //k_fire=0;//если хотим чтобы было 1 нажатие
   }
  
  //Движение патрона 
  for (var i = 0; i < bullet_max; i++)
   {  
 if (bullet_true[i] == 1)//если i-ый патрон существует, то
  {
      bullet_x[i]=bullet_x[i]+bullet_move_dx[i];//движение патрона вдоль OX
      //Если патрон вылетает за win_DX или 0, то его больше не существует
      if (bullet_x[i]>win_DX ||
          bullet_x[i]+bullet_dx[i]<0) 
         {bullet_true[i]=0;}
     }
   }      

  var res=ControlAnimate(p_frame,//номер текущего кадра
                         p_start_frame,//стартовый кадр
                         p_finish_frame,//финальный кадр
                         1,//шаг между кадрами
                         p_frame_count,
                         p_frame_delay,//задержка между кадрами в циклах
                         1);//зациклить ли анимацию
  p_frame=res.x;
  p_frame_count=res.y; 

 }
              
//Стадия отрисовки
function Draw() 
 {
  //Черный фон на весь фрейм
  //ctx.fillStyle = "rgb(0,0,0)";
  //ctx.fillRect(0,0,win_DX,win_DY)
 
 
  //Вывод повернутого изображения
  //ctx.save();//запоминаем состояние
  //ctx.translate(win_DX/2,win_DY/2);//смещаем на половину размера изображения
  //ctx.rotate(45 * Math.PI / 180);//поворачиваем на нужный угол
  //ctx.translate(-win_DX/2,-win_DY/2);//смещаем повернутое изображение обратно
  //ctx.drawImage(BackGround,0,0, win_DX, win_DY);//рисуем изображение
  //ctx.restore();//восстанавливаем состояние

  //Вывод задника на весь фрейм
  ctx.drawImage(BackGround,0,0, win_DX, win_DY);//рисуем изображение

  //Рисуем звезды
  DrawStars();

  //Вывод текста  
  ctx.fillStyle = "rgb(255,0,255)";
  ctx.font = "12px Arial";
  ctx.textBaseline = "top";
  ctx.fillText("timer="+timer+", counter="+counter+", fps_max="+fps_max,10,10);
  
  //Вывод игрока
  //ctx.fillStyle = "rgb(255,0,255)";
  //ctx.fillRect(p_x, p_y, p_dx, p_dy);
  
  //Вывод части изображения
  ctx.fillText("p_TX_x="+p_TX_x+", p_TX_y="+p_TX_y+", p_frame="+p_frame+", p_frame_count="+p_frame_count,10,40);
 
   //Рисуем патроны 
  for (var i = 0; i < bullet_max; i++)
   {  
 if (bullet_true[i] == 1)//если i-ый патрон существует, то
  {
      ctx.fillStyle = "rgb(0,255,255)";
      ctx.fillRect(bullet_x[i], bullet_y[i], bullet_dx[i], bullet_dy[i]);
      //ctx.fillStyle = "rgb(255,200,200)";
      //ctx.font = "12px Arial";
      //ctx.fillText(matuga[bullet_matugalnik[i]],bullet_x[i],bullet_y[i]);
      
     }
   }  
 
  ctx.drawImage(PlayerSprite,
                p_TX_x+p_TX_dx*(p_frame-1),//координаты начала среза, относительно текстуры
                p_TX_y,
                p_TX_dx,//величина среза
                p_TX_dy,
                p_x,//координаты вывода вырезанного куска
                p_y, 
                p_dx,//размеры куска 
                p_dy);
/*
  //Вывод всего изображения
  ctx.drawImage(PlayerSprite,
                p_x,//координаты
                p_y, 
                p_dx,//размеры
                p_dy);                
*/  
                  
  DrawBalls();//рисуем мячики
  
  //Рамка
  ctx.beginPath();
  ctx.lineWidth = "10";//толщина линий
  ctx.strokeStyle = "rgb(0,0,205)";//цвет рамки
  ctx.rect (0,0,win_DX,win_DY);//сама рамка
  ctx.stroke(); 
 }

//Стадия обновления
function Refresh() 
 {
  timer=timer+frameRate;//считаем таймер, мс
  counter=counter+1;//суммарное число циклов
  fps++;//количество пройденных циклов за 1 секунду
  
  //Очистка задника
  //ctx.clearRect(0,0,herovina.width, herovina.height);
  //ctx.beginPath();
  
  //Обновление всего
  RefreshStuff();
  
  //Стадия отрисовки всего
  Draw();
 }
  
setInterval(Refresh,frameRate);//обновление

//Расчет ФПС
function checkFps() 
 {  
  fps_max = fps;
  fps = 0; 
 }
setInterval(checkFps, 1000);

</script>
</html>

HTML5. Canvas. ч.2.

2011-01-23T19:22:00.018+03:00

Порывшись в нетах нашел несколько ресурсов по html5 и canvas:
1) http://msdn.microsoft.com/en-us/library/ms533053(v=VS.85).aspx (куда уж без мс:))
2) http://oneline.org.ru/statii/canvas.html
3) http://webcache.googleusercontent.com/search?q=cache:http://arttu-peka.info/html-5/igri-na-html5-dlja-chajnikov/
4) http://webcache.googleusercontent.com/search?q=cache:http://arttu-peka.info/html-5/igry-na-html5-canvas-dlya-chajnikov-%E2%80%93-chast-ii/
5) http://habrahabr.ru/blogs/canvas/112274/ (имхо, какаято компиляция 3) и 4) )
6) http://wecreategames.com/blog/?p=321
7) http://html5blog.ru/
8) http://w3pro.ru/article/html-5-canvas-dlya-nachinayushchikh
9) http://www.html5canvastutorials.com/
10) http://www.html5dev.ru/
11) http://www.johnegraham2.com/category/web-technology/web-playground/
12) http://simon.html5.org/dump/html5-canvas-cheat-sheet.html
13) http://www.03www.su/
14) http://javascript.internet.com/image-effects/

Еще немного поковырялся с canvas и js. Переместил все свои примеры на minidune.ya.ru - blogspot както болезненно относится к тегам body. Разобрался с массивами и осуществление управления объектом при помощи клавиатуры. Вот результат моих трудов в виде очередного примера: http://minidune.narod.ru/canvas3.html. Можно управлять лиловым квадратиком клавишами вверх, вниз, влево, вправо, и стрелять - используя клавишу пробел.

Исходник примера под катом...

<html>
<head>
  <title>canvasExample</title>
</head>

<body onload="Main()" onkeydown="get_key_down(event);" onkeyup="get_key_up(event);">
<canvas width='800' height='480' id='herovina'>Обновите браузер</canvas>
</body>

<script>

//Тут пишем сам текст проги на js

//Служебные переменные
var herovina = document.getElementById("herovina"),
    ctx = herovina.getContext('2d'),
    timer=0,//таймер, в мс
    frameRate = 10,//длительность 1 цикла, в мс - аналог delay()
    win_DX=herovina.width,//размеры выводимого фрейма
    win_DY=herovina.height;

//Cвоя функция random
function random(val)
 {
  return Math.floor(Math.random()*val); 
 }

//Звездное небо. Для массива звезд используется класс
var star = new Array;

function StarClass(x,y,speed)
 {
  this.x = x;
  this.y = y;
  this.speed = speed;
 }

//Инициация звездного неба
function InitStars()
 {
  //Исходные значение для членов массива star
  for (var i = 1; i < 50; i++)
   {
    var s = new StarClass(random(win_DX),
                          random(win_DY),
                          random(4)+1);                  
    star.push(s);
   }
 }

//Движение звездного неба
function RefreshStars()
 {
  for (var i = 0; i < star.length; i++)
   {
 star[i].x=star[i].x-star[i].speed;
 if (star[i].x < 0)//если звезда вылетает за границу экрана
  {
      star[i].x = win_DX;
      star[i].y = random(win_DY);
      star[i].speed = random(4) + 1;
      break;
     }
   }
 } 

//Вывод звездного небы
function DrawStars()
 {
  var distance;//мнимая дистанция до экрана
  for (var i = 0; i < star.length; i++)
   {
 //резмеры звезды и ее цвет зависят от ее близости к экрану   
 distance = star[i].speed*80;
 if (distance < 100) distance = 100;//не темная
 ctx.fillStyle = "rgb("+distance+","+distance+","+distance+")";
 ctx.fillRect(star[i].x,star[i].y,distance/30,distance/30);
   }  
 }

//Мячики - используется самый обычный массив
const ball_max=random(30)+15;

var ball_x = [ball_max],//координаты объекта
    ball_y = [ball_max],
    ball_radius = [ball_max],//размеры объекта
    ball_move_x = [ball_max],//скорости смещения объекта
    ball_move_y = [ball_max];

//Инициация мячиков
function InitBalls()
 {
  for (var i = 0; i < ball_max; i++)
   {  
    ball_x[i]=win_DX/2;
    ball_y[i]=win_DY/2;
  
    ball_radius[i]=random(ball_max/2)+1;
  
    ball_move_x[i]=random(ball_max/2)-random(ball_max/2);
    ball_move_y[i]=random(ball_max/2)-random(ball_max/2);
    
    if (ball_move_x[i]==0) {ball_move_x[i]=1;}
    if (ball_move_y[i]==0) {ball_move_y[i]=1;}   
   } 
 }

//Движение мячиков
function RefreshBalls()
 {
  for (var i = 0; i < ball_max; i++)
   {  
    ball_x[i]=ball_x[i]+ball_move_x[i];
    ball_y[i]=ball_y[i]+ball_move_y[i];
  
    if (ball_x[i]+ball_radius[i]>=win_DX || ball_x[i]<0) 
       {ball_move_x[i]=-ball_move_x[i];}
    if (ball_y[i]+ball_radius[i]>=win_DY || ball_y[i]<0) 
       {ball_move_y[i]=-ball_move_y[i];}
   }
 }
  
//Вывод мячиков  
function DrawBalls()
 {
  for (var i = 0; i < ball_max; i++)
   { 
    //для справок http://oneline.org.ru/statii/canvas.html
    ctx.beginPath();//начало рисования
    ctx.lineWidth = random(7)+1;//толщина линий
    ctx.strokeStyle = "rgba(90,50,205,20)";//при использовании рисовании без заливки
    //ctx.fillStyle = "rgb(9,5,205)";//при использовании в рисовании заливки
    //Рисование дуги
    //ctx.arc(x,y,radius,startAngle,endAngle, anticlockwise); // Create the arc path.
 ctx.arc(ball_x[i],ball_y[i],ball_radius[i],0,Math.PI*2, true);
 
 ctx.stroke();//конец рисования без заливки
    //ctx.fill();//конец рисования c заливкой
   }  
 }
  
//Игрок
var player_x,//координаты объекта
    player_y,
    player_dx,//размеры объекта
    player_dy,
    player_move_x,//скорости смещения объекта
    player_move_y;

//Максимальное количество патронов
const bullet_max = 30;
//Массив патронов игрока    
var bullet_x = [bullet_max],
    bullet_y = [bullet_max],
    bullet_true = [bullet_max];
    
var k_down = 0,//переменные для управления
    k_up = 0,
    k_left = 0,
    k_right = 0,
    k_fire = 0;

function get_key_down(e)
 {
  if (e.keyCode == 37) k_left = 1;
  if (e.keyCode == 38) k_up = 1;
  if (e.keyCode == 39) k_right = 1;
  if (e.keyCode == 40) k_down = 1;
  if (e.keyCode == 32) k_fire = 1; 
 }

function get_key_up(e)
 {
  if (e.keyCode == 37) k_left = 0;
  if (e.keyCode == 38) k_up = 0;
  if (e.keyCode == 39) k_right = 0;
  if (e.keyCode == 40) k_down = 0;
 
  if(e.keyCode == 32) k_fire = 0;
 }

//Стадия инициализации
function Init()
 {
  InitStars();//инициация звезд
  InitBalls();//инициация мячиков
  
  player_x=win_DX/2;//координаты старта игрока
  player_y=win_DY/2;
  
  player_dx=20;//геометрические размеры игрока
  player_dy=20;
  
  player_move_x=2;//скорость передвижения игрока
  player_move_y=2;
  
  //Начальные паракметры для патронов игрока
  for (var i = 0; i < bullet_max; i++)
   {  
    bullet_true[i]=0;
   }
 }    

//Стадия обновления
function RefreshStuff() 
 {
  RefreshStars();
  RefreshBalls();  
  
  //Движение игрока
  if (k_left==1) {player_x=player_x-player_move_x};
  if (k_right==1) {player_x=player_x+player_move_x};
  if (k_up==1) {player_y=player_y-player_move_y};
  if (k_down==1) {player_y=player_y+player_move_y};

  //Ограничение на перемещение игрока по экрану 
  if (player_x+player_dx>win_DX) {player_x=win_DX-player_dx;}
  if (player_x<0) {player_x=0;}
  if (player_y+player_dy>win_DY) {player_y=win_DY-player_dy;}
  if (player_y<0) {player_y=0;}
  
  //Выстрел
  if (k_fire==1) 
   {
    for (var i = 0; i < bullet_max; i++)
     {  
   if (bullet_true[i] == 0)//если i-го патрон не существует, то
    {
  bullet_true[i]=1;//теперь он существует
        bullet_x[i]=player_x;//в координатах игрока
        bullet_y[i]=player_y;
        break;//вываливаемся из цикла
       }
     }      
    //k_fire=0;//если хотим чтобы было 1 нажатие
   }
  
  //Движение патрона 
  for (var i = 0; i < bullet_max; i++)
   {  
 if (bullet_true[i] == 1)//если i-ый патрон существует, то
  {
      bullet_x[i]=bullet_x[i]+15;//движение патрона вправо по OX
      //Если патрон вылетает за win_DX, то его больше не существует
      if (bullet_x[i]>win_DX) {bullet_true[i]=0;}
     }
   }      

 }

//Стадия отрисовки
function Draw() 
 {
  //Черный фон на весь фрейм
  ctx.fillStyle = "rgb(0,0,0)";
  ctx.fillRect(0,0,win_DX,win_DY)
 
  //Рисуем звезды
  DrawStars();

  //Вывод текста  
  ctx.fillStyle = "rgb(58,95,205)";
  ctx.font = "16px Arial";
  ctx.textBaseline = "top";
  ctx.fillText(timer,10,10);  

  //Вывод игрока
  ctx.fillStyle = "rgb(255,0,255)";
  ctx.fillRect(player_x, player_y, player_dx, player_dy);
  
  //Рисуем патроны 
  for (var i = 0; i < bullet_max; i++)
   {  
 if (bullet_true[i] == 1)//если i-ый патрон существует, то
  {
      ctx.fillStyle = "rgb(0,255,255)";
      ctx.fillRect(bullet_x[i], bullet_y[i], 12, 12);
     }
   }  
  
  
  DrawBalls();//рисуем мячики
  
  //Рамка
  ctx.beginPath();
  ctx.lineWidth = "10";//толщина линий
  ctx.strokeStyle = "rgb(0,0,205)";//цвет рамки
  ctx.rect (0,0,win_DX,win_DY);//сама рамка
  ctx.stroke();
  
 }

//Стадия обновления
function Refresh() 
 {
  timer=timer+frameRate;//считаем таймер
  //Очистка задника
  ctx.clearRect(0,0,herovina.width, herovina.height);
  ctx.beginPath();
  
  //Обновление всего
  RefreshStuff();
  
  //Стадия отрисовки всего
  Draw();

  setTimeout("Refresh()", frameRate);
 }

//Главная функция
function Main() 
 {
  Init();
  
  setTimeout("Refresh()",0);//0 - в начале запуска отсутствует пауза
 }   

</script>
</html>

HTML5. Canvas. ч.1.

2011-01-22T13:41:00.005+03:00

Да, руки у меня доросли и до сабжа - буду ковырять.
Первая поделка: http://minidune.narod.ru/canvas2.html
Исходный код под катом...

<html>
<head>
  <title>canvasExample</title>
</head>

<body onload="Main()">
<canvas height='640' width='480' id='herovina'>Обновите браузер</canvas>
</body>

<script>

//Тут пишем сам текст проги на js

//Служебные переменные
var herovina = document.getElementById("herovina"),
    ctx = herovina.getContext('2d'),
    timer=0,//таймер, в мс
    frameRate = 10,//длительность 1 цикла, в мс - аналог delay()
    win_DX=herovina.width,
    win_DY=herovina.height;

//Переменные   
var player_x,
    player_y,
    player_dx,
    player_dy;

//Стадия инициализации
function Init()
 {
  player_x=win_DX/2;
  player_y=win_DY/2;
  
  player_dx=1;
  player_dy=1;
  
 }    

//Стадия обновления
function RefreshStuff() 
 {
  player_x=player_x+player_dx;
  player_y=player_y+player_dy;
  
  if (player_x>=win_DX || player_x<0) {player_dx=-player_dx;}
  if (player_y>=win_DY || player_y<0) {player_dy=-player_dy;}

 }

//Стадия отрисовки
function Draw() 
 {
  //Вывод текста  
  ctx.fillStyle = "rgb(58,95,205)";
  ctx.font = "10px Arial";
  ctx.textBaseline = "top";
  ctx.fillText(timer,1,1);  

  //Вывод объекта
  ctx.fillStyle = "rgb(0,0,205)";
  ctx.fillRect(player_x, player_y, 50, 50);
 }

//Стадия обновления
function Refresh() 
 {
  timer +=frameRate;//считаем таймер
  //Очистка задника
  ctx.clearRect(0,0,herovina.width, herovina.height);
  ctx.beginPath();
  
  //Обновление всего
  RefreshStuff();
  
  //Стадия отрисовки всего
  Draw();

  setTimeout("Refresh()", frameRate);
 }

//Главная функция
function Main() 
 {
  Init();
  
  setTimeout("Refresh()",0);//0 - в начале запуска отсутствует пауза
 }   

</script>
</html>

SSGE

2011-01-21T13:35:00.000+03:00

Всех с прошедшими:) Наконец-то, я забил на гугл коде место для своей "леталки": http://code.google.com/p/ssge/. SSGE - этот scroll shooter game engine :) Чтобы это могло называться движком - еще нужно копать и копать. Но, тем не менее - уже много всего сделано...

Android x86

2010-12-01T23:34:00.003+03:00

Наткнулся недавно на проект Android-x86 (http://www.android-x86.org/). Это порт андроида на процессор x86 (ваш К.О.). Стабильным портом сейчас является андроид версии 1.6. Iso образ которого можно скачать с сайта проекта, а для ленивых - отсюда: http://android-x86.googlecode.com/files/android-x86-1.6-r2.iso. Хотелось бы отметить основными фишки этого порта:
- образ занимает всего 52 мегабайта и работает в режиме лайв сиди, причем для создания загрузочной флешки совсем не обязательно использовать *.img образ (тоже валяется на сайте), а программульку unetbootin - загрузочное меню после заливки исошника програмка не изменит.
- андроид можно установить на жесткий диск - для этого в загрузочном меню есть соответствующий пункт, установка занимает каких-то 5 минут.
- система загружается мгновенно, в ней уже присутствуют программы для просмтора видео или прослушивания mp3.
- есть терминал (aterm в Dev Tools) и в нем можно сделать рута, набрав su :)

Из минусов - стоит отметить, следущее:
- проект еще сырой, поддержка железа никакая, но на сайте есть таблица совместимости с теми или иными ноутбуками/железяками: http://www.android-x86.org/hardware-list. Например у меня на нетбуке Asus EEEPC 701 4g заработало все - и экран 800 на 480 (а больше и не вышло), и Wifi, и звук, камера, USB, сетевуха и т.д. А вот на Acer AO532h-28b: заработала камера, экран был все те же 840 на 480, звук не работал, Wifi работал, но панель индикаторов не работала. Видеоплата в обоих устройствах, имхо, тоже не определилась - наблюдались жуткие тормоза при открытии/закрытии и анимации окон.
- дальше своей файловой системы андроид дисков не видит - ну это и понятно, система не для десктопов. В качестве внешней карточки памяти, выступает любая подключенная к компу флешка.
- в качестве загрузчика андроида используется grub 0.98. При установки андроида, загрузчик лучше не устанавливать - в процессе установки будет задан соответствующий вопрос. Я пробовал ставить этот груб, но он не увидел моих уже установленных ранее систем. А чинить груб из нового андроида я незнаю как. Наверно никак. Вообщем я оставил, уже ранее установленный груб 2.0, и создал в меню загрузчика отдельный пункт для загрузки андроида, на это меня натолкнуло http://www.franklinstrube.com/blog/dual-booting-ubuntu-netbook-remix-and-android-x86-on-an-asus-eee-pc, а для ликбеза я полез сюда https://help.ubuntu.com/community/Grub2

Обновления в блоге и концерт

2010-11-30T23:50:00.001+03:00

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

Да, и, еще - 20-го декабря еду в Питер на концерт Video Games Live. Поеду точно - билеты уже купил, присоединяйтесь!
http://www.newarena.spb.ru/afisha/#event/3985
http://www.videogameslive.com/index.php?s=home