ARTICLE【Unity】Bloom(ブルーム)を使いこなすと世界が変わるHOME小ネタボクセルアートでニキシー管を作りました【MagicaVoxel】ボクセルアートでニキシー管を作りました【MagicaVoxel】2019.09.09小ネタボクセルアート休日に何か普段と違うことできないかなーと思い立ち、ボクセルアートでニキシー管を作ることに。ニキシー管とは、電流を流すと中の電極に数字がオレンジで浮き出るガラス管のこと。最近ではあまり実用されていませんが、シュタインズゲートをやったことのある人だったらダイバージェンスメーターとしておなじみですね。このニキシー管はレトロアートとして人気で、ニキシー管の時計を自作する人もいます。今回はそんなニキシー管をボクセルアートで作って、雰囲気だけでも感じてみようという企画です。レンダリングはMagicaVoxelの中で行うので、Unityの技術ブログなのにUnityは使いません。0.99.4MagicaVoxelについてMagicaVoxelはボクセルアートを作成できるツールで、無料で使うことができます。WindowsとMacの両方で使うことができるので気軽に始められておすすめ。概要やインストール方法は以下の記事で紹介しているのでよかったらこちらもご覧ください。pocketsボクセルアートもっと流行れと願いを込めてMagicaVoxelの導入手順https://ekulabo.com/install-magica-voxelボクセルアートにハマったので、もっと流行って欲しいという願いを込めて超便利ツールのMagicaVoxelの導入手順をご紹介。無料で使えてかつ多機能なツールなので、入門編として使うのにぴったりです。完成品はこちら早く見て欲しいのでいきなり完成品を載せます。ボクセルアートでニキシー管MagicaVoxel内のオブジェクトはレイヤー分けできるので、ガラス部分、数字部分、ニキシー管の電極部分、土台の4レイヤーに分けています。光らせる数字で使うため、オレンジ色のマテリアル設定でEmissionを設定しました。数字同士は上の画像のように重なっていて、光らせない数字についてはGlassのマテリアル設定を入れてほぼ透明にしちゃいました。実際のニキシー管でも光っていない数字の電極はほとんど見えないのでOKにしちゃいます。数字部分の後ろの壁や、上の電極部分にはMetalのマテリアル設定を入れて光が反射するようにしました。この辺りのマテリアル設定はUnityで慣れている分、設定しやすかったです。マテリアル設定が無い状態だと、以下の画像のようになります。編集中はこの状態なので、ガラス部分を別レイヤーにして表示/非表示を切り替えながら中の数字を変更しています。マテリアル設定の有無で思いっきりイメージが変わりますね。編集画面はこんな感じ上の大きな画像では暗くしていたので、こちらは空を明るくしてちょっとズームしました。明るいとニキシー管のガラス部分がちょっと見やすくなりますね。ボクセルで作ってあることもお分かりいただけると思います。ガラスにボクセルの名残がガラスは高さが126を超えてしまったので、2つのオブジェクトを並べてひとつに見えるように配置しました。大きなサイズで作成すると細かい表現も可能になって、よりボクセルアートが楽しめます。褒めてもらいたいのが、数字の電極の前にいる網目模様の部分。実際のニキシー管でもこうした網目があるのですが、数字の発光を邪魔しないようにどう表現するか悩みました。単純に細くするだけでは網感が無いし......と悩んだ結果、Glassのマテリアル設定を入れて透過させることに。個人的にこの網目はニキシー管らしさを表現するのに外せなかったので、いい感じにできたと思います(自画自賛)アニメーションもできるせっかく素材ができたので、アニメーションも作ってみました。アニメーションも作れます(手動)1枚1枚数字を変えてレンダリングしたものを画像として書き出し、それを動画編集ソフトで組み合わせました。8はどこだ?」という感じで重なった数字から目的の数字を見つけ出すのも結構骨が折れます。この辺をスクリプトで処理を書けたらいいなぁ。MagicaVoxelではライティングもやってくれるので、土台への映り込みもいい感じですね。1のように細い電極だと光はちょっと弱め、8のように面積が大きい電極だと光が強くなっています。ボクセルアーティストの皆様は、今私がやったように「ここが大変だったぜ〜すごいだろ〜?」なんてやらずに作品で語るので頭が上がりません。いつかそうなりたいものです。この記事を見たあなたも、身の回りにある好きなものをボクセルにしてみてね。良いボクセルライフを。ゲーム開発の攻略チャートを作りました!「ゲームを作ってみたいけど、何から手を付けていいか分からない!」そんなお悩みをお持ちの方向けに、todoがアプリをリリースした経験を中心に、ゲーム作りの手順や考慮すべき点をまとめたe-bookを作成しました。ゲーム作りはそれ自体がゲームのように楽しいプロセスなので、「攻略チャート」と名付けています。投稿一覧Unityを使ってアプリを作ったり、Assetを作ったりしてる個人開発者。Unity全般ネタとAsset開発の情報を扱っています。Asset開発は日本語の情報が少ないのよね。ことで些細なネタでも情報を蓄積するのが目的です。2019.07.26たったひとつのアイディアが世界を変える......なんてこともあるので、アイディアが思い浮かぶ場所を考えてみるのも大事です。脳内でゲームを遊んでおくと、面白さのポイントが分かったり、プレイヤー視点のゲーム作りが可能になります。2019.03.17QRコードでアプリストアへのリンクを提供する方法を紹介。3ステップでQRコードを作成できるので、アプリストアのバッジと一緒にQRコードも並べてみるとD[...]技術ブログだって一年の振り返りをしたっていいじゃない。2018.12.31PDCAのC的な位置付けで、自分自身の活動を振り返ります。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。todoUnityのアセットを作ったり、スマホ向けのアプリを作っています。このブログではUnity初心者に向けたチュートリアルやテクニックを放出しています。詳しいプロフィールはこちら。お仕事の相談や現在提供中のサービスについては、こちらの『サービス内容』のページをご覧ください。Explorers_todoオンライントレーニングのサイトをオープン!エクスプラボを運営しているtodoが、より集中的にゲーム作りについて学べるオンライントレーニングのサイトをオープンしました。エクスプラボのトレーニングルーム』です。勉強したことの進捗も表示できるようになっているので、どれだけ頑張ったのかが分かるようになっています。ゲーム開発の攻略チャート』というe-bookをプレゼントしています。メルマガではゲーム開発のテクニックを中心に役立つ情報をお届けします。詳しくはこちら!お仕事の依頼はこちら!ゲーム開発のサポートも可能!エクスプラボではゲーム開発のサポートのサービスも行なっています。いう場合にオススメのプランです。普通に開発依頼をいただいてもOKです。【Unity】ポストプロセシングを使って簡単にプロっぽいゲーム画面を作るゲームの作り方を学べるオンライン講座のサイトをオープンしました!【ゲーム開発】ゲーム開発者こそ体を動かしてアイディアを出すべきRANKING【Unity】Mathfの切り上げ、切り捨て、偶数丸め。使い分けが大事よねMathf【Unity】ゲームといえばランダム要素。(12)作ったアプリ空とにゃんこと風船と癒し系縦スクロール避けゲーの『空とにゃんこと風船と』(TODOWORKS名義でリリース)気軽に遊べるスマートフォン向けアプリです。ボクセルアートで彩られるどこかレトロ、でも新しい世界で癒されてみませんか?ぼく、猫ですって!タップ系RPG『ぼく、猫ですって!』(TODOWORKS名義でリリース)気軽に遊べるスマホRPG。