HTML5でサイトを作りたい。
そんなときに参考になるのが、「S5 Style」。アニメーションの美しいポートフォリオサイトです。
shogo Tabuchiさんというデザイナーの方のサイトですね。アーキタイプさんにいらっしゃるようです。
Processing.jsを使って、canvas内に描画しているようですね。Processing.jsは、jQueryの作者であるJohn Resig氏が公開したライブラリで、amachangさんの以下のエントリーに詳しく書かれています。
ブラウザでお絵描きプログラミング！ Processing.js 登場！
簡単な描画ならすぐにできるようですね。ソースも読みやすいです。
サイトには音もついていて、サウンドデザイナーのCubic Roomさん作とのことです。こういうコラボは素敵ですね。
Flashサイトではない、新しい技術の参考になると思うので、一度見てみてください。
Editor's Note
税理士さんとカフェで打ち合わせ。少し会計に詳しくなってきました。引き続きがんばります。
Related Entry
- コーポレートサイトをリニューアルしました
- HTML5 / CSS3 / JavaScriptのデモサイト「Circlu」を作りました
- HTML5でベクターグラフィックを描画する「Paper.js」
- HTML5でミュージックプレイヤーが作れるjQueryプラグイン
- HTML5を使ったドロップダウンメニュー
Comments覧
S5-Styleの運営をしている田渕と申します。
サイトをご紹介いただいてありがとうございました！
投稿者: shogo | 2010年8月23日 17:14
こちらこそ！素敵なサイトですね＾＾
投稿者: CREAMU | 2010年8月23日 18:55