しろログ

久しぶりに新しいWebサイトを作り始めた。

箱庭ダンジョン
http://dungeon.hakoniwa.net/

ウィザードリィっぽいダンジョンを作って遊ぼう、という企画。
とりあえず現時点でできるのは、
・プロファイル登録
・ダンジョンマップ作成(壁と床だけ)
・ダンジョンデータの保存・読込
・作ったダンジョンを歩き回る
ことくらい。

今後、
・イベントの作成
・ダンジョン同士のリンク
・プレイヤーのゲーム内交流
など、箱庭ノベルズではできなかった、ソーシャルな感じで進められればと思う。

例によってJavaScript。いい加減FLASHに、という気分ではあるけど。
ただ、最近のゲームやってると、もうエフェクトに凝ったりできる次元じゃないな、
というのを感じているので、開き直り気味で。

何も考えず、スクリプト書いてたらゲーム部分でファイル数25。30KBほど。
とりあえず自前でコメント部分と、インデント削除するスクリプト書いて連結したら19KBほどになった。
ちなみに改行も取ったら動かなくなった。
うーん、気をつけて書いたつもりだったが。

一応、ソースコードも公開中。
へこんでやる気が無くなる恐れのあるので、ツッコミはほどほどでお願いします。

それにしても、作ってる最中にこういうの見つけたりするとあせるから。マジで。
マネじゃないのにマネしてるように思われるし。

箱庭ノベルズでDB周りに障害が発生しているらしく、
反応が重くなっております。
ご迷惑おかけしますが、しばらくお待ちください。

うりぼうさめがめのランキングを
今月、前月、通算に分けて表示するようにしました。
デフォルトは今月。

さすがに上位のほうはあまり入れ替わらないので、
月単位のほうが面白いかな、と。
WebSameGameと同じだけど・・(^^;

関連記事：
うりぼうさめがめオープン

うりぼうさめがめをリリースしました。
上記のようなゲームをタグ一つで自分のサイトに貼り付けられます。
ゲームの背景画像やコマ画像をカスタマイズすることもできます。

※うりぼうさめがめを遊ぶにはFlash Player 9が必要です。
ゲーム画面が表示されない方は、こちらからダウンロード・インストールしてください。

15パズルジェネレーターサイトを作ってみました。
自分の持ってる画像で15パズル(9パズル・25パズル)を作れます。
タグを貼れば自分のサイトにも設置できます。
もちろん無料・登録不要です。

なんかこう、サクッと作るつもりが妙に四苦八苦しました。
以下、よもやま話。

パズルジェネレーター自体はいろいろありますが、
今回はJavascriptベースで作りました。
JavaやFLASHのほうが画像を簡単に取られなくていいとかあるのですが、
あえてHTML+Javascript。

ぶっちゃけると、1枚の画像を各ピースになるようにずらして表示してます。
なので、最初から元画像はダウンロードされてるわけです。
そのへんこだわる人は、あらかじめ15枚に切った画像を用意するのが良いでしょうね。

今回はそこまでやってません。
例によってストレージにAmazonのS3を使うので、細かく切った画像を
アップしまくるのも時間かかりそうだし。
(名称は15パズルですか、9～25ピースにもできるので、全部作ると47枚作ることになる・・)

まあ、それでも簡単にコピーされてもつまらないので、
申し訳程度には、ごにょごにょしてます。
(なお画像を保存させないというのは、HTMLベースでやってる限りたぶん不可能)

パズルピースはIE6とその他のブラウザで実装が異なります。
IE6はIMGタグ+CSSのclipで、
その他はDIVタグ+background-imageです。

IE6だけはbackground-imageのある要素をいじると
再度画像を読み込むという訳の分からない仕様があるようで、こうなりました。

他のブラウザでIMGタグを使わないのは、
例えばSafariだとドラッグ・ドロップで画像見えちゃったり、
簡単にデスクトップに保存とかできちゃうので、
これは興ざめだろうということで。
ちなみにIE6はIMGをAタグでくくってドラッグ・ドロップによる画像保存を防止してます。

あとは、このピースを適当にならべて移動できるようにすれば完成・・・
とか思ってたのですが、「適当に」を本当に「ランダム」でやってたら
どうも、パズルが完成しないことがあります。

どうやら、15パズルは完成しない配置があるらしい。

てっきりどんな並べ方でもそろうんだと思ってました。

その辺の証明とか、解説とかはこちら。

はじめ、ピース配列のシャッフルに工夫すれば、済みそうだなと思ってたのですが、
面倒になったので、空マスをランダム移動させることにしました。
(普通そうするか)

これで丸2日ほど試行錯誤・・
単純そうで奥が深いのねー。

選択肢イベントで、特定シーンへジャンプせずに、
次のイベントに進めることもできるようにしました。

箱庭ノベルズ

ver0.63で画像の表示効果として、「ラスター」を追加しました。
感謝！→ラスタスクロールだ！@Kawa.net

ver0.64で画像の先読みをするようにしました。
あまり賢い先読みではなくて、
単に新しいシーンに入ったとき、そこで使われる画像を予めロードしておくだけです。

本当は分岐があったりしたらその通りに読んでいければいいんですけどね。
とりあえず、無いよりマシかも程度で。

それとトップで使っていたサンプルノベルがあまりにショボイので、
新しいの作りました。

選択肢とか無くて、機能をフルに使ってるとは言いがたいのですが。

他、ちょこちょこと修正中。
※「II」取りました(笑)