無料 · ドット絵とマイクラに · 最大256ドット

ドット絵の円ツール:サイズを選ぶだけで綺麗なドット円

ドットの円は、四角いマス目の上に描く円で、1マスごとにドット(ブロック)を置くか置かないかのどちらかです。直径を選ぶと、そのサイズで一番綺麗な円を描き、各行のドット数も表示します。ドット絵用に透過 PNG(1:1)や SVG で保存したり、マイクラで1ブロックずつ写したりできます。

ブロックをタップすると設置済みになります行と列の番号は配置リストと同じです中心線5マスごとに太線

1行ずつの配置リスト

行ブロック数列

中心ブロック

奇数と偶数、どちらのサイズ? 奇数サイズは中心が1ブロックなので、1マスのドアや通路がまっすぐ揃います。偶数サイズは中心が2×2になります。

9マス · 中心1ブロック
10マス · 中心2×2

ドット絵の円のサイズとドット数

1ドット幅の輪郭と、塗りつぶした円のドット数です。ドット数の計算機としても使えます。行を選ぶとツールで開きます。

直径輪郭塗りつぶし向いている用途
82052アイコン、UI の記号
92469マイクラの井戸、柱
1232112小さなスプライト
1540177マイクラの塔
1644208スプライト、ファビコン
2156349マイクラの闘技場、ドーム
2464448キャラの顔アイコン
3288812ゲームのアイテム、アバター
481321,804惑星、大きなスプライト
641803,228マイクラのマップアート、背景

ドット絵の円 サイズ別一覧

ドット絵でよく使うサイズです。選ぶとツールで開きます。

このツールがドットの円を描くしくみ

ドットの中心が真円の内側に入れば、そのドットを塗ります。このルールひとつで、どのサイズでも一番なめらかな円になり、4分の1ずつの形がすべて同じで、はみ出したドットもありません。

  • 輪郭は綺麗な1ドットの線です。隣り合うドットは角でつながり、ドットが二重になる「L」字の段差がありません。ドット絵を描く人が求める線です。
  • 太い線は外側の形を保ったまま内側に太くなります。最大5ドットまでです。
  • 塗りつぶしは中まで埋まった円で、惑星やボタン、アイロンビーズの図案に使えます。

中点アルゴリズム(ブレゼンハム)などの昔ながらの方法は縁をたどって描くので、特に偶数サイズで平らな部分や不揃いな段差が出ることがあります。このツールはすべてのサイズを同じルールで描くので、16でも17でもマス目で描ける限り丸い円になります。

使いみち

  1. ドット絵・ゲームのスプライトPNG 1:1 は1マスが1ピクセル、背景が透明の画像です。Aseprite、Piskel、Photoshop やゲームエンジンにそのまま貼り付けられます。拡大するときはニアレストネイバーにすると縁がくっきりしたままです。
  2. マイクラの建築1ドットが1ブロックです。番号付きのマス目と配置リストを見ながら置き、置いたブロックはタップで記録できます。スマホやタブレットを横に置いて建築モードで見るのも便利です。WorldEdit コマンドと .litematic ファイルもあります。
  3. アイロンビーズ・クロスステッチ・編み物パーラービーズやハマビーズ、クロスステッチ、編み込み模様の図案も同じマス目です。配置リストで、各行に何個のビーズや何目が必要かわかります。
  4. カッティングマシン・印刷SVG はどの大きさにしてもぼやけないので、Cricut やレーザーカット、カッティングシート、ステッカー、印刷に使えます。

マイクラで建築するなら、マイクラ円作成ツールではブロックの種類も選べます。球体とドーム屋根のツールはレイヤーごとに作れます。サイズを一覧で見たいなら円の設計図一覧をどうぞ。

ドット絵の円の書き方(手描き)

  1. サイズを決める中心を1ドットにしたいなら奇数の直径、16や32のような偶数のキャンバスに合わせるなら、中心が2×2になる偶数の直径を選びます。
  2. 一番長い4本の線を引く配置リストから、一番上と一番下の行、左右の列を写します。これで幅が決まり、カーブの基準になります。
  3. 4分の1を段差で描く上の線から横に向かって、1行ずつ写していきます。段差はカーブが曲がるにつれて短くなり、また長くなります。3, 2, 1, 1, 1, 2, 3 は良い並び、3, 1, 2 は良くない並びです。
  4. 反転して写す描いた4分の1を左右と上下に反転して円を完成させ、ツールと見比べて確かめます。

綺麗なドットの円を描くコツ

  1. 段差の長さを揃えるカーブが曲がるにつれて、各段は前の段と同じか短くします。途中で長い段が戻るとへこんで見えます。
  2. 角を二重にしない段差のところでドットが横に2つ並ぶ(「L」字になる)と、そこだけ線が太く見えます。このツールの輪郭にはこれがありません。
  3. キャンバスに合わせる偶数の円は偶数のキャンバス(16、32、64)、奇数の円は奇数のキャンバスの真ん中にぴったり収まります。
  4. なめらかに拡大しないドット絵は2倍、4倍のように整数倍でニアレストネイバーを使って拡大します。なめらかな拡大はすべての縁をぼかします。

よくある質問

ドットの円とは?

四角いピクセルやブロックのマス目の上に描く円で、各マスは塗るか空けるかのどちらかです。マスが四角いので縁は短い線の階段になり、このツールは一番丸く見える並びを選びます。

16ドットの円は何ドット?

直径16ドットの円は、輪郭が44ドット、塗りつぶすと208ドットです。ほかのよく使うサイズは上の表にあります。

サイズは奇数と偶数のどちらがいい?

奇数は中心が1ドット、偶数は中心が2×2です。16×16や32×32のような偶数のキャンバスに合わせるなら偶数、1マスのドアや通路を真ん中に置くマイクラの建築なら奇数を選びましょう。

背景が透明な PNG にするには?

「PNG 1:1」を押してください。1マス1ピクセル、背景が透明の画像で保存されるので、どのドット絵ソフトでも使えます。「グリッドPNG」は番号付きの設計図を保存します。

SVG は何に使えますか?

Illustrator、Inkscape、Figma、Cricut Design Space で開けます。四角形でできているので、どの大きさでもくっきりしたままで、カットも綺麗です。

マイクラにも使えますか?

使えます。1ドットが1ブロックなので、マス目と配置リストはそのまま使え、WorldEdit コマンドと .litematic ファイルの出力もあります。マイクラ円作成ツールでは、ブロックの種類も選べます。

ドットの楕円も描けますか?

はい、楕円ツールで「横幅」と「奥行」に別々の値を設定してください。同じルールで描きます。

このドット絵の円ツールは無料?

はい、無料です。ブラウザで動くので、アカウント登録もダウンロードも不要です。保存形式もすべて無料です。