[サンプル] Web Workers 1 bbsaito Follow 2010-07-26 13:41:58 License: MIT License Fork0 Fav6 View2588 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 81 lines HTML 3 lines CSS 1 lines [サンプル] Web Workers 1 const FPS = 12; var mousex = 220; var mousey = 220; function startParticle() { var canvas = document.getElementById('world'); if ( ! canvas || ! canvas.getContext ) { return false; } var ctx = canvas.getContext('2d'); var worker = new Worker('./791B/js/'); worker.onmessage = function(event) { ctx.clearRect(0, 0, canvas.width, canvas.height); for(object in event.data) { ctx.beginPath(); ctx.arc(event.data[object].x, event.data[object].y, event.data[object].size, 0, Math.PI*2, true); ctx.fillStyle = "rgba(" + event.data[object].red + "," + event.data[object].green + "," + event.data[object].blue + "," + event.data[object].alpha + ");"; ctx.fill(); } delete event.data; }; // $.timer( setInterval(function(timer) { var point = new Point(mousex, mousey, Math.floor(Math.random() * 360), Math.floor(Math.random() * 30), 1 ); point.setColor( Math.floor(Math.random() * 55) + 200, Math.floor(Math.random() * 55) + 200, Math.floor(Math.random() * 55) + 200 ); /* worker.postMessage([mousex, mousey, Math.floor(Math.random() * 360), Math.floor(Math.random() * 30), 1, Math.floor(Math.random() * 55) + 200, Math.floor(Math.random() * 55) + 200, Math.floor(Math.random() * 55) + 200 ]);*/ worker.postMessage(point); point = null; }, 1000 / FPS ); } window.onmousemove = function(event) { mousex = event.pageX; mousey = event.pageY; }; var Point = function(x, y, direction, size, speed) { this.init(x, y, direction, size, speed); }; Point.prototype = { init : function(x, y, direction, size, speed) { this.x = x; this.y = y; this.direction = direction; this.size = size; this.speed = speed; }, setColor : function(red, green, blue) { this.red = red; this.green = green; this.blue = blue; this.alpha = 100; } }; <body onload="startParticle()"> <canvas id='world' width='435' height='435'></canvas> </body> [サンプル] Web Workers 1 body { background-color: #FFFFFF; font: 30px sans-serif; } const FPS = 12; var mousex = 220; var mousey = 220; function startParticle() { var canvas = document.getElementById('world'); if ( ! canvas || ! canvas.getContext ) { return false; } var ctx = canvas.getContext('2d'); var worker = new Worker('./791B/js/'); worker.onmessage = function(event) { ctx.clearRect(0, 0, canvas.width, canvas.height); for(object in event.data) { ctx.beginPath(); ctx.arc(event.data[object].x, event.data[object].y, event.data[object].size, 0, Math.PI*2, true); ctx.fillStyle = "rgba(" + event.data[object].red + "," + event.data[object].green + "," + event.data[object].blue + "," + event.data[object].alpha + ");"; ctx.fill(); } delete event.data; }; // $.timer( setInterval(function(timer) { var point = new Point(mousex, mousey, Math.floor(Math.random() * 360), Math.floor(Math.random() * 30), 1 ); point.setColor( Math.floor(Math.random() * 55) + 200, Math.floor(Math.random() * 55) + 200, Math.floor(Math.random() * 55) + 200 ); /* worker.postMessage([mousex, mousey, Math.floor(Math.random() * 360), Math.floor(Math.random() * 30), 1, Math.floor(Math.random() * 55) + 200, Math.floor(Math.random() * 55) + 200, Math.floor(Math.random() * 55) + 200 ]);*/ worker.postMessage(point); point = null; }, 1000 / FPS ); } window.onmousemove = function(event) { mousex = event.pageX; mousey = event.pageY; }; var Point = function(x, y, direction, size, speed) { this.init(x, y, direction, size, speed); }; Point.prototype = { init : function(x, y, direction, size, speed) { this.x = x; this.y = y; this.direction = direction; this.size = size; this.speed = speed; }, setColor : function(red, green, blue) { this.red = red; this.green = green; this.blue = blue; this.alpha = 100; } }; <body onload="startParticle()"> <canvas id='world' width='435' height='435'></canvas> </body> body { background-color: #FFFFFF; font: 30px 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/1nh2/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/bbsaito/1nh2" title="[サンプル] Web Workers 1">[サンプル] Web Workers 1 - jsdo.it - share JavaScript, HTML5 and CSS</a></p> web workers Tweet twitter Tags WebWorker web workers Favorite by timothyqd hundari_kett.. syouto fingaholic 9APPAT3CH: WebWorkerなるほど、わからん… paq: Web Workers Forked sort new page view favorite forked forked: [サンプル] Web Workers 1 size.nn.mod 00 88views 82/3/1 web workers forked from: [サンプル] Web Worker.. hundari_kett.. 00 277views 82/3/1 web workers