「ハマるブラウザゲーム」を作って「電子書籍自炊セット」を手に入れろ！

or

[サンプル] Web Workers 1

Follow

2010-07-26 13:41:58

License: MIT License

Fork: 0

Fav: 6

View: 2588

Play
Stop
Reload

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;
  }
};

[サンプル] 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>body { background-color: #FFFFFF; font: 30px sans-serif; }

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>

QR Code

Tags

Favorite by

timothyqd

syouto

fingaholic

WebWorkerなるほど、わからん…

Web Workers

Forked

sort

forked: [サンプル] Web Workers 1

0
0
88views

82/3/1
- web
- workers

forked from: [サンプル] Web Worker..

0
0
277views

82/3/1
- web
- workers