Pico Display Pack 2.8"でst7789_mpyライブラリを使用して文字と画像の表示などに挑戦してみましたの続編です。
![](https://static.wixstatic.com/media/85c204_ef1932649258432e8d546548195606ff~mv2.png/v1/fill/w_788,h_462,al_c,q_90,enc_auto/85c204_ef1932649258432e8d546548195606ff~mv2.png)
動かくまでの設定方法や使用しているライブラリーについては下記の記事をご参照ください。
今回は、季節のイベントの画像を中心に出力してみました。
プログラム その1 pngの表示①
png.pyのサンプルプログラムベースに作成しています。
画像の下記のものを使用しています。
![](https://static.wixstatic.com/media/85c204_bde8d941f538484aaaba9b8abd8cad15~mv2.png/v1/fill/w_980,h_677,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_bde8d941f538484aaaba9b8abd8cad15~mv2.png)
今回は画像サイズがちょうどいいものがなかったので、下記のサイトでリサイズしています。
![](https://static.wixstatic.com/media/85c204_aac25c0a4b2b477684bde97a9b2c9095~mv2.png/v1/fill/w_980,h_441,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_aac25c0a4b2b477684bde97a9b2c9095~mv2.png)
![](https://static.wixstatic.com/media/85c204_4b967dcdd60f41b0ae4e01185d8520e3~mv2.png/v1/fill/w_980,h_437,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_4b967dcdd60f41b0ae4e01185d8520e3~mv2.png)
ファイル名を「Kagami-mochi-320x240.png」としてファイルのアップロードします。
※320x240の部分は画像のサイズではなくディスプレイのサイズを記入します。
ファイルのアップロード仕方は下記の通りです。
①表示 > ファイルにチェックを入れます。
![](https://static.wixstatic.com/media/85c204_fa1ac0069eb04f3aa3e59f3911a43116~mv2.png/v1/fill/w_413,h_582,al_c,q_85,enc_auto/85c204_fa1ac0069eb04f3aa3e59f3911a43116~mv2.png)
②このコンピュータ側のフォルダの場所をアップロードしたい画像が保存してある場所に指定した後、アップロードしたいファイルを右クリック > /をアップロードを選択します。
![](https://static.wixstatic.com/media/85c204_8bf2a6d4203c41c7bd34261479f0823d~mv2.png/v1/fill/w_432,h_589,al_c,q_85,enc_auto/85c204_8bf2a6d4203c41c7bd34261479f0823d~mv2.png)
実行結果は下記の通りです。
![](https://static.wixstatic.com/media/85c204_49588e29ead647fe8622715532055722~mv2.png/v1/fill/w_980,h_727,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_49588e29ead647fe8622715532055722~mv2.png)
プログラム その2 pngのスライドショー①
その1と同様にpng.pyのサンプルプログラムベースに作成しています。
画像は下記のものを使用しました。
①ファイル名「Kagami-mochi-320x240.png」
![](https://static.wixstatic.com/media/85c204_bde8d941f538484aaaba9b8abd8cad15~mv2.png/v1/fill/w_980,h_677,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_bde8d941f538484aaaba9b8abd8cad15~mv2.png)
②ファイル名「Kadomatsu-320x240.png」
![](https://static.wixstatic.com/media/85c204_a7e09cc4e9ac4e1683e7b593c637ebbd~mv2.png/v1/fill/w_980,h_695,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_a7e09cc4e9ac4e1683e7b593c637ebbd~mv2.png)
③ファイル名「Shimekazari-320x240.png」
![](https://static.wixstatic.com/media/85c204_ebb5f089527b49e0b3017478e749a50f~mv2.png/v1/fill/w_980,h_666,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_ebb5f089527b49e0b3017478e749a50f~mv2.png)
④ファイル名「Hagoita-320x240.png]
![](https://static.wixstatic.com/media/85c204_3c33490549bb48578280dcda610055de~mv2.png/v1/fill/w_980,h_703,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_3c33490549bb48578280dcda610055de~mv2.png)
画像をダウンロードした後はプログラム その1の方法と同様に画像サイズの変更を行った後にアップロードする必要があります。
実行結果は下記の通りです。
プログラム その3 pngの表示②
その1と同様にpng.pyのサンプルプログラムベースに作成しています。
画像の下記のものを使用しています。
![](https://static.wixstatic.com/media/85c204_461dd65aed8c4dcea7f461c2322bcdd7~mv2.png/v1/fill/w_980,h_437,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_461dd65aed8c4dcea7f461c2322bcdd7~mv2.png)
画像をダウンロードした後はプログラム その1の方法と同様に画像サイズの変更を行います。今回は下記の比率で行いました。
![](https://static.wixstatic.com/media/85c204_e5c904b52bf146c6b789582c9a0cd2ee~mv2.png/v1/fill/w_980,h_442,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_e5c904b52bf146c6b789582c9a0cd2ee~mv2.png)
画像のサイズを変更したらファイル名を「eto_mi_1-320x240.png」として、その1と同様にアップロードする必要があります。
実行結果は下記の通りです。
![](https://static.wixstatic.com/media/85c204_2bfdfa3b5e984ccf91caaf41d8925bf2~mv2.png/v1/fill/w_980,h_735,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_2bfdfa3b5e984ccf91caaf41d8925bf2~mv2.png)
プログラム その4 pngの表示③
その1と同様にpng.pyのサンプルプログラムベースに作成しています。
画像の下記のものを使用しています。
![](https://static.wixstatic.com/media/85c204_2207f0c79e4e4772994cb960d3b4181a~mv2.png/v1/fill/w_967,h_627,al_c,q_90,enc_auto/85c204_2207f0c79e4e4772994cb960d3b4181a~mv2.png)
画像をダウンロードした後はプログラム その1の方法と同様に画像サイズの変更を行います。今回は下記の比率で行いました。
![](https://static.wixstatic.com/media/85c204_0d8b2368d4ba44d287d6657d8a9d5dd3~mv2.png/v1/fill/w_980,h_435,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_0d8b2368d4ba44d287d6657d8a9d5dd3~mv2.png)
画像のサイズを変更したらファイル名を「Setsubun-320x240.png」として、その1と同様にアップロードする必要があります。
実行結果は下記の通りです。
![](https://static.wixstatic.com/media/85c204_1dc512cfb7af49768fc2c405abe65edd~mv2.png/v1/fill/w_980,h_727,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_1dc512cfb7af49768fc2c405abe65edd~mv2.png)
プログラム その5 pngの表示④
その1と同様にpng.pyのサンプルプログラムベースに作成しています。
画像の下記のものを使用しています。
![](https://static.wixstatic.com/media/85c204_6ad3369bf54c4041a094c17fcdf37996~mv2.png/v1/fill/w_860,h_808,al_c,q_90,enc_auto/85c204_6ad3369bf54c4041a094c17fcdf37996~mv2.png)
画像をダウンロードした後はプログラム その1の方法と同様に画像サイズの変更を行います。今回は下記の比率で行いました。
![](https://static.wixstatic.com/media/85c204_66cdbd47539e4605adfbd1b6296aa32c~mv2.png/v1/fill/w_980,h_441,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_66cdbd47539e4605adfbd1b6296aa32c~mv2.png)
画像のサイズを変更したらファイル名を「Hinaningyo_1-320x240.png」として、その1と同様にアップロードする必要があります。
実行結果は下記の通りです。
![](https://static.wixstatic.com/media/85c204_6a365f8dc90248e68042ad60c1d89920~mv2.png/v1/fill/w_980,h_726,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_6a365f8dc90248e68042ad60c1d89920~mv2.png)
プログラム その6 pngのスライドショー②
その1と同様にpng.pyのサンプルプログラムベースに作成しています。
画像は下記のものを使用しました。
①ファイル名「Hinaningyo_2-320x240.png」
![](https://static.wixstatic.com/media/85c204_b9973a278a114d73a86b8937c319c763~mv2.png/v1/fill/w_980,h_686,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_b9973a278a114d73a86b8937c319c763~mv2.png)
②ファイル名「Hishi-mochi-320x240.png」
![](https://static.wixstatic.com/media/85c204_16f7706c399e43c2b7376236e301abf5~mv2.png/v1/fill/w_980,h_675,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_16f7706c399e43c2b7376236e301abf5~mv2.png)
③ファイル名「Sakura-mochi-320x240.png」
![](https://static.wixstatic.com/media/85c204_42056650faaa4d5aa1d5a6ba50319614~mv2.png/v1/fill/w_980,h_709,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_42056650faaa4d5aa1d5a6ba50319614~mv2.png)
④ファイル名「Hina-arare-320x240.png」
![](https://static.wixstatic.com/media/85c204_27411787b370448b80cea638d5a2df83~mv2.png/v1/fill/w_980,h_685,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_27411787b370448b80cea638d5a2df83~mv2.png)
⑤ファイル名「Sanshoku-dango-320x240.png」
![](https://static.wixstatic.com/media/85c204_728a31c3f69849ea9a7ef8156019c1b4~mv2.png/v1/fill/w_980,h_660,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_728a31c3f69849ea9a7ef8156019c1b4~mv2.png)
画像をダウンロードした後はプログラム その1の方法と同様に画像サイズの変更を行います。今回は下記の比率で行いました。
![](https://static.wixstatic.com/media/85c204_91b82c882db5466ea2c20a4a67549f14~mv2.png/v1/fill/w_980,h_436,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_91b82c882db5466ea2c20a4a67549f14~mv2.png)
実行結果は下記の通りです。
プログラム その7 pngの表示⑤
その1と同様にpng.pyのサンプルプログラムベースに作成しています。
画像の下記のものを使用しています。
![](https://static.wixstatic.com/media/85c204_cb752c575cfa4df9b3f3f3733cc5cc41~mv2.png/v1/fill/w_980,h_706,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_cb752c575cfa4df9b3f3f3733cc5cc41~mv2.png)
画像をダウンロードした後はプログラム その1の方法と同様に画像サイズの変更を行います。今回は下記の比率で行いました。
![](https://static.wixstatic.com/media/85c204_f1f44dfb9ee6499282bff943b747aaee~mv2.png/v1/fill/w_980,h_442,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_f1f44dfb9ee6499282bff943b747aaee~mv2.png)
画像のサイズを変更したらファイル名を「koinobor_1-320x240.png」として、その1と同様にアップロードする必要があります。
実行結果は下記の通りです。
![](https://static.wixstatic.com/media/85c204_b7ccb092a8694beeb8c750406cd1827a~mv2.png/v1/fill/w_980,h_726,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_b7ccb092a8694beeb8c750406cd1827a~mv2.png)
プログラム その8 pngの表示⑥
その1と同様にpng.pyのサンプルプログラムベースに作成しています。
画像の下記のものを使用しています。
![](https://static.wixstatic.com/media/85c204_09d8a4f0f3904a96ae0aeebec7b1db0f~mv2.png/v1/fill/w_980,h_683,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_09d8a4f0f3904a96ae0aeebec7b1db0f~mv2.png)
画像をダウンロードした後はプログラム その1の方法と同様に画像サイズの変更を行います。今回は下記の比率で行いました。
![](https://static.wixstatic.com/media/85c204_6c15fc4b49b1447980b1a9e31e0d14fd~mv2.png/v1/fill/w_980,h_438,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_6c15fc4b49b1447980b1a9e31e0d14fd~mv2.png)
画像のサイズを変更したらファイル名を「Tanzaku_1-320x240.png」として、その1と同様にアップロードする必要があります。
実行結果は下記の通りです。
![](https://static.wixstatic.com/media/85c204_743960f6bd35496d8d579c6351d09ba1~mv2.png/v1/fill/w_980,h_726,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_743960f6bd35496d8d579c6351d09ba1~mv2.png)
プログラム その9 pngの表示⑦
その1と同様にpng.pyのサンプルプログラムベースに作成しています。
画像の下記のものを使用しています。
![](https://static.wixstatic.com/media/85c204_62bf04f685ac4146abc564661fb6e58c~mv2.png/v1/fill/w_980,h_622,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_62bf04f685ac4146abc564661fb6e58c~mv2.png)
画像をダウンロードした後はプログラム その1の方法と同様に画像サイズの変更を行います。今回は下記の比率で行いました。
![](https://static.wixstatic.com/media/85c204_c759da5af67e47a9a5877584f2ce075a~mv2.png/v1/fill/w_980,h_443,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_c759da5af67e47a9a5877584f2ce075a~mv2.png)
画像のサイズを変更したらファイル名を「Halloween_1-320x240.png」として、その1と同様にアップロードする必要があります。
実行結果は下記の通りです。
![](https://static.wixstatic.com/media/85c204_a47acaf3e7ba440eacfe808d913a559d~mv2.png/v1/fill/w_980,h_726,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_a47acaf3e7ba440eacfe808d913a559d~mv2.png)
プログラム その10 pngの表示⑧
その1と同様にpng.pyのサンプルプログラムベースに作成しています。
画像の下記のものを使用しています。
![](https://static.wixstatic.com/media/85c204_ce36a5d090484ed3b5c41e715cd2a6ad~mv2.png/v1/fill/w_868,h_816,al_c,q_90,enc_auto/85c204_ce36a5d090484ed3b5c41e715cd2a6ad~mv2.png)
画像をダウンロードした後はプログラム その1の方法と同様に画像サイズの変更を行います。今回は下記の比率で行いました。
![](https://static.wixstatic.com/media/85c204_435abf4aa0a1412a8d972dc00c3388b7~mv2.png/v1/fill/w_980,h_434,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_435abf4aa0a1412a8d972dc00c3388b7~mv2.png)
画像のサイズを変更したらファイル名を「Halloween_1-320x240.png」として、その1と同様にアップロードする必要があります。
実行結果は下記の通りです。
![](https://static.wixstatic.com/media/85c204_1d3a4924a0834cc09a88f7ad50959f5e~mv2.png/v1/fill/w_980,h_727,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_1d3a4924a0834cc09a88f7ad50959f5e~mv2.png)
プログラム その11 pngの表示⑨
その1と同様にpng.pyのサンプルプログラムベースに作成しています。
画像の下記のものを使用しています。
![](https://static.wixstatic.com/media/85c204_b8a38cbda68b49a0a0c4174350d01749~mv2.png/v1/fill/w_770,h_822,al_c,q_90,enc_auto/85c204_b8a38cbda68b49a0a0c4174350d01749~mv2.png)
画像をダウンロードした後はプログラム その1の方法と同様に画像サイズの変更を行います。今回は下記の比率で行いました。
![](https://static.wixstatic.com/media/85c204_41acc14b08fc4ce1816fc71dd61dd231~mv2.png/v1/fill/w_980,h_434,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_41acc14b08fc4ce1816fc71dd61dd231~mv2.png)
画像のサイズを変更したらファイル名を「Christmas_Tree_2-320x240.png」として、その1と同様にアップロードする必要があります。
実行結果は下記の通りです。
![](https://static.wixstatic.com/media/85c204_bb452b1a4eb7463eb9de9e3fd3e925ab~mv2.png/v1/fill/w_980,h_726,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_bb452b1a4eb7463eb9de9e3fd3e925ab~mv2.png)
プログラム その12 pngの表示⑩
その1と同様にpng.pyのサンプルプログラムベースに作成しています。
画像の下記のものを使用しています。
![](https://static.wixstatic.com/media/85c204_0c8420f30f5f4bd38729b6dcfe4ab756~mv2.png/v1/fill/w_980,h_451,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_0c8420f30f5f4bd38729b6dcfe4ab756~mv2.png)
画像をダウンロードした後はプログラム その1の方法と同様に画像サイズの変更を行います。今回は下記の比率で行いました。
![](https://static.wixstatic.com/media/85c204_72de99364d7846f98264e58ac819bd8d~mv2.png/v1/fill/w_980,h_446,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_72de99364d7846f98264e58ac819bd8d~mv2.png)
画像のサイズを変更したらファイル名を「Joyanokane-320x240.png」として、その1と同様にアップロードする必要があります。
実行結果は下記の通りです。
![](https://static.wixstatic.com/media/85c204_4d380f85317f46f1b9c923a930b8e3f2~mv2.png/v1/fill/w_980,h_727,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_4d380f85317f46f1b9c923a930b8e3f2~mv2.png)
プログラム その13 動きを付けたpngの表示
その1と同様にpng.pyのサンプルプログラムベースに作成しています。
画像の下記のものを使用しています。
![](https://static.wixstatic.com/media/85c204_fa63e324d16547748c8a0f17fa792bca~mv2.png/v1/fill/w_890,h_740,al_c,q_90,enc_auto/85c204_fa63e324d16547748c8a0f17fa792bca~mv2.png)
画像をダウンロードした後はプログラム その1の方法と同様に画像サイズの変更を行います。今回は下記の比率で行いました。
![](https://static.wixstatic.com/media/85c204_712555726e254da3bb497ea3914b4e77~mv2.png/v1/fill/w_980,h_435,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/85c204_712555726e254da3bb497ea3914b4e77~mv2.png)
画像のサイズを変更したらファイル名を「Car_1-320x240.png」として、その1と同様にアップロードする必要があります。
実行結果は下記の通りです。
参考にさせていただいた記事
・nomolkのブログ
Aliexpressで買える安くて小さい液晶(ST7789搭載)の使い方(Raspberry Pi Pico編)
・Github st7789py_mpy
・st7789py Documents
Comments