しろログ

画面エフェクトイベントを追加しました。
雨、フラッシュ、クラッシュが使えるようになりました。

箱庭ノベルズII

箱庭ノベルズIIに、メッセージウィンドウの位置、
背景色、文字色、透明度を変更できるイベントを追加しました。

作成から半年ばかり経ちました。
箱庭ノベルズII ver0.50です。

画像ロードを安定させました。
ストレージをAmazon S3にしてから、
画像ロードにほんの少し微妙に時間がかかるようになり、
フェードインするハズが、パッと出たりしてかっこ悪かったので、対策しました。

具体的には、imgタグにonLoadイベント(+onErrorイベント)をはっつけました。
ちなみにこのイベントはブラウザ間で差があるらしいです。

まあ箱庭ノベルズはIEとFirefoxだけなんですけど。
一応、prototype.jsのEvent.observeで実装。
IMG要素をcreateElementで作成し、各属性やonLoadイベントを付けて、appendChild。
で、最後にsrcを指定します。

でないと、onLoad指定する前にロードが完了してしまうことがあるらしいからです。

でもなんか気持ち悪いな・・

っていうか、この実装合ってるのかな・・

Event.observeで思い出したけど、4つ目の引数、
useCaptureの意味をよく忘れるので、メモ。

ここの説明が分かりやすい。
とみぞーノート:JavaScript addEventListener()

要するに普通、DOM構造の最下層から上ってくるとき(バブリングフェーズ)にイベントを呼び出すけど、useCaptureをtrueにしておくと、DOM構造を下って行くとき(キャプチャーフェーズ)に呼び出すよ、ということですかね。

<div onclick="foo()">
  <span onclick="buz()">click</span>
</div>

これで、clickをクリックすると、buz→fooで呼ばれるのが、
divでuseCapture指定すると、
foo→buzで呼ばれるんだね。

箱庭ノベルズIIが、ついにサウンド機能搭載です。

IEだけですが・・・
Firefoxどうなってるのかなー、思ったようにいかず、現在調査中。
いちおmid、wav、mp3が使用可能。

技術的な話すると、このサウンド素材はAmazonのS3にアップロードします。
新規作成シナリオ分からは画像素材もS3にアップします。

S3というのはAmazonが提供するストレージサービスで、
1GBのストレージがなんと月額15セント！
(ただし転送量1GBにつき20セントかかるので、ここがキモの予感)

S3については、メモ書きUPします。

とんでもない間違いを犯していることに、ふと気がつきました。

このサービスではドラッグ＆ドロップ含め、エフェクトにScript.aculo.us使っているのですが、
各シーンのイベントロード時、イベント一つロードするごとにSortable.createしてた！(死
そりゃ、遅くなるよなー。
で、これ外したら一気にロード時間短縮。

皆様、申し訳ありませんでしたm(_ _)m

編集画面のロードの仕方を変えてみました。
根本的には変わらないのですが、
今まで一度にロードしていたのを、分割してロードします。

具体的には、最初にシーン情報のみロードし、
シーンが選択されると、イベント情報がロードされる、という感じです。
最初は「Now Loading…」とか出ますが、一度ロードしたものは記憶されます。

長い作品でも、フリーズっぽくならずにすみます。
たぶん。

あと、作品リストのRSS配信を始めました。

さらにup。

引き続きセリフ入力部分ですが、
3つ目の改行の時点で、一旦待ち状態になります。
従って、一つのセリフ内で、

1行目(改行)
(改行)
(改行)
2行目

とかやると、擬似的に二つ分以上のセリフを一度に書くことができます。
同一人物のセリフが続くときなどに試してみてください。