Skip to content

Latest commit

 

History

History
17 lines (9 loc) · 1.64 KB

README.md

File metadata and controls

17 lines (9 loc) · 1.64 KB

Graphical Web Advent Calendar 2013, Day 23

このリポジトリはGraphical Web Advent Calendar 2013の23日目のエントリーです。

capture

Fictional UI with Inline SVG

ヱヴァンゲリヲン新劇場版:Q を映画館に観に行ったんです。劇中にでてくる機器のコントローラーやインジケーターが大変カッコ良くて、話の内容とか全く覚えてないくらいにUIばっかりを凝視していて、僕も「何に使うかは全くわからないけれども、なんとなく動いていて、なんとなく未来感があって、なんとなくかっこよさげなもの」を作りたくなったのが約一年前……。当時、数日作ってプロトタイプ作ったところで放置していたので、こんな良い機会があるんだから完成させなければ!と、なんとか公開できる状態にしました。

このAdvent CalendarがGraphical Webというシリーズということなので、折角なら画像は一切使わずに作ってみよう!ってことでビットマップ画像は一切使用していません。図形の類はInline SVGを使っています。Inline SVGは手書きしたんですが、SVGは手で書くもんじゃないってことがよくわかったのが一番の収穫でしょうか。動くものを作るって楽しいですね。

Preview

以下から実際に動いているものを見られます。が、Google Chromeでしか見てないのでその他のブラウザで動くかは不明です。