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

スポンサーリンク
涼宮ハルヒに出てくるパソコン端末での長門有希とキョンのやり取りをブラウザで再現 プログラム

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

YUKI.N>みえてる?

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

以下で体験できます。
[btn target=”_blank” href=”http://sky.site44.com/haruhi/index.html” class=”raised main-bc strong”]涼宮ハルヒに出てくるパソコン端末での長門有希とキョンのやり取り[/btn]

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

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

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

[sanko target=”_blank” href=”https://dianxnao.com/htmljs%ef%bc%9atextarea%e3%82%bf%e3%82%b0%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6%e3%82%92%e3%82%bf%e3%83%bc%e3%83%9f%e3%83%8a%e3%83%ab%e9%a2%a8%e3%81%ab%e8%a3%85/” title=”HTML+JS:textareaタグを使ってブラウザをターミナル風に装う” site=”電脳産物”]

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

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

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

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

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

[kanren id=”5500″ target=”_blank”]

[kanren id=”5109″ target=”_blank”]

[kanren id=”5731″ target=”_blank”]

コメント

タイトルとURLをコピーしました