Эта статья в основном представляет учебник по использованию Canvas в HTML5 для привлечения движения частиц с формулами и требует кода JavaScript в качестве формулы. Друзья, которые это нужно, могут ссылаться на это
Недавно я хочу сделать веб -страницу и поместить некоторые из демонстраций, которые я сделал в процессе обучения HTML5 для составления коллекций. Однако, если я просто сделаю веб -страницу и организую все демонстрации один за другим, это будет слишком уродливо. Я просто подумал, так как я выучил холст, давайте свяжемся с браузером и сделаем небольшую открывающую анимацию.
Я некоторое время думал о эффекте открывающей анимации и решил использовать частицы, потому что я думал, что частицы были веселее. Я до сих пор помню первое техническое сообщение в блоге, которое я писал ранее, который был о текстовых изображениях, похожих на частица: текстообразные текстовые изображения, а затем я сделал только линейное движение и добавил небольшой 3D-эффект. Формула движения проста. Поэтому я просто хочу сделать эту открывающую анимацию более динамичной.
Перейдите к демонстрации первым: http://2.axescanvas.sinaapp.com/demohome/index.html
Эффект более динамичен, чем движение прямой линии? И это действительно очень просто. Не забывайте название этого сообщения в блоге, небольшую формулу и очень веселое веселье. Чтобы достичь такого эффекта, мы используем только среднюю школу. Полем Или физические знания в старшей школе, формула для ускоряющегося движения и замедления движения. Так что это действительно небольшая формула. Плакат любит связываться с некоторыми классными вещами. Хотя это может быть бесполезно на работе, это веселье действительно увлекательно. Более того, это также может улучшить способность мышления программирования.
Без лишних слов, я иду на эту тему. Просто кратко объясните принцип ~~~
Основной код движения частиц - это только следующее:
Xml/html -код копировать содержимое в буфер обмена