F-Siteセミナーのお話(ソニックジャム編)

公開日: : 最終更新日:2014/06/03 プログラミング ,

F-Siteセミナーのお話、続きです。

ソニックジャムさんが制作事例を通して実装方法などをご説明してくれました。

「Flashならではのエモーショナルな表現をつくる」と題し、神山 剛氏、池田 亮氏が登壇されました。

まずは、あなたの夢に応援歌 | JACCS

あなたの夢に応援歌 | JACCS

曽我部恵一band、カジヒデキ、バッキンガム宮殿など、実際のバンドのPVが背景で再生され、

歌に合わせて歌詞が表示され、気に入った歌詞をそのままTwitterでツイートできる、というコンテンツ。

歌詞表示時のエフェクト部分の実装を説明して頂きました。

文字のうにょうにょした動きは、Graphics.drawTriangles()で描画した各頂点を、フレーム毎にランダムな値で変化させている、との事。

 

続きまして、My Story Store | JR大阪三越伊勢丹

My Story Store | JR大阪三越伊勢丹

公開されて間もない時に、拝見したのですが、このトランジションエフェクトはどうやっているのか非常に気になっていましたが、動画(flv)をマスクとして使っているそうです。

動画自体をマスクとして使うという考えが自分にはなかったので非常に参考になりました。

またマスクとして使っている映像ですが、手作りだそうです。

背景に白いボードを敷き、水槽に墨汁を垂らしたものを映像として撮っているらしいですが、この映像を作るきっかけとなったお話がかなり面白かったです。

当初、先方の都合で画像が1枚しかなかったため、

画像をメインイメージとして使っているコンテンツで画像が1枚しかないというのは、演出が非常に難しく、どうしようかと悩んだ末にこのエフェクトを思いついたとか。

逆境ともいえる状況から一転して、サイトの雰囲気にこれ以上ない演出を加えるエフェクトを作り出してしまうところに職人魂を感じました。

なお、神山氏は2010年の大晦日に、除夜の鐘を聞きながら、一心不乱に墨汁を垂らしていたそうです。

 

最後にご説明頂いたのがキルナビ。

PS3ソフト「KILLZONE3」のスペシャルサイトです。

 

キルナビ2012

既に閉鎖されてしまったため、サイトを閲覧できないのが残念ですが、

最初の訪問時のみに表示されるページが、某求人情報サイトに似たデザインになっており、クリックするとページに向かって銃弾が次々と撃ち込まれ、エントリー画面に遷移します。

Twitterと連動していて、エントリーした企業側に自分のアバターとなる兵士が作られ、戦場に参加していく仕組みです。

この兵士がかなりの数で描画されるのですが、全体の動きがとても軽く、気になっていました。

実装は、兵士の動きを1コマ1コマ画像で持っていて、BitmapData.copyPixels()で描画することで、この軽さを実現しているそうです。

 

番外編として、自社製作コンテンツをチラ見せしてくれましたが、

とにかくクオリティの高さと発想の面白さがスバラシイです。

なお、チラ見せしてくれたコンテンツのBGMも今回登壇されたお二方がギター、ベースを実際に演奏されているとの事で、作りこむ、という事に関しての意識の高さが窺えます。

スポンサードリンク

関連記事

no image

F-Siteセミナーのお話(LISMO! for Android au編)

5/14に開催されたF-Siteセミナーに参加してきました。 全部は書ききれないので、Flas

記事を読む

no image

[AS3]FLVPlayback UIスキンをスクリプトから取得する

FLVPlayback UIスキンをスクリプト側で設定した後、FLVPlaybackの再生準備が整っ

記事を読む

no image

flaファイルなしでUI Componentを実装する

今までFlashDevelopでUI Componentをサクッと使いたい時に、わざわざflaファイ

記事を読む

no image

FLVPlaybackが勝手にフルスクリーンに

タイトルの通りですが、フルスクリーンでexe書き出ししたファイルを実行すると、FLVPlayback

記事を読む

no image

WordPressの日付表示を英語表記に

WordPress3.0にアップグレードしたら、日付表示が日本語に戻ってしまったので、修正。

記事を読む

no image

Knockout.jsのMVVMとobservableの項を意訳

Knockout.jsでのMVVM(Model-View-View Model)パターンとobser

記事を読む

no image

Texture PackerのautoSD設定でplaceholderがどうとかエラーが出た

Texture Packer (pro) v3.2.1のautoSD設定で cocos2d-x

記事を読む

スポンサードリンク

スポンサードリンク

inishie_dungeon
イニシエダンジョンを遊んで思ったこと

β版から遊んでいたイニシエダンジョンの正式版が7/20にスタートしたの

tokaigi2015
ニコニコ闘会議2015 オープニングムービー考察

ニコニコ闘会議2015 1日目参加してきました。 以前気になったゲー

93437d0c78612fcd25acdf5f21abf07e
ウォッチドッグスを遊んでみて思ったこと

PS4版ウォッチドッグスをやっとクリアしました。Wii U版は12月4

2527908-future
[E3 2014]気になったゲーム

E3で個人的に気になったゲームを挙げていきます。 大乱闘スマッシュブ

haruo_minami
「お客様は神様です」の真意

Kindle版の桜井政博のゲームを遊んで思うことに書いてあったことなの

→もっと見る

PAGE TOP ↑