2012-05-27 2 views
0

Несколько лет назад я построил небольшой проект OpenGL, где я смоделировал анимацию смешивания жидкостей; аналогичный проект можно увидеть here или here (это 2 видео с YouTube, показывающих некоторые жидкие анимации).Как я могу создать анимацию смешивания жидкостей HTML5?

Моя основная цель - имитировать эти анимации с помощью webGL, JS, CSS или HTML5, чтобы использовать их с Phonegap.

В моем проекте я установил 2 основные жидкости различной плотности и разных цветов, чтобы проверить процесс смеси. Моя главная цель - оживить поток двух жидкостей и начать смешивать, когда пользователь начинает трясти свой смартфон (или когда пользователь нажимает кнопку, если мы находимся в веб-приложении).

Во время моих исследований я собрал несколько статей по физике, объясняющих этот процесс. Также я видел несколько библиотек, таких как Raphael.js или Processing.js, но я не совсем уверен, какой из них лучше или с чего начать, и какой из них совместим с Phonegap. Любые предложения, ссылки или ссылки будут отличными.

ответ

1

Существует отличная библиотека Javascript, обертывающая функциональность webgl, называемую three.js.

+0

Как я вижу, из примеров это удивительная библиотека – TheodoreV

Смежные вопросы