CSS властивості
ГлавнаяCanvasРеальні приклади та інструменти в Canvas

Реальні приклади та інструменти в Canvas

163

Тепер, коли ви багато знаєте про те, як працює Canvas, зробимо огляд деяких хороших та корисних бібліотек.

Графіки та діаграми

RGraph є безкоштовною для особистого використання Canvas-бібліотекою створення графіків. Вона містить безліч різних видів діаграм.

www.rgraph.net

ZingChart це віддалена бібліотека для графіків з візуальним білдером. Результат відображається у різних форматах, у тому числі Canvas і може обробляти великі масиви даних.

http://www .zingchart.com

Ігрові движки

Wolfenstein 3D відтворений на Canvas

Стаття на Opera

Akihabara

www.kesiev.com/akihabara

ImpactJS: швидкий комерційний ігровий движок

impactjs.com

Cocos2d: частковий порт Cocos iPhone SDK на JavaScript.

cocos2d-javascript.org

Pirates Love Daises — гра в жанрі Tower Defense зроблена повністю на Canvas.

Програми малювання

Muro: програма малювання на сайті від Deviant Art

deviantart.com

SketchPad: інша програма для малювання з класичним інтерфейсом.

mugtug.com/sketchpad/

Користувацькі шрифти

Скрипт для роботи зі шрифтами від Бена Йоффе. Перетворює шрифт на комп'ютер на зображення, яке може бути візуалізоване через Canvas. Це дозволяє використовувати шрифт користувача на комп'ютерах, на якому шрифт фактично не встановлений.

benjoffe.com

<Полотно, прикрашене дитячим віршем. Текст та графіка розміщуються на прозорому полотні.

Josh On Design

Інструменти та бібліотеки

EaselJS: графічна бібліотека на основі об'єкта display з Flash.

EaselJS

JavaScript порт графічної бібліотеки Java Processing. Відмінно підходить для інтерактивних дисплеїв та образотворчого мистецтва.

Processing JS

Kapi: JavaScript-бібліотека, що працює з ключовими кадрами.

JeremycKahn.github.com/kapi/

canvg: візуалізація SVG створена на Canvas.

code.google.com/p/canvg/

Pixastic — це редактор фото та бібліотека обробки зображень. Містить масу ефектів у стилі фільтрів Фотошопу.

Pixastic.com

Візуальні інструменти

Hype від Tumultco — комерційний інструмент для малювання та анімації який виводить безпосередньо в HTML5.

tumultco.com/hype/

Amino: JavaScript та Java бібліотека для роботи зі сценами.

https://github.com/joshmarinacci/aminolang

Leonardo Sketch: інструмент малювання з відкритим вихідним кодом, який виводить на полотно код з інших форматів. Інструмент розширюється і містить деякі добре зроблені соціальні фічі.

http://leonardosketch.org