作品集 Part.6

今まで個人的に製作した作品紹介  Part.6です。

『MediaRssViewer』

MediaRssViewer

▼作品内容
jsdo.it公式イベント『JAM -HTML5&Flash- Session2』投稿作品です。
MediaRSSを使用したビュワーを製作しました。
『JAM -HTML5&Flash- Session2 Silver受賞』
『Developers Summit 2011 – html5-developers-jpブース展示作品』
に選ばれました。
僕のいろんなコンプレックスを打ち消してくれた、お気に入りの作品です。

▼操作方法
ドラッグしながらマウスを動かすと写真が動きます。
手前側の写真をダブルクリックで写真を拡大。
拡大写真をダブルクリックで最初の状態に戻ります。

作品集 Part.5

今まで個人的に製作した作品紹介  Part.5です。
この作品は『HTML5』で製作しているので、『HTML5』に対応しているブラウザが必要となります。
面倒でなければ、『Firefox』や『Chrome』『Safari』『IE9』『Opera』などでご覧下さい。

『パーティクル時計』

パーティクル時計

▼作品内容
友人のFlash作品に刺激をうけ製作しました。
HTML5の『canvas』タグと『JavaScript』で、パーティクルを表現し時計にしています。

▼操作方法
パーティクル時計をクリックすると、『時計表示モード』と『テキスト表示モード』の切り替えができます。

作品集 Part.4

今まで個人的に製作した作品紹介  Part.4です。
この作品は『HTML5』で製作しているので、『HTML5』に対応しているブラウザが必要となります。
面倒でなければ、『Firefox』や『Chrome』『Safari』『IE9』『Opera』などでご覧下さい。

『HTMLテトリス』

HTMLテトリス

▼作品内容
テトリスを『canvas』タグと『JavaScript』で製作してみました。
デザインは製作途中です・・・
早くデザインも完成させないと・・・
あと、スマートフォンでプレイできないのもなんとかしないとな~

▼操作方法
スペースキーで右回転。
↑ キーで左回転。
→ キーでブロック右移動。
← キーでブロック左移動。
↓ キーを押しっぱなしでブロック落下。

一定の点数を超えるとレベルアップして、ブロックの落下スペードがあがっていきます。

作品集 Part.3

今まで個人的に製作した作品紹介  Part.3です。
この作品は『CSS3』で製作しているので、『CSS3』に対応しているブラウザが必要となります。
面倒でなければ、『Firefox』や『Chrome』『Safari』『IE9』『Opera』などでご覧下さい。

『THE RENSHAKI!!』

THE RENSHAKI!!

▼作品内容
jsdo.it公式イベント『JAM -HTML5&Flash- Session3』投稿作品です。
「思わず押したくなるボタン」がテーマだったので、僕たち年代には馴染み深いボタンを製作しました。
画像などは一切使用せず、『CSS3』のみで表現しています。

▼操作方法
STARTボタンをクリックで計測開始します。
A・Bボタンをクリックしてください。
クリックしぱなっし状態でマウスオーバー、アウトすると、こすり連打できます。

作品集 Part.2

今まで個人的に製作した作品紹介  Part.2です。
この作品は『CSS3』で製作しているので、『CSS3』に対応しているブラウザが必要となります。
面倒でなければ、『Firefox』や『Chrome』『Safari』『IE9』『Opera』などでご覧下さい。
また、『Chrome』『Safari』で見たほうが楽しめる作品となっています。

『ミサワを投げてみた』

ミサワを投げてみた

▼作品内容
jsdo.itでミサワ祭りが起こっていた時に、製作した作品です。
『moriyoshiさん』『ginpeiさん』『GeckoTangさん』『kyo_agoさん』がCSS3で製作したミサワの顔を投げれるようにForkしました。
Forkした作品なので、みなさんの力がなければ製作できなかった作品ですが、感謝の意をこめて紹介したいと思います。

▼操作方法
ミサワの顔をドラッグしたあとに、勢いよくマウスを動かしてドロップすると投げることができます。
『Chrome』『Safari』で見ると、ドラッグ中にミサワの顔が変わります。