0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

M5stackでサイコロの目を描画する

Last updated at Posted at 2025-10-18

はじめに

M5stackでサイコロの目を作る際にどうやって描画するのかをいちいち調べるのが面倒なので備忘録として残す

環境

windows 11 home
vscode
M5STACK GRAYckでサイコロの目を作る際にどうやって描画するのかをいちいち調べるのが面倒なので備忘録として残す

環境

windows 11 home
vscode
M5STACK GRAY

やり方

fillScreenとfillCircleを使う
実行結果

1
IMG20251018094755.jpg

M5.Lcd.fillScreen(WHITE);
M5.Lcd.fillCircle(160, 120, 30, RED);

2
IMG20251018202204.jpg

M5.Lcd.fillScreen(WHITE);
M5.Lcd.fillCircle(100, 50, 30, BLACK);
M5.Lcd.fillCircle(220, 190, 30, BLACK);    

3
IMG20251018202433.jpg

M5.Lcd.fillScreen(WHITE);
M5.Lcd.fillCircle(100, 50, 30, BLACK);
M5.Lcd.fillCircle(160, 120, 30, BLACK);
M5.Lcd.fillCircle(220, 190, 30, BLACK);  

4
IMG20251018202439.jpg

M5.Lcd.fillScreen(WHITE);
M5.Lcd.fillCircle(100, 50, 30, BLACK);
M5.Lcd.fillCircle(220, 50, 30, BLACK);
M5.Lcd.fillCircle(100, 190, 30, BLACK);
M5.Lcd.fillCircle(220, 190, 30, BLACK);

5
IMG20251018202614.jpg

M5.Lcd.fillScreen(WHITE);
M5.Lcd.fillCircle(100, 50, 30, BLACK);
M5.Lcd.fillCircle(100, 190, 30, BLACK);    
M5.Lcd.fillCircle(160, 120, 30, BLACK);
M5.Lcd.fillCircle(220, 50, 30, BLACK);
M5.Lcd.fillCircle(220, 190, 30, BLACK);

6
IMG20251018203133.jpg

M5.Lcd.fillScreen(WHITE);
M5.Lcd.fillCircle(100, 50, 30, BLACK);
M5.Lcd.fillCircle(220, 50, 30, BLACK);
M5.Lcd.fillCircle(100, 120, 30, BLACK);
M5.Lcd.fillCircle(220, 120, 30, BLACK);
M5.Lcd.fillCircle(100, 190, 30, BLACK);
M5.Lcd.fillCircle(220, 190, 30, BLACK);

参考サイト

最後に

『m5stack 描画』などでは検索結果が若干ぶれるので後で見返せるようにした

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?