Волшебный зимний пейзаж со снегом, Луной и случайно генерируемыми елями на HTML5 Canvas
Лично я обожаю всякого рода живые пейзажи, реализованные на HTML5! Этот пейзаж вообще поразил меня своей простотой и гармонией. Луна - огромная и яркая, ели постоянно разной высоты и формы, а снег - просто сказка. В общем, +100500 к новогоднему настроению!
Для начала посмотрите ДЕМО
Установка:
На странице, где хотите видеть такой пейзаж, сразу после открывающего тега <body> поместите:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<style type="text/css"> canvas#canvas { display: block; background: #74ebd5; /* fallback for old browsers */ background: -webkit-linear-gradient(to bottom, #ACB6E5, #74ebd5); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to bottom, #ACB6E5, #74ebd5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } </style> <canvas id="canvas"></canvas> <script type="text/javascript" src="/js/winterland.js"></script> |
Осталось лишь залить JS файл из прикреплённого архива в папку js
