Предыдущий ролик Следующий ролик  

Видео урок: Установка инструментов

HTML5: графика и анимация с Canvas

Прежде чем мы начнем работать с HTML5 canvas, нам сначала нужно убедиться, что у нас установлены нужные инструменты. Вам понадобятся некоторые браузеры, на которых вы будете проводить тестирование, вы видите, что у меня есть Firefox и Chrome, IE, Opera и Safari. Вы можете загрузить эти браузеры с соответствующих страниц этих браузеров. Убедитесь, что у вас IE минимум версии 9, поскольку эта версия IE, которая поддерживает тег canvas. В дополнение к браузерам, при помощи которых вы будете тестировать результаты, вам понадобится текстовый редактор, чтобы редактировать HTML и JavaScript код, с которым мы будем работать.

Вы можете использовать любой редактор кода, какой захотите. Возможно, у вас уже есть любимый редактор кода для вашей платформы. В этом курсе я буду использовать инструмент Aptana Studio, а вот и веб сайт, с которого вы можете его скачать. Если вы перейдете на aptana.com, то увидите здесь ссылки на продукты, и вот нужная нам. Вы можете скачать Aptana Studio. Причина того, что я использую Aptana Studio, заключается в том, что это кроссплатформенный инструмент, то есть, он работает и на Mac, и на Windows, и он бесплатный.

Но опять же, вы можете использовать любой редактор, который хотите. Я использую Aptana, и если вы его скачаете и установите, то он будет выглядеть вот так. Никакой неожиданности. Он работает таким же способом, что и любой IDE. Как только браузеры и редактор кода установлены, мы можем приступить к изучению HTML5 canvas.