ドット絵とは
ドット絵は昔のゲームやアニメーションで使用されていた画像の表示方法のことです。マスの点を塗り分けることで絵のように見せる手法で、Excelで作成することも可能です。
本質的な使い方とは違いますが、今回はTableauでドット絵アニメーションをつくってみました。
ドット絵をつくってみよう
まずデータの準備ですが下記のようなデータを用意します。今回は16マス×16マスの塗りつぶしで表現しようと思います。
データの準備ができたら、これをTableauに接続し、下記のように設定します。

あとはいくつかの塗りつぶしパターンのデータを用意し、ダッシュボードに表示すれば完成です。
「データに動きを!Tableauのページ機能を使ってみた」で紹介したページ機能を使うと、ボタンでアニメーション表示ができるようになります。

まとめ
本質的な用途ではありませんが、今回はTableauを使ってドット絵アニメーションをつくってみました。こうした表現が自由にできるのもTableauならではですね。
みなさんもぜひやってみてください!
Tableau Public 「Tableau Pixcel Art」
わたしの場合は、自分の好奇心はどこに向いていて次に何を訊いたら、いろんな読者の方たちが面白いと思ってくれるだろうかと思いながらいつもやっているんです。
- 岩田 聡 -
- 岩田 聡 -
ドット絵は昔のゲームやアニメーションで使用されていた画像の表示方法のことです。マスの点を塗り分けることで絵のように見せる手法で、Excelで作成することも可能です。
本質的な使い方とは違いますが、今回はTableauでドット絵アニメーションをつくってみました。
ドット絵をつくってみよう
まずデータの準備ですが下記のようなデータを用意します。今回は16マス×16マスの塗りつぶしで表現しようと思います。
| page | column_num | row_num | color |
| 1 | 1 | 1 | w |
| 1 | 1 | 2 | w |
| 1 | 1 | 3 | w |
| 1 | 1 | 4 | w |
| 1 | 1 | 5 | w |
| 1 | 1 | 6 | w |
| 1 | 1 | 7 | w |
| 1 | 1 | 8 | w |
| 1 | 1 | 9 | w |
| 1 | 1 | 10 | w |
| 1 | 1 | 11 | w |
| 1 | 1 | 12 | w |
| 1 | 1 | 13 | w |
| 1 | 1 | 14 | w |
| 1 | 1 | 15 | w |
| 1 | 1 | 16 | w |
データの準備ができたら、これをTableauに接続し、下記のように設定します。

あとはいくつかの塗りつぶしパターンのデータを用意し、ダッシュボードに表示すれば完成です。
「データに動きを!Tableauのページ機能を使ってみた」で紹介したページ機能を使うと、ボタンでアニメーション表示ができるようになります。

まとめ
本質的な用途ではありませんが、今回はTableauを使ってドット絵アニメーションをつくってみました。こうした表現が自由にできるのもTableauならではですね。
みなさんもぜひやってみてください!
Tableau Public 「Tableau Pixcel Art」

コメント