偽さくらスクリプトスタイル

さくらスクリプト風のスタイルを実現する為の、HTMLとCSSの実験。

例(1): 段落ごとに表情の画像が附いた対話

最も普通の形式で、何らかの作品の人物を喋らせて、登場人物を紹介したり、物語を作ったりするのに使はれます。

SakuraScript (1)

\h\s[4]\p2\s[200]\u\s[10](ぽりぽり)\w9\w9\nん?\w5僕?\w9\n名前はテディ、\w5一応こいつのお目付け役。\w9\w9\nなにしでかすかわからないので。\w9\w9\h…\w5…\w5…。\w9\w9\u\n\nそんなわけでまあよろしく。\w9\w9\p2\s[204]食べるか喋るかどっちかにしなよ。\w9\w9\h\n\n\s[21]…\w5…\w5…\w5…。\w9\n(おいしそう\w5…\w5…。)\w9\w9\u\s[11]\n\nふっ。

HTML (1)

テディ: (ぽりぽり)
ん?僕?
名前はテディ、一応こいつのお目付け役。
なにしでかすかわからないので。

エミリ: ………。

テディ: そんなわけでまあよろしく。

エミリオ: 食べるか喋るかどっちかにしなよ。

エミリ: …………。
(おいしそう……。)

テディ: ふっ。

CSS (1)

NiseSakuraScript.cssを参照。

Opera向けにギミック(OperaShow)を仕込んであります。フルスクリーン表示(F11)で画面を送り戻し(PgUp/PgDn)すると…

例(2): 定義リストを使った対話

野嵜さんがよく使ふ形式です。この例では、サーフェス番号を使ってゐません。

SakuraScript (2)

\p[1]\s[10]\p[0]\s[7]キルケゴールをつまらんと思っている奴は前へ出ろ!\n\w9\w9わたしがキルケゴールの面白さを教えてやる!\w9\w9\p[1]\s[11]落着け!\e

HTML (2)

櫻花さん
キルケゴールをつまらんと思っている奴は前へ出ろ!
わたしがキルケゴールの面白さを教えてやる!
蜜子さん
落着け!

CSS (2)

CSS (1)と同様。

この文書について

Emily/Phase4について

著作権者
Emily/Phase4 Project
配布元
ぽな@ばぐとら/Emily-Phase4 - 駄でべろぱの小ネタWiki(オフィス)
適用ライセンス
クリエイティブ・コモンズ・ライセンス: 帰属 - 非営利

更新履歴

2005年12月7日
初版
2005年12月16日
HTML (1) のテディの科白に抜けが有ったので修正。
クラス名を .h .u から .p0 .p1 に一般化。
2005年12月30日
例2を追加。
見出しの整備。