Forked from: satococoa's Stars diff(131) Faces satococoa Follow 2011-06-11 00:42:05 License: MIT License Fork1 Fav0 View1089 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 40 lines HTML 0 lines CSS 11 lines Faces jQuery v1.6 // forked from satococoa's "Stars" http://jsdo.it/satococoa/stars var kaomoji = [ '(^^)', '(^^;)', '(;_;)', '(/_;)', 'U・エ・U', 'ｷﾀ━(ﾟ∀ﾟ)━!', '(´∀｀)' ]; $(function(){ var kao = ''; for ($i = 0; $i < 100; $i++) { kao = kaomoji[Math.floor(Math.random()*kaomoji.length)]; $('<p/>').attr('id', 'id'+$i).text(kao).appendTo('body'); } var $stars = $('p'); var star_length = $stars.length; var rotate_counts = {}; $stars.css({opacity: 0, top: $(window).height()/2+'px', left: $(window).width()/2+'px'}); var kurukuru = function() { $stars.css({'-webkit-transition': 'all 3s ease-in-out'}); var number = Math.floor(Math.random()*star_length); var star_id = 'id'+number; var $this = $('#'+star_id); if (isNaN(rotate_counts[star_id])) { rotate_counts[star_id] = 0; } rotate_counts[star_id]++; var horizontal = $(window).width()/2 - Math.random()*$(window).width(); var vertical = $(window).height()/2 - Math.random()*$(window).height(); var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math.random()*256); $this.css({ '-webkit-transform': 'rotate('+rotate_counts[star_id]*1080+'deg)', top: $this.offset().top+horizontal+'px', left: $this.offset().left+vertical+'px', opacity: 1, color: 'rgb('+r+', '+g+', '+b+')' }); }; var worker = setInterval(kurukuru, 100); }); Faces body { position: relative; overflow: hidden; } p { position: absolute; font-size: 250%; text-shadow: 1px 1px 3px #eee; white-space: nowrap; font-family: sans-serif; } // forked from satococoa's "Stars" http://jsdo.it/satococoa/stars var kaomoji = [ '(^^)', '(^^;)', '(;_;)', '(/_;)', 'U・エ・U', 'ｷﾀ━(ﾟ∀ﾟ)━!', '(´∀｀)' ]; $(function(){ var kao = ''; for ($i = 0; $i < 100; $i++) { kao = kaomoji[Math.floor(Math.random()*kaomoji.length)]; $('<p/>').attr('id', 'id'+$i).text(kao).appendTo('body'); } var $stars = $('p'); var star_length = $stars.length; var rotate_counts = {}; $stars.css({opacity: 0, top: $(window).height()/2+'px', left: $(window).width()/2+'px'}); var kurukuru = function() { $stars.css({'-webkit-transition': 'all 3s ease-in-out'}); var number = Math.floor(Math.random()*star_length); var star_id = 'id'+number; var $this = $('#'+star_id); if (isNaN(rotate_counts[star_id])) { rotate_counts[star_id] = 0; } rotate_counts[star_id]++; var horizontal = $(window).width()/2 - Math.random()*$(window).width(); var vertical = $(window).height()/2 - Math.random()*$(window).height(); var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math.random()*256); $this.css({ '-webkit-transform': 'rotate('+rotate_counts[star_id]*1080+'deg)', top: $this.offset().top+horizontal+'px', left: $this.offset().left+vertical+'px', opacity: 1, color: 'rgb('+r+', '+g+', '+b+')' }); }; var worker = setInterval(kurukuru, 100); }); body { position: relative; overflow: hidden; } p { position: absolute; font-size: 250%; text-shadow: 1px 1px 3px #eee; white-space: nowrap; font-family: sans-serif; } use an iframe compat browser, deer Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか？ Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit Tweet style Design view Code view code <script type="text/javascript" src="http://jsdo.it/blogparts/hyxE/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/satococoa/faces" title="Faces">Faces - jsdo.it - share JavaScript, HTML5 and CSS</a></p> Tweet twitter Forked sort new page view favorite forked forked: Faces felipebueno 00 127views 41/1/11
