Плывущие облака с Parallax эффектом на HTML5 Canvas

123


Скачать [ZIP] [6 КБ]

Очень здоровский эффект с облаками, создающими иллюзию движения в перспективе

Для начала посмотрите ДЕМО

Моё тестирование в редакторе: КЛИК

Установка:

1#: В самый низ вашего CSS вставьте:

 

2#: После /head на нужных страницах вставьте:

Два JS файла из прикреплённого архива залейте в папку js

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Читайте также:

guest
4 Комментарий
Старые
Новые
Межтекстовые Отзывы
Посмотреть все комментарии
Эдуард
Гость
Эдуард
4 лет назад

одного понять не могу как поменять цвет облаков, все облазил, но догнать не могу, подскажет кто ?

0
truenerins
Редактор
truenerins
4 лет назад
Ответить на  Эдуард

cloudImg.src в самом конце скрипта, это картинка в формате base64 (набери в гугле конвертор изображений base 64 там можно сгенерировать код для картинки своей, а если нужно только цвет поменять то скопируй в строку браузера всё содержимое этой переменной, затем сохрани на компьютер, и там в фотошопе пошаманить немного надо, а затем сгенерийруй его base64 и замени в переменной его код)

0
Requiem
Гость
Requiem
2 лет назад

При смене направление движения в clouds.js , облака пролетают направо и больше не появляются при первой загрузке страницы. Как поменять их генерацию так, чтобы они бесконечно летели слева направо?

0
4
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x