Разрывная ткань в JavaScript


Время от времени появляется демонстрационная программа, с которой вам просто нужно поиграть. Разрывная ткань – это приложение на JavaScript, которое оживляет ткань в виде сетки, и вы можете перемещать ее или рвать одним движением мыши. Это вызывает привыкание и потратит впустую часы продуктивного времени программирования.

Если вам нужно еще одно доказательство того, что JavaScript растет, попробуйте использовать эту простую анимацию. Это основанная на физике анимация «ткани» из одномерных струн под действием силы тяжести. Симуляция нереалистична, например, слишком высокая гравитация. Однако вы можете изменить параметры для создания более интересных эффектов. Что впечатляет, так это то, что симуляция является интерактивной и написана на JavaScript непосредственно в элементе Canvas. Перемещение мыши по ткани вызывает ее беспокойство, как если бы ткань «ткнули» палкой или пальцем. Перетаскивание с нажатой правой кнопкой мыши разрезает ткань и создает отверстия или даже отделяет части, которые затем просто падают под действием силы тяжести.

Если вы хотите увидеть, что он делает, посмотрите следующее короткое видео – но гораздо интереснее взаимодействовать с симуляцией самостоятельно:

Что может также удивить вас в этой симуляции, так это то, что она не использует физический движок, а решает уравнения движения с помощью непосредственно реализованной функции интегратора. Он не полностью стабилен при всех значениях параметров, и после того, как вы устали играть с тканью, теперь вы знаете, что чувствует котенок, вы можете взглянуть на код JavaScript.

Вся программа доступна на CodePen, который предоставляет полностью интерактивную среду IDE для разработки проектов, использующих HTML, CSS и JavaScript. Вы можете редактировать код прямо на веб-странице и запускать его. Чтобы сохранить свою работу, вам необходимо зарегистрировать бесплатную учетную запись, есть также вариант Pro за 9 долларов, который имеет некоторые интересные дополнительные функции.

Если вы посетите страницу проекта на CodePen. Разрывная ткань, называемая пером на жаргоне CodePen, вы можете запустить программу, чтобы опробовать ее, а также изучить и изменить код.

Я предсказываю потраченное впустую много времени ….


Добавить комментарий