ブロック崩し制作ツール『B2』を使って、Flashのブロック崩しを作ってみました（令和6年）。
↓ゲームページはこちら
2021年のFlash Playerサポート終了により遊べなくなったかに見えましたが、有志が開発しているフラッシュエミュレーター『Ruffle』により再生できるようになっていました！ 感謝！！
既存のページで遊ぶだけなら、ブラウザにRuffleのプラグインを入れればOKです。
RuffleのCDNのタグを追加するだけで、とても簡単に設置・再生できました。
これで個人サイト復権の流れが来ても大丈夫……かもしれない。
2025/08/28追記：b2.swfを古いバージョン(1.08d)にしたら音が出ました。
2025/09/23追記：Ruffleで音が出ない原因と、力技で回避してみた方法について追記しました。
2026/08/23追記：Ruffleの最新版（Nightly）でサウンド関係の問題が解決されているのを確認しました。やったー。
B2とは？
アイソトニクス様が2002年から配布しているFlashブロック崩し制作ツールです。基本的に画像を2枚用意すればいいだけで、Flashの知識がなくても制作できます。
一部では俗に脱衣ブロック崩しなどと呼ばれて親しまれているようですが、健全なサイトアクセサリーとしても利用されていました。
準備
こちらのありがたい解説ページを見ながら作りました。
拡張エディター『鬼壁』サイトはリンク切れでした。残念……。2025/08追記：有識者の情報を基に、鬼壁掲示板のリンクからダウンロードできることを確認できました！ 以下は標準エディタで進めていますが、拡張エディタのほうがおすすめです。
22年前のツールが動くなんてすごい。そもそも配布し続けて下さっていることがありがたいです。
これで必要なファイルが揃いました。簡単！
後々のコンソールのエラーを見るに、設定ファイル名はconfig.txtにしておいたほうが無難かも。
RuffleのCDN読み込み
Ruffle本体をサイトに設置する方法もありますが、ここではCDNを使う方法で進めています。
ゲームページ（この例だとindex.html）の中身をメモ帳などで開き、以下のコードを<head>と</head>の中に記載します。
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>これで保存して完了です。本体を設置する場合も1行追加するだけで済みます。詳細は↓
ゲームページをダブルクリックで開いても動作確認できません。Visual Studio CodeのLive Serverなどを使ってローカル環境で開くのが楽だと思います。あるいは作ったフォルダごとGitHub Pagesや各自のホームページなどにアップロードして確認するなどの方法があります。
ウェブ上で確認する場合、画像ファイルやテキストファイルはブラウザにキャッシュが残り続けやすいので、設定を変えた場合はブラウザのキャッシュを削除してから確認したほうがいいです。ChromやEdgeでは「閲覧履歴データを削除」などの名前で設定（Alt+F）から確認できます。あるいはシークレットモードを使うといいかも。
読み込みエラー
Ruffleもswfも読み込めているけど設定ファイルが読み込めていないエラー。設定ファイルの記述方法を変えてみる（絶対パスやルートパスに変更）すれば読み込めるかも。詳しいエラー内容はブラウザのコンソールから確認できます。
テストプレイ
とりあえず再生できました。やったー！
しかしキーボード操作が反応しなかったり、玉がすり抜けたりしてしまいました。エディターに戻り、キーボード操作のチェックを外し、パドルを厚くし、速さをそれぞれ100％に変更したらかなり良くなった気がします。
その後公式サイトを見ながらアイテムをいくつか追加しました。コントロールがすごく強い……気がする……。
音が出ない問題（解決済み）
※追記：以下は2026/8以前でRuffleが対応していなかった時に試行錯誤したものです。新しいバージョンのRuffleではload soundに対応し、最新版b2.swfで音が鳴るようになったので以下のような工夫は不要です。
音が出ないです……。
Nitro（Flash再生に特化したブラウザ・開発終了）では問題なく音入りで動作しました。検索したら「RuffleでB2を再生できたけどサウンドが鳴らなかった」という旨の掲示板の書き込みがあったので、自分の環境だけではないようです。
この問題はいくつかの回避方法があり、アイテムラベルを全てショットとボムで埋めるか、古いバージョン(ver.1.08d)を使うことで音が出ることを確認しています。
音が出ない原因
b2.swf(ver.1.08e3)の内容を調べたところ、アクションスクリプトを数行削除すれば音が鳴ることが分かりました。Ruffleと相性が悪い箇所を特定できたのかもしれません。b2.swfは許可がない限り改変後の再配布は不可なので、原因箇所の確認に留めています。
問題になっていたと思しき箇所はこちら。太字が削除した箇所です。（アイテム音をdefaultから変更した場合、下のelse～も書き換えあるいは削除が必要なのでは。）
while(i <= maxItemNo)
{
_root.attachMovie("sound","itemSE" + i,i);
_root["itemSE" + i].sound = new Sound();
if(itemSE[i] == "default")
{
if(itemLabel[i] == "shot")
{
_root["itemSE" + i].sound.attachSound("shot");
_root["itemSE" + i].sound.setVolume(40);
}
else if(itemLabel[i] == "bomb")
{
_root["itemSE" + i].sound.attachSound("bomb");
_root["itemSE" + i].sound.setVolume(100);
}
else
{
_root["itemSE" + i].sound.loadSound(itemSE[i],false);
_root["itemSE" + i].sound.setVolume(itemSEVol[i] * 1);
}
}
else
{
_root["itemSE" + i].sound.loadSound(itemSE[i],false);
_root["itemSE" + i].sound.setVolume(itemSEVol[i] * 1);
}
i++;
}アイテム音を定義しているスクリプトの一部です。loadSoundがRuffle上でエラーになり、スクリプト全体が停止してしまっている可能性があります。ショットとボム以外のアイテム音はそもそも鳴らない仕様だと思いますが、その処理がここでエラーになった感じでしょうか。
汎用音は MovieClip に紐付けて生成されるため安全。アイテム音は空の Sound オブジェクトなので不安定、とのこと。スクリプト内でmaxItemNo = 10;と定義されているので、config.txtでアイテムを出さない設定にしてもループ実行されます。
音が出ないエラー回避策（アイテムラベルを埋める）
上記の問題部分を回避するべく、config.txtのアイテムラベル11個をすべてショットとボムで埋めたところ、音が出ることを確認しました。ショットとボムしかアイテムを出せなくなりますが……。具体的にはアイテムの記述を下記のようにしました。（#3以降は出現率0です。）
&item=#1,shot,0.5,10,100,default,100,15,#2,bomb,1,1,50,default,100,100,100,200,#3,bomb,0,1,50,default,100,100,100,200,#4,bomb,0,1,50,default,100,100,100,200,#5,bomb,0,1,50,default,100,100,100,200,#6,bomb,0,1,50,default,100,100,100,200,#7,bomb,0,1,50,default,100,100,100,200,#8,bomb,0,1,50,default,100,100,100,200,#9,bomb,0,1,50,default,100,100,100,200,#10,bomb,0,1,50,default,100,100,100,200,#11,bomb,0,1,50,default,100,100,100,200,改造は不要でconfig.txtの書き換えだけで済むので、アイテムにこだわらなければこれで十分かもしれません。Ruffleが対応したらアイテムを追加してもいいですし。こういう方法もあったということで……。
音が出ないエラー回避策（古いバージョンver.1.08dを使う）
暫定的な処置として、b2.swfを最新バージョンではなく古いバージョン(1.08d)に変更することで効果音が鳴るようになりました。
設定ファイルのフォーマットが若干異なり、アイテムが出なくなってしまったので少し書き換えました。過去のB2.swf(1.08d)に対応した設定ファイル（config.txt）例です。
version=B2&graphicWidth=420&graphicHeight=638&graphic1=/B2/1.jpg&graphic2=/B2/2.jpg&soundMode=true&soundBgmVol=30&minRadian=2&maxRadian=8&ballSize=15&baseSpeed=16&ballColor=white&xSpeed=10&barWidth=120&barHeight=20&criticalWidth=15&edgeWidth=25&blockWidth=25&blockHeight=25&barSpace=0&blockMask=2&life=5&barRapid=true&clearBlocks=p93&clearJump=clear&scoreBlock1=10&scoreBlock2=20&scoreBlock3=30&scoreBlock4=0&scoreBlock5=10&scoreBlock6=10&scoreBlock7=0&scoreSmash=100&scoreTime0=5000&scoreTime1=10&scoreLife=300&scoreCombo=20&scoreCombonum=5&ballSpeedRate=1&barSpeedRate=1&keyboardMode=false&blockMode=false&effectMode=true&liteMode=true&edgeBack=true&itemfromBlock=true&itemPercent=10&itemCtrl=1&itemWide=1&itemShort=1&itemRapid=0&itemGrav=0&itemPanic=0&weaponGaugeMaxBoost=600&weaponGaugeMaxCtrl=100&weaponGaugeMaxWide=300&weaponGaugeMaxShort=300&weaponGaugeMaxRapid=20&weaponGaugeMaxGrav=400&weaponGaugeMaxPanic=300&weaponValueBoost=3&weaponValueCtrl=3&weaponValueWide=1.5&weaponValueShort=0.6&weaponValueRapid=2&weaponValueGrav=15&timerVisible=false&rankingEnable=false&rankingTxt=hiscore.txt&defaultName=B2&block=0,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,1,1,1,1,1,1,1,2,2,2,2,1,1,1,1,0,0,1,1,1,1,1,1,1,2,2,2,2,2,1,1,1,0,0,1,1,1,1,1,1,1,2,2,2,2,2,1,1,0,0,0,1,1,1,1,1,1,1,2,2,1,1,1,1,1,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,&command=&bgcolorGame=0c0c0c&bgcolorHtml=0&title=title&config=config.txt&quality=medium&commentTable=none&
この記述だとブロックから10%の確率で、コントロール・ワイド・ショートが1:1:1の割合で出るようになっています。多分。太字のところがアイテム設定です。
以前のバージョンも配布し続けてくださっていて助かりました。その後の更新はアイテム追加と挙動の修正なので、基本的なプレイの範囲では問題なさそうです。
紆余曲折の日記は別の記事に書きました。
おわりに
この記事をほとんど書き終わってからB2ブロック崩しとRuffleについて調べたところ、2023年の3月にRuffleのアップデートにより再生が可能になったとのこと。サウンド関係の解決もそう遠くないのでは。 → 無事解決されました。流石。
世の中にはまだRuffleの存在を知らず、「Flashは終わった」と思っている人が多いと思います。Flash終わってなかった！の驚きを共有したいものです。
前回のRuffleを使ってみた記事はこちら↓
