Могу ли я создать эффект дождя в JavaScript? - PullRequest
3 голосов
/ 12 июня 2010

Мне нужно добиться чего-то подобного для моего сайта: Flash Rain Effect

Возможно ли это сделать в Javascript?Я хочу, чтобы все было так же гладко, как во Flash.

Еще один эффект вспышки капли дождя

Ответы [ 3 ]

1 голос
/ 12 июня 2010

Вы должны быть в состоянии сделать это, используя комбинацию элементов JavaScript и canvas (HTML5).

1 голос
/ 12 июня 2010

Если вы не хотите использовать Canvas (или не можете), вы можете сделать это, создав изображение, похожее на каплю дождя, сделайте его PNG с альфа-прозрачностью, чтобы не выпадающие части прямоугольника не показывайся Затем вы создаете 200 или около того IMG программно и размещаете их абсолютно (и случайным образом) на вашей сцене. Каждый из них позиционируется, затем становится видимым на несколько миллисекунд, затем становится невидимым, затем ополаскивается и повторяется.

Для разнообразия вы можете создавать изображения разных размеров и оттенков, чтобы некоторые выглядели на заднем плане, а некоторые на переднем плане, и варьировали их.

1 голос
/ 12 июня 2010

Да, это возможно: http://www.lab4games.net/zz85/blog/2010/03/10/rain-water-ripples-with-html-canvas-javascript-jquery/

Плавность - это нечто относительное, и вы не сможете иметь такую ​​же производительность, как Flash с аппаратным ускорением.С учетом вышесказанного, все больше и больше браузеров начинают использовать встроенное аппаратное ускорение (Direct2D и другие).

...