-
- いいね！0
robo8080
@robo8080
メモ：M5Stack Avatarでビットマップ画像の顔パーツを表示する - Qiita qiita.com/meganetaaan/it…
2019-03-24 15:54:02
robo8080
@robo8080
M5Stack でTFT_eSprite::pushImage を使いたいのだがjpgファイルを565 colorデータに変換する方法が分からない😆
2019-03-24 20:43:05
robo8080
@robo8080
目と口のスプライトに画像を貼り付けられれば新たなアバターが…🤔 #M5Stack pic.twitter.com/54cBXhv60o
2019-03-24 21:06:25
拡大
ｍはげ
@Tw_Mhage
@robo8080 @ciniml 参考です。Gimpで画像ファイルをCソースコードとしてエクスポートできます。 pic.twitter.com/r2EGNj3fmp
2019-03-24 21:49:41
拡大
robo8080
@robo8080
これだ! こういうデータを画像ファイルから作りたいのだがやり方がわからない。自分で作るしかないか…🤔 #M5Stack：bmp_map.c github.com/m5stack/M5-Tes…
2019-03-25 07:22:10
Nochi（ﾄﾞｳｽﾙ?▮）
@shikarunochi
@robo8080 Python環境がありましたら、公式GitHubのこちらのツールで行けると思いますー。 github.com/m5stack/M5Stac…
2019-03-25 08:33:09
Nochi（ﾄﾞｳｽﾙ?▮）
@shikarunochi
@robo8080 あっ、これは単にjpegをCの配列にするだけのツールでした…。 pushImageで使うBMP生成用じゃなかったですね。すいません。
2019-03-25 08:54:43
TEAM_REDHERRING
@TEAM_REDHERRING
@robo8080 恐らく。ただ、一寸試した所、上下反転しているかもしれません。 ちなみに、私は自前でツールを作って使っています(8bit専用で、データ上の制限もあり、人様に御見せできるものではありませんが)。
2019-03-25 09:52:44
Nochi（ﾄﾞｳｽﾙ?▮）
@shikarunochi
@robo8080 ソース上にbmpデータの配列を持たなくても、jpegファイル読み込んでデコードしてメモリ上でBITMAPに展開しておいて、それを任意のタイミングでpushImageとかできそうですよね。
2019-03-25 14:20:46
robo8080
@robo8080
jpgー＞rgb565データ変換、これのシリアル出力しいている所にちょっと手を加えればできそう。 github.com/MakotoKurauchi…
2019-03-25 15:59:24
c.mos
@c_mos
#M5Stack JPEG/PNG等をpushImage用のcolor565配列に変換するJavaツールを上げときました。手抜きで透過色は決め打ちｗ github.com/vcraftjp/M5Sta…
2019-03-25 17:34:56
tobozo
@TobozoTagada
@robo8080 jpg needs to be byte data, not rgb 1) use "xxd" from the command line ss64.com/osx/xxd.html e.g. xxd -i foo.jpg > foo.jpg.h 2) use it a "jpeg data" with tft.drawJpeg( foo_jpg, foo_jpg_len, x, y, width, height )
2019-03-26 16:29:18
tobozo
@TobozoTagada
@robo8080 true, you may need a wrapper github.com/tobozo/ESP32-A…
2019-03-26 16:54:37
robo8080
@robo8080
いろいろな方々のアドバイスを参考にpythonで"jpgー＞rgb565データ"変換を作ってみた。ちゃんと表示出るかな〜🤔まだ試してはいない😆 #M5Stack pic.twitter.com/POY0mH8uLf
2019-03-26 16:19:51
拡大
拡大
しんしん
@zinziroge
@robo8080 最初なんで省略してるかも＆細かいですが、int()で丸めると5bit or 6bitに対して平均0.5暗くなってしまいます。m5stackのLCDだと比較してもわからないかもしれませんが😆
2019-03-26 18:18:10
robo8080
@robo8080
M5Stack-Avatar 柴Face できた〜〜😍 スプライトに画像を貼り付けて背景画像に重ねて表示している。 #M5Stack pic.twitter.com/aejm0Sx5RU
2019-03-26 20:52:08
しんしん
@zinziroge
@robo8080 見てわかるんですね。実践大事ですね。int()をround()にして小数点以下四捨五入すると改善するのでは、と思います。 (ちなみにpython3は0.5を小数点以下四捨五入で0になるそうです。microPythonは？) pic.twitter.com/CIY13KJl1t
2019-03-26 21:12:24
拡大
ｍはげ
@Tw_Mhage
@robo8080 @ciniml M5Stackで動作確認しました。 pic.twitter.com/ZKVeLB6DKs
2019-03-26 20:07:35
拡大
拡大
robo8080
@robo8080
今度は @Tw_Mhage さんに教えてもらったGimpで画像ファイルをCソースコードとしてエクスポートする方法も試してみる。
2019-03-26 21:27:53
robo8080
@robo8080
柴Face Avatar版 WebRadio できた😊 #M5Stack pic.twitter.com/p3k1NGV4TH
2019-03-27 20:43:52
robo8080
@robo8080
イラストをベースにしたM5Stack-Avatarの作り方は大体わかった。次はネコ バージョンでも作ってみるかな🤔 #M5Stack twitter.com/robo8080/statu…
2019-03-27 20:56:03
robo8080
@robo8080
イラストをベースにしたM5Stack-Avatarのネコ バージョンできた😊 #M5Stack pic.twitter.com/qFFAIumDHN
2019-03-28 21:16:54