DNA Centerの3D Wireless Mapで「ぺこーら」こと「兎田ぺこら」をピクセルアートしてみたぺこ！

# はじめに
この記事はシスコの同志による Cisco Systems Japan Advent Calendar 2021 の 2枚目の 17日目 として投稿しました。今年もカレンダーが２つあります！！
2021年版(1枚目): https://qiita.com/advent-calendar/2021/cisco
2021年版(2枚目): https://qiita.com/advent-calendar/2021/cisco2
2020年版(1枚目): https://qiita.com/advent-calendar/2020/cisco
2020年版(2枚目): https://qiita.com/advent-calendar/2020/cisco2
2019年版: https://qiita.com/advent-calendar/2019/cisco
2018年版: https://qiita.com/advent-calendar/2018/cisco
2017年版: https://qiita.com/advent-calendar/2017/cisco


# 記事概要
Cisco DNA Centerでは無線のアクセスポイントの電波状況を可視化するヒートマップと呼ばれる機能をサポートしています。
![101.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2334082/eb2f2635-0f67-9ee8-7653-687464bf8aec.png)

最新のバージョン2.2.3.3ではこのヒートマップを3Dで表現できるようになりました！
![3d_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2334082/32dd3b61-89a3-10ec-14b2-19be02908b65.png)

ヒートマップにおいて、電波状況の可視化の精度を高めるためには、ヒートマップ上に壁や棚などの電波を妨げる障害物を配置する必要があります。
![102.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2334082/5eb5f1c9-0f16-7204-18b2-b59f301b7231.png)

3Dマップ上では、これらの障害物も3次元で可視化されます。
![103.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2334082/946c88bf-9728-13e8-52c8-c87486f66949.png)

仕事でヒートマップを色々触っていたところ、棚オブジェクトの縦と横の長さを同じにすることで、ピクセルアートみたいなことができることに気が付いてしまいましたぺこ！
![104.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2334082/ee855f22-d922-cf14-1bb6-03342885fe9d.png)

なので、今回はDNA Centerのヒートマップ上で「ぺこーら」こと「兎田ぺこら」をピクセルアートして、ぺこーらに日々の感謝を伝えるぺこ！
<br>

# 事前準備1(機材の準備)
最初にEbayでDNA Centerを落札するぺこ。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">これが福沢諭吉60人分のサーバ。。。てか、DNA Centerが自宅にあるよ。。。最高！ <a href="https://t.co/Tvr09pIqF0">pic.twitter.com/Tvr09pIqF0</a></p>&mdash; ゆう (@you_184) <a href="https://twitter.com/you_184/status/1431211502141272081?ref_src=twsrc%5Etfw">August 27, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<br>  
DNA Centerの起動、動作確認が完了したら、APとかもろもろ落札するぺこ。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">3台目のCatalyst 9300を入手。。。(もちろん自腹)<br>これで、LAN Automationの検証には困らないはず！？ <a href="https://t.co/TvjGVeJstW">pic.twitter.com/TvjGVeJstW</a></p>&mdash; ゆう (@you_184) <a href="https://twitter.com/you_184/status/1470703397599088646?ref_src=twsrc%5Etfw">December 14, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<br>

# 事前準備2(色の追加)
デフォルトだと、2色分の棚オブジェクトしかないぺこ。。。これだとぺこーらを表現できないので、棚オブジェクトを追加するぺこ！
![105.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2334082/12b9549f-39f8-6a18-3915-fbf990c013c9.png)
<br>

# ピクセルアートの作成
あとは手作業で棚オブジェクトを置くだけぺこ！　こ、これは、ふっ...ふつくしいっ...ぺこ！
![005.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2334082/a353723d-72c6-218a-7959-6b95a566d81b.png)
<br>

# 3Dマップでの描画
これはもう、「ユニバーサル大回転ぺこぺこの舞₍ ◝('ω')◟ ⁾⁾₍₍ ◝('ω')◜ ₎₎」だぺこ！
![006.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2334082/50960db8-b1bc-d123-bee2-b12511b8ae2a.png)

![007.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2334082/9c7c3fc8-d793-c35e-6f26-e48aaa9ff33b.png)

![008.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2334082/da245a7a-fb62-55ae-0509-b8ed54bcd42e.png)
<br>

# 最後に
是非皆様も会社のDNA Centerのヒートマップ上に推しのVTuberをピクセルアートしてみてください！





# 免責事項
本サイトおよび対応するコメントにおいて表明される意見は、投稿者本人の個人的意見であり、シスコの意見ではありません。本サイトの内容は、情報の提供のみを目的として掲載されており、シスコや他の関係者による推奨や表明を目的としたものではありません。各利用者は、本Webサイトへの掲載により、投稿、リンクその他の方法でアップロードした全ての情報の内容に対して全責任を負い、本Web サイトの利用に関するあらゆる責任からシスコを免責することに同意したものとします。