dle.in.ua » Хаки » Падает снег (на фрактале) HTML 5

Падает снег (на фрактале) HTML 5

Автор: kpik2008 от 23-12-2010, 22:11
Падает снег (на фрактале) HTML 5


Взято с Хабрахабра и немножко отредактировано так что строго не судить.
Суть: идет снег под сайтом не перекрывая ни чего!
Падает снег (на фрактале) HTML 5


Взято с Хабрахабра и немножко отредактировано так что строго не судить.
Суть: идет снег под сайтом не перекрывая ни чего!

В файле main.tpl в теге

<head>



<script>(function(){var d=false;if(document.createElement("canvas").getContext)if(document.readyState==="complete")j();else window.addEventListener("DOMContentLoaded",j,d);
var e=Math.PI/180,r=Math.sqrt(3)/2,f=[],m=64,q=500,o=20,c=function(a){return Math.floor(a*Math.random())},b,a,h,g=d;function j(){b=document.createElement("canvas");
b.style.position="fixed";b.style.top="0px";b.style.left="0px";b.style.zIndex="0";document.body.insertBefore(b,document.body.firstChild);a=b.getContext("2d");i();
h=setInterval(k,q);setInterval(l,m);window.addEventListener("resize",i,d)}function i(){g=true;b.width=document.body.offsetWidth;b.height=window.innerHeight;
a.strokeStyle="#0066CC";a.fillStyle="white"}function n(e,b,d,c){a.save();a.translate(e,b);p(c,0,Math.floor(r*b),d);a.fill();a.stroke();a.restore()}function p(c,f,g,d)
{a.save();a.beginPath();a.translate(f,g);a.moveTo(0,0);b(c);a.rotate(-120*e);b(c);a.rotate(-120*e);b(c);a.closePath();a.restore();function b(c){a.save();if(c==0)a.lineTo(d,0);
else{a.scale(1/3,1/3);b(c-1);a.rotate(60*e);b(c-1);a.rotate(-120*e);b(c-1);a.rotate(60*e);b(c-1)}a.restore();a.translate(d,0)}}
function k(){var b=2,d=10+c(90),a=(document.body.offsetWidth-964)/2,e=c(2)==0?c(a):a+964+c(a),g=window.pageYOffset;f.push({x:e,y:g,vx:0,vy:3+c(3),size:d,order:b});
f.length>o&&clearInterval(h)}function l(){a.clearRect(0,0,b.width,b.height);for(var j=b.height,h=0;h<f.length;h++){var e=f[h];e.y+=e.vy;e.x+=e.vx;if(e.y>j)e.y=0;if(g)
{var i=(b.width-964)/2;e.x=c(2)==0?c(i):i+964+c(i)}n(e.x,e.y,e.size,e.order);if(c(4)==1)e.vx+=(c(11)-5)/10;if(e.vx>2)e.vx=2;if(e.vx<-2)e.vx=-2}; if (g) g=d}})()</script>
<style type="text/css">#kpik2008 { position: relative;  }  #kpik2008 { z-index: 4; }  </style>


и после тега
<boby>


сразу вставляем:
<div id="kpik">


после чего прям перед закрывающимся тегом
</boby>


вставить:
</div>


Демо: www.school4.org.ua

Может кому пригодится :) Всем удачи и с наступающим!
  • Группа: User
  • Icq: --
  • Комментариев: 11
  • Публикаций: 0
  • Реально, сделать снежинки меньше и что бы она шла не под сайтом на над ним?

    --------------------
    • Mr Joker
    • Регистрация: 20.12.2010
    • Репутация: (0|0|0)
    • 23 декабря 2010 22:44
    • 1
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 5
  • Публикаций: 3
  • Mr Joker, реально :) но нет смысла т.к скрипт будет перекрывать ссылки и тд и тп ... что очень не хорошо :)

    m=640 - скорость
    function k(){var b=2,d=10+c(90) - размер снежинок

    А это отвечает за отображение "под сайтом"

    и после тега
    <boby>

    сразу вставляем:
    <div id="kpik">

    после чего прям перед закрывающимся тегом
    </boby>

    вставить:
    </div>

    ВНИМАНИЕ: В скрипте я ошибочку сделал, вот так исправлено:




    и после тега
    <boby>

    сразу вставляем:
    <div id="kpik2008">

    после чего прям перед закрывающимся тегом
    </boby>

    вставить:
    </div>
    • kpik2008
    • Регистрация: 23.12.2010
    • Репутация: (1|1|0)
    • 23 декабря 2010 23:59
    • 2
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 4
  • Публикаций: 0
  • Вах! Спасибки, после исправления все отлично!
    • music00
    • Регистрация: 29.05.2010
    • Репутация: (0|0|0)
    • 24 декабря 2010 14:42
    • 3
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 5
  • Публикаций: 3
  • Цитата: music00
    Вах! Спасибки, после исправления все отлично!

    Так коментарии для этого и нужны чтобы спрашивать что и почем :)
    • kpik2008
    • Регистрация: 23.12.2010
    • Репутация: (1|1|0)
    • 24 декабря 2010 18:50
    • 4
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 4
  • Публикаций: 0
  • kpik2008,
    А мне пользователь написал что мол проблемы с кодировкой сайта
    Это как то связано со скриптом
    Я снял и она сказала что все отлично!
    • music00
    • Регистрация: 29.05.2010
    • Репутация: (0|0|0)
    • 24 декабря 2010 21:52
    • 5
    ^
  • Группа: User
  • Icq: 1739390
  • Комментариев: 274
  • Публикаций: 44
  • music00,
    wink

    --------------------
    • AlexBen
    • Регистрация: 29.01.2010
    • Репутация: (8|7|-1)
    • 25 декабря 2010 00:55
    • 6
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 11
  • Публикаций: 0
  • kpik2008 от меня лично респект и уважуха, огромное спасибо брат, не знаю как поблагодарить тебя, пиши кошелек перекину немного денег wmz желательно.
    Зацените www.persyk.ru - программы для заработка

    --------------------
    • Mr Joker
    • Регистрация: 20.12.2010
    • Репутация: (0|0|0)
    • 25 декабря 2010 01:29
    • 7
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 5
  • Публикаций: 3
  • Mr Joker,
    fellow Сайт отличный, но как по мне: то лучше когда снежинки под сайтом :) а так все здорово сделал ec

    Цитата: music00
    А мне пользователь написал что мол проблемы с кодировкой сайта
    Это как то связано со скриптом
    Я снял и она сказала что все отлично!


    Дай урл своего сайта, потому что я если честно не чего не понял :)
    • kpik2008
    • Регистрация: 23.12.2010
    • Репутация: (1|1|0)
    • 25 декабря 2010 09:22
    • 8
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 15
  • Публикаций: 0
  • Видел на каком то сайте прикольный снег - снег идет и собирается в футбаре в виде сугроба, мышой водишь и он стирается. Очень прикольно смотрится, жаль сайт не запомнил было в том году...
    • gmur
    • Регистрация: 25.02.2009
    • Репутация: (0|0|0)
    • 25 декабря 2010 19:27
    • 9
    ^
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • А слабо рипнуть такой сайт ????
    • zero777
    • Регистрация: --
    • Репутация: (||)
    • 3 января 2011 12:01
    • 10
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 5
  • Публикаций: 3
  • Цитата: zero777
    А слабо рипнуть такой сайт ????


    Не слабо wink
    • kpik2008
    • Регистрация: 23.12.2010
    • Репутация: (1|1|0)
    • 5 января 2011 21:32
    • 11
    ^
    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.