ÐавеÑÑение
ÐоздÑавлÑем! ÐÑ Ð·Ð°Ð²ÐµÑÑили Canvas tutorial! ÐÑи Ð·Ð½Ð°Ð½Ð¸Ñ Ð¿Ð¾Ð¼Ð¾Ð³ÑÑ Ð²Ð°Ð¼ ÑоздаваÑÑ Ð²ÐµÐ»Ð¸ÐºÐ¾Ð»ÐµÐ¿Ð½ÑÑ 2d гÑаÑÐ¸ÐºÑ Ð² ÑеÑи.
ÐолÑÑе пÑимеÑов и ÑÑебнÑÑ Ð¼Ð°ÑеÑиалов
РазлиÑнÑе демки и дополниÑелÑнÑе ÑазÑÑÑÐ½ÐµÐ½Ð¸Ñ Ð¾ canvas ÑаÑÐ¿Ð¾Ð»Ð¾Ð¶ÐµÐ½Ñ Ð½Ð° ÑÑÐ¸Ñ ÑайÑÐ°Ñ :
- Codepen.io
-
ÐеÑоÑниÑа Ð´Ð»Ñ ÑÑонÑенд ÑазÑабоÑÑика и ÑедакÑÐ¾Ñ ÐºÐ¾Ð´Ð° в бÑаÑзеÑе.
- Canvasdemos.com
-
ÐÑиложениÑ, игÑÑ, инÑÑÑÑменÑÑ Ð¸ ÑÑебнÑе поÑÐ¾Ð±Ð¸Ñ Ð´Ð»Ñ HTML5 canvas ÑлеменÑов.
- HTML5CanvasTutorials
-
ÐÑимеÑÑ Ð´Ð»Ñ Ð±Ð¾Ð»ÑÑинÑÑва canvas APIs.
- 31 days of Canvas tutorials
-
ÐÑекÑаÑное введение в ÑазÑабоÑÐºÑ Ð³ÑаÑики на JavaScript.
- Game development
-
ÐгÑÑ - одна из наиболее попÑлÑÑнÑÑ Ð´ÐµÐ¹ÑÑвий на компÑÑÑеÑе. ÐоÑÑоÑнно поÑвлÑÑÑÑÑ Ð½Ð¾Ð²Ñе ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¸, делаÑÑÐ¸Ñ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ñм ÑазÑабоÑÐºÑ Ð±Ð¾Ð»ÐµÐµ лÑÑÑÐ¸Ñ Ð¸ моÑнÑÑ Ð¸Ð³Ñ, Ñем Ñе, коÑоÑÑе могли бÑÑÑ ÑÐ¾Ð·Ð´Ð°Ð½Ñ ÑÑандаÑÑнÑми ÑÑедÑÑвами веб бÑаÑзеÑов.
ÐÑÑгие Web API
ÐÑи APIs могÑÑ Ð±ÑÑÑ Ð¿Ð¾Ð»ÐµÐ·Ð½Ñ Ð² далÑнейÑей ÑабоÑе Ñ canvas и гÑаÑикой:
- WebGL
-
API Ð´Ð»Ñ Ð¾ÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð¸Ð½ÑеÑакÑивной 3D гÑаÑики.
- SVG
-
ÐаÑÑÑабиÑÑÐµÐ¼Ð°Ñ ÐекÑоÑÐ½Ð°Ñ ÐÑаÑика (Scalable Vector Graphics) позволÑÐµÑ Ð¾Ð¿Ð¸ÑÑваÑÑ ÐºÐ°ÑÑинки в виде набоÑа векÑоÑов (линий) и ÑоÑм, позволÑÑÑÐ¸Ñ Ð¿Ð»Ð°Ð²Ð½Ð¾ изменÑÑÑ ÑÐ°Ð·Ð¼ÐµÑ Ð²Ð½Ðµ завиÑимоÑÑи Ð¾Ñ ÑазмеÑа в коÑоÑом они наÑиÑованÑ.
- Web Audio
-
Web Audio API пÑедÑÑавлÑÐµÑ Ð¼Ð¾ÑнÑÑ Ð¸ ÑнивеÑÑалÑнÑÑ ÑиÑÑÐµÐ¼Ñ ÐºÐ¾Ð½ÑÑÐ¾Ð»Ñ Ð°Ñдио в ÑеÑи, позволÑÑÑÐ°Ñ ÑазÑабоÑÑикам полÑÑиÑÑ Ð°Ñдио ÑеÑÑÑÑÑ, добавлÑÑÑ ÑÑÑекÑÑ Ð°Ñдио, ÑоздаваÑÑ Ð°Ñдио визÑализаÑиÑ, пÑименÑÑÑ Ð¿ÑоÑÑÑанÑÑвеннÑе ÑÑÑекÑÑ (Ñакие как Ñдвиг) и многое дÑÑгое.
ÐопÑоÑÑ
- Stackoverflow
-
ÐопÑоÑÑ Ñ Ñегом "canvas".
- Comments about this tutorial â the MDN documentation community
-
ÐÑли Ñ Ð²Ð°Ñ Ð¾ÑÑалиÑÑ Ð²Ð¾Ð¿ÑоÑÑ Ð¾Ð± ÑÑом ÑÑебнике или Ð²Ñ Ñ Ð¾ÑиÑе поблагодаÑиÑÑ Ð½Ð°Ñ, не ÑÑеÑнÑйÑеÑÑ Ð¾Ð±ÑаÑаÑÑÑÑ Ðº нам!