20 мар. 2013 г.

Текст на CANVAS

Эта статья часть обучающей серии

Текст является в большинстве случаев одни из главных источников получения информации для любого человека, без текста с большинством систем взаимодействие просто не возможно. Рассмотрим основные способы взаимодействия с текстом на Canvas.

Содержание

  1. Вывод текста
  2. Заливка, обвод текста
  3. Выравнивание по горизонтали
  4. Выравнивание по вертикали

15 мар. 2013 г.

Изображения на CANVAS

Эта статья часть обучающей серии

Естественно рисовать на холсте примитивами очень не удобно и требует определённых трудозатрат, и результат иногда явно хромает качеством. Поэтому естественно в canvas api предусмотрено взаимодействие с изображениями. Добавление изображения условно можно разделить на два шага: создание JavaScript объекта Image, а второй и заключительный шаг это отрисовка изображения на холсте при помощи функции drawImage. Рассмотрим оба шага подробнее.

Содержание

  1. drawImage
  2. Рисуем в другом размере
  3. Рисуем фрагмент изображения

29 дек. 2012 г.

Sokoban на JavaScript

Вот такое дело я написал за два рабочих дня в перерывах между основной работой. Код ужасен - потому не публикую его. Как будет время распишу его и выложу.
Управление стрелками и кнопкой Enter, мышкой и касаниями.

upd1: Уровни я взял здесь за что ему большое спасибо )
upd2: С наступающим!

2 дек. 2012 г.

Основы рисования на CANVAS

Эта статья часть обучающей серии

Статья является “ремейком” той что жила на хабре. Переписываю больше для себя, что бы освежить в голове знания о js canvas.

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

Содержание:

  • Введение
  • Предварительная «настройка» нашего холста
  • Прямоугольники
  • Линии и дуги
  • Кривые Бернштейна-Безье
  • Добавим цвета

25 окт. 2011 г.

Текст изогнутый по дуге

Эта статья часть обучающей серии

Для начала создадим страничку заготовку в которой один канвас и ничего более, например вот такую:

<html>
    <head>
        <title>drawTextAlongArc</title>
    </head>
    <body>
        <canvas id="canvas" width="480" height="320">oops!</canvas>
        <script>
            var canvas = document.getElementById("canvas");
            var ctx = canvas.getContext('2d');
        </script>
    </body>
</html>

17 сент. 2011 г.

Chess@home

Многие знакомы с проектом Seti@home: мощнейшей инициативой по поиску следов внеземных цивилизаций в океане данных, получаемых с неба, с использованием мощностей миллионов компьютеров по всему земному шару («матрицу»). Хотя инопланетян до сих пор не обнаружили, Seti@home вполне успешно демонстрирует потенциал крупномасштабных распределенных вычислений. Проекты типа BOINC распространили подобные инициативы в другие области: биологию, медицину и физику. На прошлых выходных команда из Joshfire (Томас, Натан, Майкл и я) участвовала в 48-часовом соревновании Node Knockout. Правила были простыми: закодировать наиболее занятную штуку за выходные, которая использует серверный JavaScript.
---
Полностью статья на Хабре: http://habrahabr.ru/blogs/artificial_intelligence/128598/
---
От себя добавлю что у них отлично получилось ))

9 сент. 2011 г.

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


В этот прекрасный, ничем не отличающийся от остальных день (если не брать в расчёт тот факт, что холодная погода разбила в осколки все мечтания о хотя бы паре тёплых дней в этом году что бы поездить на велосипеде), у меня выдалось хорошее настроение. И хорошее оно даже несмотря на то, что я отчаялся ставить хакинтош на свой ноут, и пришёл к неутешительной мысли, что если я хочу хоть что-то написать под iOS, то мне надо копить на продукцию фирмы Эппл. Но собственно пост не об этом, а о небольшой жизни крохотной игрушки, которую мы с вами и попытаемся создать. Честно говоря, в добрые времена я не так уж и много играл в предка нашего творения (которого ещё и не существует), но определённые теплые воспоминания ещё остались в моём сердце. Итак… Танки! Танчики! БатлТанкс! БатлСити! Писать будем на JavaScript с выводом на canvas.

Целиком статья на хабре