Webツール「irokuzu tile」の30秒紹介動画

irokuzu tileは、ブラウザでパターンのお絵描きができるWebツールです。六角形ひとつに線を引くと万華鏡のように対称に増えて画面いっぱいの模様に広がり、並べ方を選んでつなぎ目のない柄として書き出せます。登録をしなくてもすぐに描き始められます。

0〜3秒　ワードマークの札と検索窓が出て、「自分で模様を描きたい」と打たれます。

3〜7秒　「タイル柄 作り方」と打たれ、始めるまでが長い架空の検索結果3枚に斜線が引かれます。

7〜11.5秒　「柄 つなぎ目 ずれる」と打たれ、切り紙のタイル8枚が段々にずれて並び、継ぎ目を囲みます。

11.5〜16秒　「左右対称 きれいに 描けない」と打たれ、不揃いな花びらを1枚ずつ置いて対称の軸を引きます。

16〜20秒　「パターン お絵描き ブラウザ 登録なし」と打たれ、公式の結果カードをクリックして寄ります。

20〜23秒　実際の描く画面で線を引く途中のコマが続いて描き終えた模様になり、kaleidoを囲んで「六角形ひとつに描くだけ」と出ます。

23〜26秒　ARRANGEのTilingとEXPORTのSeamless tileを順に囲み、「つなぎ目のない柄で書き出す」と出ます。

26〜30秒　ワードマークと「登録なし」の文字、tile.irokuzu.comとともに、描いた模様の窓にゆっくり寄って締めます。

サイトに画像のアイコンがないため、ヘッダーの「irokuzu tile」の文字を撮ってワードマークの札にしました。窓の外は深い苔色の地に六角形の格子を敷き、差し色は製品のGardenのパレットから取って、小道具を切り紙のコマ撮りで動かしています。場面のつなぎは六角形のタイルが左から裏返って覆う形にし、製品の画面は自分で線を描いて撮ったもので他の利用者の作品は使っていません。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。