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

123
Скачать
Очень здоровский эффект с облаками, создающими иллюзию движения в перспективе Для начала посмотрите ДЕМО Моё тестирование в редакторе: КЛИК Установка: 1#: В самый низ вашего CSS вставьте:   2#: После /head на нужных страницах вставьте: Два JS файла из прикреплённого архива залейте в папку js

Apocalypse

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

Вам может также понравиться...

Подписаться
Уведомить о
guest

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

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

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

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

0
fapalnaapo
Гость
fapalnaapo
2 месяцев назад
Ответить на  truenerins

упс не сразу заметил 😀

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

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

0
fapalnaapo
Гость
fapalnaapo
2 месяцев назад

Уффф сочно выглядит

0
VVL99
Участник
VVL99
2 месяцев назад

Добавил 4 времени суток и подсчёт плотности облаков.
"morning", "noon", "twilight", "evening", "night", "afternoon"

1
Последний раз редактировалось 2 месяцев назад VVL99 ем
fapalnaapo
Гость
fapalnaapo
2 месяцев назад

Эй братишки подска жите как сменить цвет облаков ? Шото я не вижу параметра, мне надо в 2 цвета желательно верх один цвет с переходов в другой

1
Последний раз редактировалось 2 месяцев назад fapalnaapo ем
VVL99
Гость
VVL99
1 месяц назад

Куда деваются посты со ссылками?

0
VVL99
Участник
VVL99
26 дней назад
Ответить на  Apocalypse

Я не против, что есть фильтр, только хочется понять из-за чего посты попадают в спам, ссылки ведь можно давать, может редактировать нельзя уже написанный пост?

0
VVL99
Гость
VVL99
1 месяц назад
VVL99
Гость
VVL99
1 месяц назад
VVL99
Гость
VVL99
1 месяц назад

Добавил дождь и падающие звёзды ночью, если облачность ниже 50%.
http://vvl99.narod.ru/Clouds.html

Для вставки на страницу:
<body>
<link rel="stylesheet" type="text/css" target="_blank" rel="noopener noreferrer" href="clouds/style.css">
<script src='clouds/Canvallax.min.js' charset="UTF-8"></script>
<script src='clouds/clouds.js' charset="UTF-8"></script>
<script src="clouds/Rain.js" charset="utf-8" ></script>
<script src="clouds/Star.js" charset="utf-8" ></script>

0
Последний раз редактировалось 1 месяц назад VVL99 ем
VVL99
Участник
VVL99
26 дней назад
Ответить на  Apocalypse

На ночной сцене при облачности выше 80% ещё сверкает гроза.

0
VVL99
Гость
VVL99
1 месяц назад
Последний раз редактировалось 26 дней назад VVL99 ем
VVL99
Гость
VVL99
24 дней назад

Обновил грозу.

1
VVL99
Гость
VVL99
21 дней назад
Последний раз редактировалось 19 дней назад VVL99 ем
VVL99
Участник
VVL99
17 дней назад
Ответить на  Apocalypse

Я давал ссылку на страницу и давал код, как это запустить у себя,
_http://vvl99.narod.ru/Clouds.html_
Внутри Body запустить; стиль, библиотеку, скрипт облаков, скрипт дождя (опционально), скрипт падающих звёзд (опционально).

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