Code is beautiful

2011-03-01

フリーソフトBest Of Best 2011に掲載。

フリーソフトBest Of Best 2011 完全保存版

に拙作「左マウス」が掲載されました。ありがとうございます。

500/500番目なのですぐ見つかります(笑

こういった書籍への掲載だったり、窓の杜さんでの紹介記事だったり、モチベーションてこういう所からも来てたよなぁと。

2011-02-10

SPEC | Flash、JavaScript、HTML、CSSクリエイターの採用試験にてSilver受賞

SPEC | Flash、JavaScript、HTML、CSSクリエイターの採用試験 - wonderfl build flash online

モンスターを捕まえて、育て、戦わせるゲーム『GYAOS!(ギャオス)』のバトルシーンの演出方法を追求してください。

にてSilverを受賞。ありがとうございます。

擦って攻撃とかそういうのは割と早い段階で思いついたんだけど、マウス軌跡の実装に中々苦戦。

何と言うかもうちょいいい感じにしたかった。

指摘された視線の件も、ゲーム屋さんなら当たり前にやってるんだろうなと日々勉強。

2011-01-31

GYAOS!のバトルシーンの演出

SPEC | Flash、JavaScript、HTML、CSSクリエイターの採用試験 - wonderfl build flash online

モンスターを捕まえて、育て、戦わせるゲーム『GYAOS!(ギャオス)』の

バトルシーンの演出方法を追求してください。

にチャレンジ。

forked from: GYAOS_sample - jsdo.it - Share JavaScript, HTML5 and CSS

スクラッチの様にマウスで擦ると攻撃できる。

ただ闇雲に擦ってるだけじゃ面白くないのでAttackゲージを設けて制限を掛けたり、マウスの移動量やモンスターのDeffenceゲージによって与えるダメージが変わる様にしたけど、今回は演出面だからあんま関係ないかも。

バトルシーンの演出としてはパーティクルに始まり、パーティクルに終わる的な感じかと。

2010-12-01

CBCNET ( http://www.cbc-net.com/ ) のRSSFeedを利用して、CBCNETのトップページをリニューアル

JAM - HTML5 and Flash

Session5「CBCNET ( http://www.cbc-net.com/ ) のRSSFeedを利用して、CBCNETのトップページをリニューアルしてください。」

との事で、HTML5でマークアップ。

forked from: CBC NET - jsdo.it - Share JavaScript, HTML5 and CSS

始めは22面体とか突拍子のない事考えてたんだけど、結果的にはこんな感じに。

記事写真にマウスオーバーすると内容レイヤーが表示される仕組みで、その表示にCSS3のtransitionを使用してみた。

その対比というか、記事スライドは横方向にしている。

横スライドはjsでabsolute座標を変更してるんだけど、Operaがどうもカクカクでjsが速いんだか何だか。

カテゴリ、タグ、月別アーカイブのリンクには、Ajaxでもブラウザの「戻る」「進む」を有効にさせるべく、jQuery hashchange eventを使用。


(参考)

Ajaxやタブ切替には必須かも?ブラウザの「戻る」「進む」を有効にするjQueryのhashchangeプラグイン


ロゴ画像が四角い事もあり、全体的に四角なデザインを心掛けてみた。

2010-05-27

Wonderflを追え!

[W][O][N][D][E][R][F][L]の順にクリックするゲーム。

一定時間毎にオブジェクトの位置が変わるので、スピードが上がってくると難易度アップ。

マウスなら制限時間制でいいだろうけど、タッチパネルならタイムアタックの方がいいかなと。

http://gimite.net/rails/iframe_gadget