2011年4月 :: Archives

その2から随分時間が経ってしまいましたが、続きを書いていきます。

今回はカエルのキャラクターがシャベルやドリルを使って「働く」アクションを追加する内容です。

昨年末に公開したRaNa design WEBSITE RENEWAL PROJECTの舞台裏エントリーその2です。その1の後に読んでいただくとよりお楽しみいただけます。

今回からはJavaScriptの実装についてより深く踏み込んでいきますが、全体のコードは長大なので、要点と思える部分だけ切り取っていく感じでお話できればと思っています。

昨年末に公開したRaNa design WEBSITE RENEWAL PROJECTですが、どんな仕組みでできているのかネタばらしをしておきたいと思います。

企画とデザイン

サイトのトップが工事現場になって、そこにカエルの作業員が動き回る。Twitterとも連動する、というものでした。
最初に受け取ったデザインはこんな感じ。