Forked from: edo_m18's ローディング diff(234) forked: ローディング kurumi Follow 2011-12-16 06:04:48 License: MIT License Fork0 Fav5 View1979 SPECのイベントで賞を頂くことが出来た作品です。 まだまだJavaScriptに関しては無知で、他の受賞者の方の作品を拝見させていただき、その技術力と演出力の高さに圧倒されました。 自分もいずれはこの方たちのように、もっと自由に作品を表現していきたいと思っています。 本当にありがとうございました。 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 79 lines HTML 1 lines CSS 0 lines SPECのイベントで賞を頂くことが出来た作品です。 まだまだJavaScriptに関しては無知で、他の受賞者の方の作品を拝見させていただき、その技術力と演出力の高さに圧倒されました。 自分もいずれはこの方たちのように、もっと自由に作品を表現していきたいと思っています。 本当にありがとうございました。 forked: ローディング jQuery v1.6.2 window.addEventListener("load", function(){ var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d"), _color = "rgba(125, 255, ", color = 0, reg = Math.PI/6, rate = 1, _rate = 0.001, locate = new Array(), alpha = new Array(), _alpha = 0, rad = 40, flag2 = true, flagend = false; for (var i=0; i<12; i++){ locate[i] = reg*i; alpha[i] = 0; } alpha[0] = 1; function rating(){ rate = rate - _rate; if (rate > 2) { _rate = _rate * (-1); alpha[12-_alpha] = 1; } if (rate < -2) { _rate = _rate * (-1); _alpha = _alpha + 1; alpha[_alpha] = 1; } } function time3(){ if (flag3){ if (rad < 50){ rad = rad + .8; for(i=0; i<12; i++) alpha[i] = (1-rad/50); } else { flag3 = false; flagend = true; } } } function time2() { if (rad > 6 && flag2){ rad = rad - .4; } else { flag2 = false; flag3 = true; time3(); } } (function(){ if (_alpha > 5){ time2(); if (flagend) { return 0; } } for (i=0; i<12; i++){ ctx.beginPath(); ctx.setTransform(Math.cos(locate[i]), Math.sin(locate[i]), -Math.sin(locate[i]), Math.cos(locate[i]), 150, 100); ctx.clearRect(rad-6, -6, 12, 12); locate[i] = locate[i]+Math.PI/180*rate; rating(); ctx.fillStyle = _color + color + ", " + alpha[i] + ")"; ctx.arc(rad, 0, 5, 0, Math.PI*2); ctx.fill(); ctx.closePath(); } time1 = setTimeout(arguments.callee, 1); })(); }); <center><canvas id="canvas"></canvas></center> forked: ローディング SPECのイベントで賞を頂くことが出来た作品です。 まだまだJavaScriptに関しては無知で、他の受賞者の方の作品を拝見させていただき、その技術力と演出力の高さに圧倒されました。 自分もいずれはこの方たちのように、もっと自由に作品を表現していきたいと思っています。 本当にありがとうございました。 window.addEventListener("load", function(){ var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d"), _color = "rgba(125, 255, ", color = 0, reg = Math.PI/6, rate = 1, _rate = 0.001, locate = new Array(), alpha = new Array(), _alpha = 0, rad = 40, flag2 = true, flagend = false; for (var i=0; i<12; i++){ locate[i] = reg*i; alpha[i] = 0; } alpha[0] = 1; function rating(){ rate = rate - _rate; if (rate > 2) { _rate = _rate * (-1); alpha[12-_alpha] = 1; } if (rate < -2) { _rate = _rate * (-1); _alpha = _alpha + 1; alpha[_alpha] = 1; } } function time3(){ if (flag3){ if (rad < 50){ rad = rad + .8; for(i=0; i<12; i++) alpha[i] = (1-rad/50); } else { flag3 = false; flagend = true; } } } function time2() { if (rad > 6 && flag2){ rad = rad - .4; } else { flag2 = false; flag3 = true; time3(); } } (function(){ if (_alpha > 5){ time2(); if (flagend) { return 0; } } for (i=0; i<12; i++){ ctx.beginPath(); ctx.setTransform(Math.cos(locate[i]), Math.sin(locate[i]), -Math.sin(locate[i]), Math.cos(locate[i]), 150, 100); ctx.clearRect(rad-6, -6, 12, 12); locate[i] = locate[i]+Math.PI/180*rate; rating(); ctx.fillStyle = _color + color + ", " + alpha[i] + ")"; ctx.arc(rad, 0, 5, 0, Math.PI*2); ctx.fill(); ctx.closePath(); } time1 = setTimeout(arguments.callee, 1); })(); }); <center><canvas id="canvas"></canvas></center> use an iframe compat browser, deer Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか? SPECのイベントで賞を頂くことが出来た作品です。 まだまだJavaScriptに関しては無知で、他の受賞者の方の作品を拝見させていただき、その技術力と演出力の高さに圧倒されました。 自分もいずれはこの方たちのように、もっと自由に作品を表現していきたいと思っています。 本当にありがとうございました。 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/aRtW/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/kurumi/aRtW" title="forked: ローディング">forked: ローディング - jsdo.it - share JavaScript, HTML5 and CSS</a></p> Tweet twitter Tags canvas preloader Favorite by hamhei Tamotsu.Senn.. cykoba: canvaspreloader dai_c: きれい! moviito: かっこいい Forked sort new page view favorite forked forked: ローディング hamhei 00 42views 80/1/12 forked: Loading chihiro.urab.. 00 103views 80/1/1