ONE PIECE WCI編 テレビアニメ連動サイト

About

『ワンピース』のテレビアニメ放送とスマホがリアルタイムで連動する、12週間連続企画。アニメ放送中に、「アツイ!」と思ったシーンに合わせて連打!一放送を60シーンに分割した中で、自分が最も連打したシーンとみんなが最も連打したシーンが一致すると、プレゼント応募券を獲得できるというサイト。

私の担当は、オンエア画面と結果画面。全体参加人数、シーンごとの全員のタップ数と個人のタップ数をリアルタイムに表示し、連動感を演出した。インタラクティブかつスケーラブルなグラフを描画するためにD3.jsを使用。オンエア中の随所にはさまれる割り込みアニメーションや、結果画面のスロット、紙吹雪の演出などアニメーションもりもり。各放送回のトンマナにより、7パターンのデザイン変更もある。

https://wholecakeisland.one-piece.com/

Image

ジャンプ誌面掲載
ジャンプ誌面掲載

Movie

Skill

D3.js / JavaScript / Canvas

Production Time

from September to October, 2017. (about 2months)

Reference

史上初!?『ワンピース』アニメ放送とスマホがリアルタイムで連動する、特設プレゼントキャンペーンがスタート!
『ワンピース』アニメ放送とスマホがリアルタイムで連動する、特設プレゼントキャンペーンサイトがオープン!
TVアニメ『ワンピース』、スマホとリアルタイムで連動する特設サイト開設

アニメ放送とスマホがリアルタイムで連動する特設サイトがオープン!10/1(日)秋の1時間スペシャルから豪華プレゼントキャンペーンがスタート!
10/1(日)9時開始「TV×スマホ連動キャンペーン」サイトが更にバージョンアップ!原作コミックス全巻セット ほか豪華プレゼントを大公開!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です