- PVSM.RU - https://www.pvsm.ru -

Как я сделал Parallax эффект на HTML5 Canvas

Сегодня на днях я сделал Parallax эффект на HTML5 Canvas. К сожелению я не смог сделать живой пример, поскольку программа Github (Windows) не подчиняется мне, даже не хочет заливать в gh-pages (пришлось на master). Я с трудом уговорил залить JNG пример.

Вот собственно сам пример (точнее ее исходники): github.com/Alexei03a/html5-parallax [1]
Мне нечем было снимать видео, поэтому этот топик останется без самого интересного.

Это сцена зеленого круга с падающей тенью и фоном в стиле паттерн. Самое интересное — никакого WebGL.
Правда сделал на скорую руку. Кроме того, нету Motion Blur, высококачественной тени, более хорошего parallax (как в WebGL).

Учту все ошибки, которые вы найдете.

Автор: Alexei03a


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/canvas-2/14950

Ссылки в тексте:

[1] github.com/Alexei03a/html5-parallax: https://github.com/Alexei03a/html5-parallax