Кодинг
★ Рубрика: Кодинг
★ Тема: Javascript

Знакомьтесь - Processing.js

Processing.js — это открытый язык программирования для визуализации в вебе который представляет собой портированный Processing на JavaScript. Processing.js использует Js для анимации и тег canvas для работы с изображением.
Сразу начнем с примеров. Вот вам модель руки, которая управляется курсором мышки - перемещайте курсор по экрану в зоне рисунка и наблюдайте за динамикой руки.
Обновите браузер.... Для того, чтобы разместить такой пример у себя, вам понадобится подключить скрипт, можно прямо с официального сайта языка программирования.

И теперь сам код, отвечающий за изображение и динамику руки:

И канва, на которой эта рука будет отображаться:
Продолжим приводить примеры. Теперь - разворачивающееся фрактальное дерево. Поднесите курсор к вертикальной линии, которую вы видите после загрузки страницы.
обновите браузер...
Этот пример демонстрирует и трансформацию элементов и рекурсивное построение изображения. Приводим код примера:

И опять канва для рисования:
 Похожие публикации: Javascript

Войдите, чтобы добавить Ваш ответ. [ Регистрация | Вход ]