「Socket.IO ブラウザゲーム プログラム」ページで、「Socket.IOゲームの基本プログラム」を公開しています。
言語は TypeScript、サーバーは node.js で動作します。
この基本プログラムの解説ページ作りました。
プログラム例として、「ワンナイト人狼」での最初の「カードをシャフルして配る処理」のプログラムを解説しています。
→ ソケット通信ゲームプログラム解説 – 「ワンナイト人狼」カード配布部分
ソケット通信ゲームプログラム解説
Category Archives: JS
「爆裂ブロック崩し」をPhaser3で作り直しました
2014年の8月作成の JavaScript ブロック崩しですが、「重ね着バージョン」など改良を続けてきました。
使っている JavaScript のゲームエンジンは 2014年当時 私が好きだった enchant.js だったのですが、現在ではサポートが終了しています。
そこで今回ゲームエンジンを世界的に有名な Phaser3 にして、プログラムを書き換えました。
動作は変わっていません。
Phaser 3 はWEB上に情報が無数にあり、もし改造したい人がいれば、ゲームを改造しやすくなったと思います。
（enchant.js は知らない間にオフィシャルサイトすら消えてました。。。）
そんな訳で、これからも「爆裂ブロック崩し」をよろしくお願いします (｀･ω･´)ゞ
↓クリックで「爆裂ブロック崩し」ページに移動
あと、ついでに「ブラウザ爆弾ゲーム Bakuretu Bomb」も、enchat.js から Phaser 3 に書き換えました。
こちらもプログラムを改造しやすくなったと思います。
↓クリックで「Bakuretu Bomb」ページに移動
NEC PC-8801風 JS Canvas 作画プログラム
パソコン黎明期（？） NEC PC-8801 のアドベンチャーゲーム作画処理を JavaScript で再現しました。
一瞬で表示できるのを時間をかけて表示しているので、実用性はありません。
そして、普通にフルカラーを使えるこのご時世に、8色しか使えません。
プログラムに興味がある人はこちら
https://github.com/BakuretuKen/pc88canvas
enchant.js 簡単すぎてワロタ
最近 JavaScript が面白いので、JavaScript で簡単にブラウザで動くゲームが作れると巷で噂の enchant.js に挑戦。
あっという間にホモォが動いたｗ
ホモォ – enchant.js
https://bakuretuken.com/enchant/homo.html
これは面白い。enchant.js をつかってゲーム作りたいなぁー
また「やるやる詐欺」になりそうですけど。。。
書いたプログラムは、この程度です。
[javascript]enchant();
var game = new Game(640, 320); // game stage
game.preload(‘img/homo02.png’); // preload image
game.fps = 20;
game.addBear = function(){
var bear = new Sprite(140, 32);
bear.image = game.assets[‘img/homo02.png’];
bear.x = rand(300);
bear.y = rand(300);
bear.frame = [0, 0, 1, 1]; // select sprite frame
bear.tl.moveBy(288, 0, 90) // move right
.scaleTo(-1, 1, 10) // turn left
.moveBy(-288, 0, 90) // move left
.scaleTo(1, 1, 10) // turn right
.loop(); // loop it
game.rootScene.addChild(bear);
};
game.start();
game.tick = 0;
game.rootScene.addEventListener(Event.ENTER_FRAME, function() {
if (game.tick < 1100 && game.tick%80 == 0) game.addBear();
game.tick++;
});
function rand(num)
{
return Math.floor(Math.random()*num);
}[/javascript]