Web関連

HTML5,JS,WebGL,WebAudio,SNS API

Contents

Metro Info.

Metro Info.
東京メトロオープンデータAPIを使用したWebアプリケーションです。node.js,d3.jsを使用して作成しています。SVGで路線図に沿って列車位置を5分おきにプロットします。 開発記録GitHub

Tumblr Posts Beta

Tumblr Posts Beta
Tumblr APIを使用した、ビューワーです。node.js,jqueryを使用して作ってます。投機的にXHRを発行して、コンテンツを先読みしておくことで、スムーズなページ遷移を実現しています。ただ動きがちょっと変な部分がありますが。。 開発記録GitHub

YouTube Viewer

YouTube Viewer
Youtube APIを使用した、YouTubeビューワーです。動画のサムネをマウスオーバーするとプレビュー再生したりします。 開発記録bl.ocks.org

WebAudio Modular

WebAudio Modular
WebAudio API,d3.jsを使用した、Web Audioのモジュラー接続デモです。シーケンサーの実装までを目指しましたが、現在は作成を中断しています。 開発記録GitHub

古典的グラフィック技術を懐かしむ

古典的グラフィック技術を懐かしむ
WebGLやthree.jsを使って、レトロPCグラフィックス画面を再現し、古典的グラフィックスアルゴリズムを実装してみたり、MZ-700のキャラグラを再現してアニメーションに挑戦したりといろいろなことをしてます。 開発記録GitHub

スカッシュゲーム

スカッシュゲーム
「ゲーム性とはなんなのか」を探求するという目的で、作ったものです。ただのスカッシュゲームです。three.jsを2Dグラフィックスエンジンとして使っています。 開発記録bl.ocks.org

2D Shooting Game

2D Shooting Game
three.js、io.js、WebAudio APIを使用した2Dシューティングゲームです。io.jsを使って、ハイスコア管理をしています。かなり古いアプリのため、現在XHRの制約が当時よりもきつくなってハイスコア処理部分がうまく動いていません。また何かの仕様が変わったせいか、WebAudioの処理もちょっとおかしくなってしまってます。 開発記録GitHub