レーシングカーの格好良さをブラウザで堪能
2015年5月14日
今日ご紹介するWebサイトは、タイトルの通り、レーシングカーをWebブラウザ上で楽しめる「HelloRacer WebGL」というサイトです。
閲覧方法はいたってシンプル。
キーボードの方向キー(←↑↓→)で、左旋回、前進、後進、右旋回をします。 Enterキーを押すと、カメラアングルが変わります。 制作者のF1マシンに対する愛が感じられます。
このサイトは、Webブラウザ上で3Dの表現をするための標準仕様である「WebGL」という技術が使われています。HTML5から登場したcanvas要素を元に、JavaScriptとOpenGLと呼ばれるAPIの技術を使っています。
以前ブログで紹介した「metrogram3D」や「100,000 Stars」もWebGLで作られていましたが、この「HelloRacer」は5,6年前に公開されたもので、HTML5関連技術の開発時にいろいろと試しに作られたサイトの一つだったのかもしれません。
それにしても、美しいこのモデリングを見ていると、つくづくWeb技術の進化と表現力の底知れなさを感じます。
そんな最新技術が気になる方はHTML5講座がオススメ
ちなみに、国内で唯一、W3C公式で開講しているインターネット・アカデミーの「HTML5講座」の次回開講が、来週5/23(土)に迫っています。
HTML5講座のオススメ週間として、今週はこのブログでもいろいろとHTML5の魅力やWebサイトの紹介をしていきたいと思いますので、お楽しみに☆
講座に興味がある方は、ぜひインターネット・アカデミーまでお問合せくださいね!
関連サイト
- ・「W3C公式HTML5講座」
関連ブログ記事
- ・「東京メトロのアートで最先端を行くWebアプリ「metrogram3D」」written by ささくらはなび
- ・「10万光年の宇宙遊泳が楽しめる「100,000 Stars」」written by ささくらはなび
本ブログは、日本初Web専門スクールのインターネット・アカデミーの講師が運営するWebメディアです。 スクールの情報はもちろん、最新のWebデザイン・プログラミング・Webマーケティングについて役立つ情報をご紹介しています。