児童書のおすすめ本60選

涼宮ハルヒに出てくるパソコン端末での長門有希とキョンのやり取りをブラウザで再現

涼宮ハルヒに出てくるパソコン端末での長門有希とキョンのやり取りをブラウザで再現

わたしが、アニメ涼宮ハルヒの憂鬱を見た時一番興味深かったのは、SOS団部室にあるパソコンだ。Windows95の起動画面がこれまた懐かしいのだが、それはさておき、アニメ2期のEpsode6で閉鎖空間にキョンとハルヒが閉じ込められるシーンで、パソコンの画面がブラックアウトして、突然

YUKI.N>みえてる?

と表示されるシーン。
最初に見た時から、これを実際にパソコンでシミュレートしたら面白いだろうなあ、と考えていた。

以下で体験できます。

涼宮ハルヒに出てくるパソコン端末での長門有希とキョンのやり取り

ちなみにアニメ版に合わせてキョンの打ち込めるセリフは順番に3つ

ああ
どうすりゃいい?
何をだよ

作成にあたってブラウザでターミナル端末を装うというサイトを参考にさせて頂いた。というか自身のサイトだが(宣伝)

参考 HTML+JS:textareaタグを使ってブラウザをターミナル風に装う電脳産物

これをベースに改良を加え、涼宮ハルヒに出てくるパソコン端末での長門有希とキョンのやり取りをHTML5とJavaScriptで作ってみた。

実際にブラウザ上でテストしてみた動画がこちら。(最大化しないと文字が見えにくい)

参考にしたアニメのシーンは、以下。

プログラムソースコードは、整理していないので無駄に長い。
見て欲しくはないが、ChromeならCtrl+Uキーですぐ見る事ができる。(が見ないでください)

涼宮ハルヒの憂鬱 関連項目

映画『涼宮ハルヒの消失』について 本の感想:涼宮ハルヒの憂鬱本の感想:涼宮ハルヒの憂鬱 言葉のロゴ2019年7月のメモ

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA