ドット絵がソースコード!? 20色で描かれたプログラミング言語「Piet」で文字を出力してみた!
ニコニコニュース / 2023年2月9日 11時50分
今回紹介するのは、PiKoRaさん投稿の『【プログラミング実況】きりたん、プログラムを「描く」【Piet】』という動画です。
投稿者メッセージ(動画説明文より)
ソースコードがドット絵になる、Pietという難読プログラミング言語をやっていきます。
世の中には様々なプログラミング言語が存在します。たとえば、C++やJava、BASICなどプログラミングを触ったことのない方でも、一度は聞いたことがあるかと思います。
そんなプログラミング言語の中で一風変わったモノが存在します。それは「Piet」です。
![ドット絵がソースコード!? 20色で描かれたプログラミング言語「Piet」で文字を出力してみた!](https://originalnews.nico/wp-content/uploads/2023/02/07141458/sm41718432_02.jpg)
一見ただのモザイクアートに見える画像ですが実はソースコードとなっています。今回はこのPietでプログラミングを行ないます。
![ドット絵がソースコード!? 20色で描かれたプログラミング言語「Piet」で文字を出力してみた!](https://originalnews.nico/wp-content/uploads/2023/02/07141458/sm41718432_03.jpg)
そもそも、このPietがどういう風に動いているのかというと、色のついたマスを時計回りにグルグルと回りながら移動先の色の代わり具合で命令を実行するという物です。
![ドット絵がソースコード!? 20色で描かれたプログラミング言語「Piet」で文字を出力してみた!](https://originalnews.nico/wp-content/uploads/2023/02/07141459/sm41718432_04.jpg)
Pietで使える配色は基本の6色に明暗各6色に加えて白黒2色の合計20色でコーディングしていくそうです。
これらを踏まえて実際に作っていきます。
![ドット絵がソースコード!? 20色で描かれたプログラミング言語「Piet」で文字を出力してみた!](https://originalnews.nico/wp-content/uploads/2023/02/07141500/sm41718432_05.jpg)
今回表示する文字列は投稿者の名前「PiKoRa」。文字列が決まったらそれぞれの文字の文字コードを調べます。
調べると「80 105 75 111 82 97」だと分かりました。
この数字をスタックにどう作っていくか考えます。
![ドット絵がソースコード!? 20色で描かれたプログラミング言語「Piet」で文字を出力してみた!](https://originalnews.nico/wp-content/uploads/2023/02/07141452/sm41718432_06.jpg)
設計図が完成したので、これを基に命令を考えながら色を置いていきます。
![ドット絵がソースコード!? 20色で描かれたプログラミング言語「Piet」で文字を出力してみた!](https://originalnews.nico/wp-content/uploads/2023/02/07141453/sm41718432_08.jpg)
試行錯誤しながら、マスに色を塗るPiKoRaさん。
![ドット絵がソースコード!? 20色で描かれたプログラミング言語「Piet」で文字を出力してみた!](https://originalnews.nico/wp-content/uploads/2023/02/07141454/sm41718432_09.jpg)
しかし問題が発生。このPietでは時計回りに色の判定を行なうのですが、進行方向とは別のマスに同じ色を配置してしまうと干渉して大変なことになります。今回だと下から2段目の左1個目のマスと2個目のマスが同じ色になっています。
この問題を解決するには、ある程度遡って色を調整しないといけません。
![ドット絵がソースコード!? 20色で描かれたプログラミング言語「Piet」で文字を出力してみた!](https://originalnews.nico/wp-content/uploads/2023/02/07141454/sm41718432_10.jpg)
修正したのがコチラ。しかし、ここでも問題が発生。先ほどは左のマスと干渉していたのですが、今度は下にあるマスと干渉してしまいました。
今回含め、様々な問題に悪戦苦闘しながらも地道に一つずつマス目を塗っていくPiKoRaさん。
![ドット絵がソースコード!? 20色で描かれたプログラミング言語「Piet」で文字を出力してみた!](https://originalnews.nico/wp-content/uploads/2023/02/07141455/sm41718432_12.jpg)
![ドット絵がソースコード!? 20色で描かれたプログラミング言語「Piet」で文字を出力してみた!](https://originalnews.nico/wp-content/uploads/2023/02/07141456/sm41718432_13.jpg)
様々な苦難を乗り越え無事完成に漕ぎつけるPiKoRaさん。アウトプットの場所にはしっかりと「PiKoRa」の文字が表示されています!
![ドット絵がソースコード!? 20色で描かれたプログラミング言語「Piet」で文字を出力してみた!](https://originalnews.nico/wp-content/uploads/2023/02/07141457/sm41718432_14.jpg)
ちなみに、余白は何を描いても大丈夫なので「Pi」の文字と干渉しない色を刻んでいるそうです。そんな色鮮やかなプログラミング言語であるPietの制作過程を見たい方は、ぜひ動画をご視聴ください!
視聴者のコメント
7を作るのは手間なことだけは分かった
くるくるー
これがビジュアルプログラミングですか(違う
▼動画はこちらから視聴できます▼
『【プログラミング実況】きりたん、プログラムを「描く」【Piet】』
―あわせて読みたい―
・【検証】話題のイラストAIはシンプルな“棒人間”を描くことができるのか? 奥の手を使って試行錯誤を繰り返すも「惜しい」「そうじゃない」という結果に
この記事に関連するニュース
-
初めての一人暮らしは1K20㎡台が人気! IKEAの万能ラックなどを活用したオシャレなインテリア3選
fudge.jp / 2024年7月11日 20時30分
-
【くもんのプログラミング教材】法人限定サブスクサービスを7月1日よりスタート!
共同通信PRワイヤー / 2024年7月1日 10時0分
-
老後の趣味で気軽に“塗り絵”を始めて1年後…… めきめき上達した70代女性の美麗な水彩画に「本当にすごい…」「感動です」
ねとらぼ / 2024年6月29日 22時0分
-
えぇ!神崎恵さん本当ですか?「年を取ると顔が下がり、唇も下がる」40代が今すぐやるべきこと
OTONA SALONE / 2024年6月27日 21時0分
-
Excelをノーコードで自動化しよう! パワークエリの教科書 第7回 「ステップ」と「M言語」の関係とは? エラー処理を理解する
マイナビニュース / 2024年6月24日 11時0分
ランキング
-
1『ポケモンGO』激レアな“3ひきかぞく”の条件が気になる!ワッカネズミ初登場の「一家団欒イベント」重要ポイントまとめ
インサイド / 2024年7月17日 0時0分
-
2Xの動画「勝手に次も再生される」を防ぐ裏ワザ
ITmedia NEWS / 2024年7月17日 8時30分
-
3「酔っていました」 MLBオールスターの国歌斉唱に「ひどい」と批判 歌手が謝罪
ねとらぼ / 2024年7月17日 10時5分
-
4iPhoneが海に落下...どうすれば? - いまさら聞けないiPhoneのなぜ
マイナビニュース / 2024年7月17日 11時15分
-
5グーグル「Chrome」深刻度“高”の脆弱性10件に対応するアップデート
ASCII.jp / 2024年7月17日 13時0分
記事ミッション中・・・
記事にリアクションする
![](/pc/img/mission/mission_close_icon.png)
記事ミッション中・・・
記事にリアクションする
![](/pc/img/mission/point-loading.png)
エラーが発生しました
ページを再読み込みして
ください
![](/pc/img/mission/mission_close_icon.png)