Html5 Canvas анимации - PullRequest
       1

Html5 Canvas анимации

0 голосов
/ 14 августа 2011

Я хочу узнать, как использовать холст html5 для анимации и других вещей. Я отлично знаю javascript и программирование в целом (в основном php, но могу адаптироваться к чему угодно). Однако у меня не было возможности много делать с графикой в ​​прошлом. Я создал хорошую плавную анимацию, используя javascript / jquery, но объект canvas кажется намного больше, чем просто. Самое сложное, что я обнаружил, когда играл с ним, это то, что у вас нет ссылки на объект на сцене, если вы не сохраните ссылку. Например, если я создаю div на странице, у меня есть эта ссылка на объект. Однако, с объектом canvas, если вы создаете что-то внутри него, он рисует этот элемент на сцене, не давая вам ссылки на него. Таким образом, вы должны вручную сохранить детали этого объекта, как я понимаю, и я могу ошибаться (если я, пожалуйста, поправьте меня).

В любом случае, весь смысл этого поста в том, чтобы узнать, сможет ли кто-нибудь указать мне действительно хорошие статьи / помощь по работе с объектом canvas. Я не просто рисовал графику, потому что мне удалось это сделать очень легко. Но я хотел бы статьи / помощь по управлению объектами на холсте. Я хочу убедиться, что я делаю это правильно / эффективно для будущего технологии. Также я хочу приобрести книгу по работе с html5 canvas / graphics / animations, но большинство из них, которые я видел, выходят за рамки html5 и оставляют много деталей при работе с холстом. Поэтому, если вы знаете хорошие книги с моими требованиями, пожалуйста, порекомендуйте их здесь.

Любая помощь приветствуется.

Ответы [ 2 ]

1 голос
/ 14 августа 2011

Существуют прекрасные библиотеки, позволяющие выполнять базовые функции для сложной графики с использованием HTML5 / WebGL

Это может на самом деле не научить вас, как работают анимации. Но если вам интересно, проверьте Three.js https://github.com/mrdoob/three.js/

0 голосов
/ 16 августа 2011
  1. Читать статью " Создание фреймворка для Canvas: объекты и мышь ". Не анимация, но вы можете найти там что-то интересное.
  2. Чтение исходного кода любого большого фреймворка, например, eh. three.js или LibCanvas
  3. Читать " HTML5 Canvas - встроенная интерактивность и анимация для Интернета " HTML5 Canvas - Native Interactivity and Animation for the Web
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...