ぬの部屋(仮)
nu-no-he-ya
  •      12
    3456789
    10111213141516
    17181920212223
    24252627282930
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30      
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
     123456
    78910111213
    14151617181920
    21222324252627
    282930    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
         12
    3456789
    10111213141516
    17181920212223
    2425262728  
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30      
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
       1234
    567891011
    12131415161718
    19202122232425
    26272829   
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
      12345
    6789101112
    13141516171819
    20212223242526
    27282930   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
       1234
    567891011
    12131415161718
    19202122232425
    2627282930  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728     
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
     123456
    78910111213
    14151617181920
    21222324252627
    282930    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
       1234
    567891011
    12131415161718
    19202122232425
    2627282930  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
      12345
    6789101112
    13141516171819
    20212223242526
    27282930   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
     123456
    78910111213
    14151617181920
    21222324252627
    28      
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
      12345
    6789101112
    13141516171819
    20212223242526
    27282930   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
     123456
    78910111213
    14151617181920
    21222324252627
    282930    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
       1234
    567891011
    12131415161718
    19202122232425
    2627282930  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
    1234567
    891011121314
    15161718192021
    22232425262728
           
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30      
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
     123456
    78910111213
    14151617181920
    21222324252627
    282930    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
      12345
    6789101112
    13141516171819
    20212223242526
    27282930   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
         12
    3456789
    10111213141516
    17181920212223
    242526272829 
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30      
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
        123
    45678910
    11121314151617
    18192021222324
    25262728   
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
       1234
    567891011
    12131415161718
    19202122232425
    2627282930  
           
    1234567
    15161718192021
    293031    
           
         12
    3456789
    10111213141516
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30      
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
      12345
    6789101112
    13141516171819
    20212223242526
    27282930   
           
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
       1234
    567891011
    12131415161718
    19202122232425
    2627282930  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728     
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
     123456
    78910111213
    14151617181920
    21222324252627
    282930    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
        123
    45678910
    11121314151617
    18192021222324
    252627282930 
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   
           
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
     123456
    78910111213
    14151617181920
    21222324252627
    282930    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
      12345
    6789101112
    13141516171819
    20212223242526
    27282930   
           
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031     
          1
    2345678
    9101112131415
    16171819202122
    232425262728 
           
       1234
    567891011
    12131415161718
    19202122232425
    262728293031 
           
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
           
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
           
      12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
           
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
           
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
           
  • Blenderで裏面と表面で違うシェーダを適用

    [Shift+A]→[Input]→[Geometry] を追加し、BackfacingをFacとしてMix Shaderで使用するシェーダを切り替える

    角丸長方形を描画

    1/4ずつの円弧とブレゼンハムを組み合わせて角丸長方形(rounded rectangle)を描画する。

    前回の円描画であえて1/4ずつ描画できるように作ったので、それをブレゼンハムと組み合わせる。

     

    draw.hpp (rounded_rectangle)

    #pragma once
    
    #include <vector>
    
    
    struct Image {
      std::vector<unsigned char> img;
      int width;
      int height;
    };
    void resize(Image* img, int w, int h) {
      img->width = w;
      img->height = h;
      img->img.resize(w * h);
    }
    
    //! @brief 画像のピクセルを着色する
    //! @param [in,out] img 画像
    //! @param [in] x 座標
    //! @param [in] y 座標
    //! @return なし
    void plot(Image& img, int x, int y) {
      img.img[y * img.width + x] = 255;
    }
    
    
    enum class CPOS {
      left, right, top, bottom
    };
    
    
    //! @brief 円の指定した1/4を描画する
    //! @param [out] img 画像
    //! @param [in] cx 中心座標
    //! @param [in] cy 中心座標
    //! @param [in] r  半径
    //! @param [in] bx 円の四分割したエリアの指定
    //! @param [in] by 円の四分割したエリアの指定
    //! @return なし
    void arc4(Image& img, const int cx, const int cy, const int r, const CPOS bx, const CPOS by) {
      int x, y;//描画位置
      const int rr = r * r;//半径の二乗
      int dx, dy;
      int limx;
      int limy;
    
      if (bx == CPOS::right && by == CPOS::bottom) {
        // □□
        // □■
        //初期位置
        x = r;
        y = 0;
        dx = -1;
        dy = +1;
        limx = 0;
        limy = r;
      }
      else if (bx == CPOS::left && by == CPOS::bottom) {
        // □□
        // ■□
        x = 0;
        y = r;
        dx = -1;
        dy = -1;
        limx = -r;
        limy = 0;
      }
      else if (bx == CPOS::left && by == CPOS::top) {
        // ■□
        // □□
        x = -r;
        y = 0;
        dx = +1;
        dy = -1;
        limx = 0;
        limy = -r;
      }
      else if (bx == CPOS::right && by == CPOS::top) {
        // □■
        // □□
        x = 0;
        y = -r;
        dx = +1;
        dy = +1;
        limx = r;
        limy = 0;
      }
    
      //最初の一点
      //plot(img,x + cx, y + cy);
    
      while ((x != limx) || (y != limy)) {
    
        /////////////////////////
        // 次に描画するポイントを決定
    
        //次に描画するのは以下のいずれか。
        int xy1 = pow(x + dx, 2) + pow(y, 2);
        int xy2 = pow(x + dx, 2) + pow(y + dy, 2);
        int xy3 = pow(x, 2) + pow(y + dy, 2);
    
        // x*x + y*y == r*rなので
        // 上記各xyのうち最もr*rとの差が少ないx*x+y*yを選択
        xy1 = abs(xy1 - rr);
        xy2 = abs(xy2 - rr);
        xy3 = abs(xy3 - rr);
    
        if (xy1 < xy2) {
          if (xy1 < xy3) {
            // xy1
            x = x + dx;
            y = y;
          }
          else {
            // xy2
            x = x + dx;
            y = y + dy;
          }
        }
        else {
          if (xy2 < xy3) {
            // xy2
            x = x + dx;
            y = y + dy;
          }
          else {
            // xy3
            x = x;
            y = y + dy;
          }
        }
    
        /////////////////////////
        // 描画
        if (
          (img, x + cx < 0) ||
          (img, x + cx >= img.width) ||
          (img, y + cy < 0) ||
          (img, y + cy >= img.height)
          ) {
          continue;
        }
        plot(img, x + cx, y + cy);
    
    
      }
    
    }
    
          
    //! @brief ブレゼンハムの直線描画
    //! @param [out] img 画像データ(一次元配列)へのポインタ
    //! @param [in] width 画像の幅(画素数)
    //! @param [in] height 画像の高さ(画素数)
    //! @param [in] sx 線の始点X
    //! @param [in] sy 線の始点Y
    //! @param [in] ex 線の終点X
    //! @param [in] ey 線の終点Y
    //! @param [in] color 線の色
    void Bresenham(
      Image& img,
      const int sx,
      const int sy,
      const int ex,
      const int ey
    ) {
      // https://ja.wikipedia.org/wiki/%E3%83%96%E3%83%AC%E3%82%BC%E3%83%B3%E3%83%8F%E3%83%A0%E3%81%AE%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0
    
      const int dx = std::abs(ex - sx);
      const int dy = std::abs(ey - sy);
    
      const int nx = (sx < ex) ? 1 : -1;
      const int ny = (sy < ey) ? 1 : -1;
    
      int err = dx - dy;
    
      int x = sx;
      int y = sy;
      while (1) {
    
        plot(img, x, y);
    
        if (x == ex && y == ey)
          break;
    
        const int e2 = 2 * err;
        if (e2 > -dy) {
          err = err - dy;
          x += nx;
        }
        if (e2 < dx) {
          err = err + dx;
          y += ny;
        }
      }
    }
    
    
          
    
    //! @brief 角丸長方形を描画
    //! @param [out] img 画像
    //! @param [in] sx 長方形始点x
    //! @param [in] sy 長方形始点y
    //! @param [in] ex 長方形終点x
    //! @param [in] ey 長方形終点y
    //! @return なし
    void rounded_rectangle(
      Image& img,
      const int sx, const int sy,
      const int ex, const int ey, 
      const int r) {
    
      Bresenham(img, sx + r, sy    , ex - r, sy    );
      Bresenham(img, sx + r, ey    , ex - r, ey    );
      Bresenham(img, sx    , sy + r, sx    , ey - r);
      Bresenham(img, ex    , sy + r, ex    , ey - r);
    
    
      arc4(img, sx + r, sy + r, r, CPOS::left, CPOS::top);
      arc4(img, sx + r, ey - r, r, CPOS::left, CPOS::bottom);
      arc4(img, ex - r, sy + r, r, CPOS::right, CPOS::top);
      arc4(img, ex - r, ey - r, r, CPOS::right, CPOS::bottom);
    }
    

    呼び出し

    #pragma warning(disable:4996)
    
    #include <iostream>
    
    #include "draw.hpp"
    
    
    //! @brief PPM(RGB各1byte,カラー,テキスト)を書き込む
    //! @param [in] fname ファイル名
    //! @param [in] vmax 全てのRGBの中の最大値
    //! @param [in] width 画像の幅
    //! @param [in] height 画像の高さ
    //! @param [in] p 画像のメモリへのアドレス
    //! @details RGBRGBRGB....のメモリを渡すと、RGBテキストでファイル名fnameで書き込む
    void pnmP3_Write(const char* const fname, const int width, const int height, const unsigned char* const p) { // PPM ASCII
    
      FILE* fp = fopen(fname, "wb");
      fprintf(fp, "P3\n%d %d\n%d\n", width, height, 255);
    
      size_t k = 0;
      for (size_t i = 0; i < (size_t)height; i++) {
        for (size_t j = 0; j < (size_t)width; j++) {
          fprintf(fp, "%d %d %d ", p[k], p[k], p[k]);
          k++;
        }
        fprintf(fp, "\n");
      }
    
      fclose(fp);
    }
    
    
    int main()
    {
      Image img;
      resize(&img, 250, 200);
    
      // 中心
      int cx = 250;
      int cy = 250;
    
      //半径
      int r = 50;
    
    
      rounded_rectangle(img,
        50, // sx
        50, // sy
        200,// ex
        150,// ey
        20  // r
      );
    
      pnmP3_Write("a.pgm", img.width, img.height, img.img.data());
    
    
    }
    

    スキャンラインで円を塗りつぶす

    円を描くプログラムを書いたのでついでに中も塗りつぶす。

    #include <iostream>
    #include <vector>
    
    #include "Circle.hpp"
    
    #pragma warning(disable:4996)
    
    void
    pnmP2_Write( const char* const fname, const int width, const int height, const unsigned char* const p);
    
          
    //! @brief 閉じた図形を塗りつぶし
    //! @param [in,out] img 書き込み先 
    //! @param [in] rsx 図形を覆う座標(左側)
    //! @param [in] rsy 図形を覆う座標(上側)
    //! @param [in] rex 図形を覆う座標(右側)
    //! @param [in] rey 図形を覆う座標(下側)
    //! @param [in] pen 塗りつぶす色
    //! @return なし
    void fill_closed(Image& img, int rsx, int rsy, int rex, int rey,unsigned char pen) {
    
      unsigned char color = 150;
    
      for (int y = rsy; y <= rey; y++) {
    
        int begin = -1, end = -1;
        int b;
    
        for (int x = rsx; x <= rex; x++) {
          int p = img.img[y * img.width + x];
    
          // 図形の輪郭を見つけた場合
          if (p == pen) {
            // まだ始点を発見していない場合
            if (begin == -1) {
    
              // 図形の内側に入る
              for (b = x; b <= rex; b++) {
                if (img.img[y * img.width + b] != pen)
                  break;
              }
              if (b == rex)
                break;
              x = begin = b;
            }
            // 既に始点が発見済みの場合は終点の発見となる
            else {
              end = x - 1;
              if (begin >= end)
                break;
              // 始点から終点までを塗る
              for (b = begin; b <= end; b++) {
                img.img[y * img.width + b] = color;
              }
              break;
            }
          }
        }
      }
    
    }
    
          

    int
    main(int argv,char** argc) { int w = 100, h = 100; Image img; img.width = w; img.height = h; resize(&img, w, h); std::fill(img.img.begin(), img.img.end(), 0); int size = w * h; int cx = 30, cy = 30, r = 25; // 円を描く circle(img,cx,cy,r); // 矩形を想定する int rect_sx = cx - r - 1; int rect_sy = cy - r - 1; int rect_ex = cx + r + 1; int rect_ey = cy + r + 1; const int pen = 255; fill_closed(img, rect_sx, rect_sy, rect_ex, rect_ey, pen); pnmP2_Write(R"(C:\Users\szl\Desktop\mydev\out\b.pgm)", w, h, img.img.data()); std::cout << "Hello World!\n"; return 0; } //! @brief Portable Gray map //! @param [in] fname ファイル名 //! @param [in] width 画像の幅 //! @param [in] height 画像の高さ //! @param [in] p 画像のメモリへのアドレス //! @details RGBRGBRGB....のメモリを渡すと、RGBテキストでファイル名fnameで書き込む void pnmP2_Write( const char* const fname, const int width, const int height, const unsigned char* const p) { // PPM ASCII FILE* fp = fopen(fname, "wb"); fprintf(fp, "P2\n%d %d\n%d\n", width, height, 255); size_t k = 0; for (size_t i = 0; i < (size_t)height; i++) { for (size_t j = 0; j < (size_t)width; j++) { fprintf(fp, "%d ", p[k]); k++; } fprintf(fp, "\n"); } fclose(fp); }

    円を描くアルゴリズム(1)

    円を描くアルゴリズム(2)

    円を描くアルゴリズム(2)

    前回の1/4だけ円弧を描くプログラムを四回呼び出して円を描く。

    #pragma warning(disable:4996)
    
    #include <iostream>
    
    
    #include <vector>
    
    //! @brief PPM(RGB各1byte,カラー,テキスト)を書き込む
    //! @param [in] fname ファイル名
    //! @param [in] vmax 全てのRGBの中の最大値
    //! @param [in] width 画像の幅
    //! @param [in] height 画像の高さ
    //! @param [in] p 画像のメモリへのアドレス
    //! @details RGBRGBRGB....のメモリを渡すと、RGBテキストでファイル名fnameで書き込む
    void pnmP3_Write(const char* const fname, const int width, const int height, const unsigned char* const p) { // PPM ASCII
    
      FILE* fp = fopen(fname, "wb");
      fprintf(fp, "P3\n%d %d\n%d\n", width, height, 255);
    
      size_t k = 0;
      for (size_t i = 0; i < (size_t)height; i++) {
        for (size_t j = 0; j < (size_t)width; j++) {
          fprintf(fp, "%d %d %d ", p[k], p[k], p[k]);
          k++;
        }
        fprintf(fp, "\n");
      }
    
      fclose(fp);
    }
    
    
    
    struct Image {
      std::vector<unsigned char> img;
      int width;
      int height;
    };
    void resize(Image* img, int w, int h) {
      img->width = w;
      img->height = h;
      img->img.resize(w * h);
    }
    
    //! @brief 画像のピクセルを着色する
    //! @param [in,out] img 画像
    //! @param [in] x 座標
    //! @param [in] y 座標
    //! @return なし
    void plot(Image& img, int x, int y) {
      img.img[y * img.width + x] = 255;
    }
    
    
    enum class CPOS {
      left,right,top,bottom
    };
    
    
    //! @brief 円の指定した1/4を描画する
    //! @param [out] img 画像
    //! @param [in] cx 中心座標
    //! @param [in] cy 中心座標
    //! @param [in] r  半径
    //! @param [in] bx 円の四分割したエリアの指定
    //! @param [in] by 円の四分割したエリアの指定
    //! @return なし
    void calc(Image& img, const int cx, const int cy, const int r, const CPOS bx, const CPOS by) {
      int x, y;//描画位置
      const int rr = r * r;//半径の二乗
      int dx, dy;
      int limx;
      int limy;
    
      if (bx==CPOS::right && by==CPOS::bottom) {
        // □□
        // □■
        //初期位置
        x = r;
        y = 0;
        dx = -1;
        dy = +1;
        limx = 0;
        limy = r;
      }
      else if (bx == CPOS::left && by == CPOS::bottom) {
        // □□
        // ■□
        x = 0;
        y = r;
        dx = -1;
        dy = -1;
        limx = -r;
        limy = 0;
      }
      else if (bx == CPOS::left && by == CPOS::top) {
        // ■□
        // □□
        x = -r;
        y = 0;
        dx = +1;
        dy = -1;
        limx = 0;
        limy = -r;
      }
      else if (bx == CPOS::right && by == CPOS::top) {
        // □■
        // □□
        x = 0;
        y = -r;
        dx = +1;
        dy = +1;
        limx = r;
        limy = 0;
      }
    
      //最初の一点
      //plot(img,x + cx, y + cy);
    
      while ((x != limx) || (y != limy)) {
    
        /////////////////////////
        // 次に描画するポイントを決定
    
        //次に描画するのは以下のいずれか。
        int xy1 = pow(x + dx, 2) + pow(y     , 2);
        int xy2 = pow(x + dx, 2) + pow(y + dy, 2);
        int xy3 = pow(x     , 2) + pow(y + dy, 2);
    
        // x*x + y*y == r*rなので
        // 上記各xyのうち最もr*rとの差が少ないx*x+y*yを選択
        xy1 = abs(xy1 - rr);
        xy2 = abs(xy2 - rr);
        xy3 = abs(xy3 - rr);
    
        if (xy1 < xy2) {
          if (xy1 < xy3) {
            // xy1
            x = x + dx;
            y = y;
          }
          else {
            // xy2
            x = x + dx;
            y = y + dy;
          }
        }
        else {
          if (xy2 < xy3) {
            // xy2
            x = x + dx;
            y = y + dy;
          }
          else {
            // xy3
            x = x;
            y = y + dy;
          }
        }
    
        /////////////////////////
        // 描画
        if (
          (img, x + cx < 0) || 
          (img, x + cx >=img.width) ||
          (img, y + cy < 0) || 
          (img, y + cy >= img.height)
          ) {
          continue;
        }
        plot(img,x + cx, y + cy);
    
    
      }
    
    }
          
          
          
    //! @brief 円を描画する
    //! @param [in] img 画像データ
    //! @param [in] cx  中心座標
    //! @param [in] cy  中心座標
    //! @param [in] r   半径
    //! @return なし
    void circle(Image& img,const int cx, const int cy, const int r) {
    
      // □□
      // □■
      calc(img,cx, cy, r, CPOS::right, CPOS::bottom);
    
      // □□
      // ■□
      calc(img, cx, cy, r, CPOS::left, CPOS::bottom);
    
      // ■□
      // □□
      calc(img, cx, cy, r, CPOS::left, CPOS::top);
    
      // □■
      // □□
      calc(img, cx, cy, r, CPOS::right, CPOS::top);
    
    }
    int main()
    {
      Image img;
      resize(&img, 500, 500);
    
      // 中心
      int cx = 250;
      int cy = 250;
    
      //半径
      int r = 50;
    
      //円を描画
      circle(img,cx, cy, r);
    
    
      pnmP3_Write("a.pgm", img.width, img.height, img.img.data());
    
    
    }
    

    円を描くアルゴリズム(1)

    簡単に言うと、あるピクセルを描画した後、次に描画するピクセルはどれかを計算する。これを繰り返して円にする。

    この時、例えば円を時計回りで描くなら、あるx,yを描画したら、次の候補は(x-1,y),(x-1,y+1),(x,y+1)のいずれかになる。

    どれが正解かというと、中心からの距離が半径に最も近いものが答えとなる。

    これが4パターンあり、x,yがそれぞれ前進する場合と後進する場合に分けられる。以下の図の■が現在描いているドット、□は次に描くドットの候補。

    ソースコード(1/4)

    1/4だけ描画するコード

    #pragma warning(disable:4996)
    
    #include <iostream>
    
    #include <vector>
    
    //! @brief PPM(RGB各1byte,カラー,テキスト)を書き込む
    //! @param [in] fname ファイル名
    //! @param [in] vmax 全てのRGBの中の最大値
    //! @param [in] width 画像の幅
    //! @param [in] height 画像の高さ
    //! @param [in] p 画像のメモリへのアドレス
    //! @details RGBRGBRGB....のメモリを渡すと、RGBテキストでファイル名fnameで書き込む
    void pnmP3_Write(const char* const fname, const int width, const int height, const unsigned char* const p) { // PPM ASCII
    
      FILE* fp = fopen(fname, "wb");
      fprintf(fp, "P3\n%d %d\n%d\n", width, height, 255);
    
      size_t k = 0;
      for (size_t i = 0; i < (size_t)height; i++) {
        for (size_t j = 0; j < (size_t)width; j++) {
          fprintf(fp, "%d %d %d ", p[k], p[k], p[k]);
          k++;
        }
        fprintf(fp, "\n");
      }
    
      fclose(fp);
    }
    
    
    
    
    int width = 500;
    int height = 500;
    std::vector<unsigned char> img;
    
    void plot(int x, int y) {
      img[y * width + x] = 255;
    }
    
    int main()
    {
      img.resize(width * height);
    
      // 中心
      int cx = 250;
      int cy = 250;
    
      //半径
      int r = 50;
      const int rr = r * r;//半径の二乗
    
      int x, y;//描画位置
      //初期位置
      x = r;
      y = 0;
    
      //最初の一点
      plot(x + cx, y + cy);
    
      //反時計回りに描画していく(1/4)
      // 右下
      // □□
      // □■
      while (x > 0) {
    
        /////////////////////////
        // 次に描画するポイントを決定
    
        //次に描画するのは以下のいずれか。
        //1 { x - 1,y     };
        //2 { x - 1,y + 1 };
        //3 { x    ,y + 1 };
        int xy1 = pow(x - 1, 2) + pow(y, 2);
        int xy2 = pow(x - 1, 2) + pow(y + 1, 2);
        int xy3 = pow(x, 2) + pow(y + 1, 2);
    
        // x*x + y*y == r*rなので
        // 上記各xyのうち最もr*rとの差が少ないx*x+y*yを選択
        xy1 = abs(xy1 - rr);
        xy2 = abs(xy2 - rr);
        xy3 = abs(xy3 - rr);
    
        if (xy1 < xy2) {
          if (xy1 < xy3) {
            // xy1
            x = x - 1;
            y = y;
          }
          else {
            // xy2
            x = x - 1;
            y = y + 1;
          }
        }
        else {
          if (xy2 < xy3) {
            // xy2
            x = x - 1;
            y = y + 1;
          }
          else {
            // xy3
            x = x;
            y = y + 1;
          }
        }
    
        /////////////////////////
        // 描画
        plot(x + cx, y + cy);
    
      }
    
    
      pnmP3_Write("a.pgm", width, height, img.data());
    
    
    }
    

    ビット演算で市松模様を描く

    前にも書いたことがあるが、ビット演算で書き直す。

    排他的論理和は、1^1、0^0の時は0、それ以外の時は1になる。

    これを使い、x軸が偶数、奇数、偶数、奇数、...と並んでいるものに、y軸が偶数の時は奇数だけを1、y軸が奇数の時は偶数だけを1にすることで市松模様にする。

    #include <iostream>
    #include <vector>
    
    #pragma warning(disable:4996)
    
    void pnmP2_Write(
      const char* const fname,
      const int width,
      const int height,
      const unsigned char* const p);
    
    
    int main()
    {
    
      int w = 100, h = 50;
      int size = w * h;
      std::vector<unsigned char> image(w*h);
    
      for (size_t y = 0; y < h; y++) {
        for (size_t x = 0; x < w; x++) {
          size_t p = y * w + x;
    
          int f;
    
          
          /*
          if (y % 2) {
            f = (x % 2)? 1 : 0;
          }
          else {
            f = (x % 2) ? 0 : 1;
          }
          */
    
    
          f = (x & 1) ^ (y & 1);
    

    image[p] = f * 255; } } pnmP2_Write(R"(C:\Users\szl\Desktop\mydev\out\a.pgm)", w, h, image.data()); } //! @brief Portable Gray map //! @param [in] fname ファイル名 //! @param [in] width 画像の幅 //! @param [in] height 画像の高さ //! @param [in] p 画像のメモリへのアドレス //! @details RGBRGBRGB....のメモリを渡すと、RGBテキストでファイル名fnameで書き込む void pnmP2_Write( const char* const fname, const int width, const int height, const unsigned char* const p) { // PPM ASCII FILE* fp = fopen(fname, "wb"); fprintf(fp, "P2\n%d %d\n%d\n", width, height, 255); size_t k = 0; for (size_t i = 0; i < (size_t)height; i++) { for (size_t j = 0; j < (size_t)width; j++) { fprintf(fp, "%d ", p[k]); k++; } fprintf(fp, "\n"); } fclose(fp); }

    余談

    今の時代は鬼滅の刃とかキーワードに入れておいたほうがヒットしやすいのだろうか。

    XMLパーサーpugixml を試す(読み込み,日本語)

    マルチバイトであればタグが日本語でも動作するが、Unicodeの場合タグが英語でなければ取得できない。

    マルチバイトの場合

    #include <iostream>
    
    #include <string>
    
    #include "pugixml.hpp"
    
    
    
    const char* data() {
        return
            R"(
    <?xml version="1.0" encoding="Shift-JIS"?>
    <data date="2022-06-15">
      <名前>
        <a>田中</a>
        <b>中山</b>
        <c>山本</c>
      </名前>
    </data>
    )";
    }
    
          
    int main()
    {
      pugi::xml_document doc;
    
      std::string txt = data();
      pugi::xml_parse_result result = doc.load_buffer(txt.data(), txt.size(), 0,pugi::xml_encoding::encoding_auto);
    
    
      std::cout << doc.child("data").attribute("date").value() << std::endl;
    
      for (auto point : doc.child("data").children("名前")) {
    
        std::cout << point.name() << std::endl;
    
        for (auto val : point.children()) {
          std::cout <<
            val.name() << " : " <<
            val.child_value() <<
            std::endl;
    
    
        }
      }
    
    }
    

    utf8の場合

    #include <iostream>
    
    #include <string>
    
    #include "pugixml.hpp"
    
    
    
    const char* data() {
      return
        u8R"(
    <?xml version="1.0" encoding="UTF-8"?>
    <data date="2022-06-15">
      <names>
        <a>田中</a>
        <b>中山</b>
        <c>山本</c>
      </names>
    </data>
    )";
    }
          
          
    int main()
    {
      std::wcout.imbue(std::locale(""));
    
      pugi::xml_document doc;
    
      pugi::xml_parse_result result = doc.load_string(data());
    
      std::cout << doc.child("data").attribute("date").value() << std::endl;
    
      for (auto point : doc.child("data").children("names")) {
    
        std::cout << point.name() << std::endl;
    
        for (auto val : point.children()) {
          std::wcout <<
            pugi::as_wide(val.name()) << " : " <<
            pugi::as_wide(val.child_value()) <<
            std::endl;
        }
      }
    
    }
    

    XMLパーサーpugixml を試す(作成)

    #include <iostream>
    #include <sstream>
    #include <fstream>
    
    #include "pugixml.hpp"
    
    int main()
    {
      pugi::xml_document doc;
    
      pugi::xml_node theroot = doc.append_child("the_root");
    
      pugi::xml_node tag1 = theroot.append_child("tag1");
      tag1.append_child(pugi::node_pcdata).set_value("This ");
      tag1.append_child(pugi::node_pcdata).set_value("is ");
      tag1.append_child(pugi::node_pcdata).set_value("a ");
      tag1.append_child(pugi::node_pcdata).set_value("pen ");
    
      pugi::xml_node tag2 = theroot.insert_child_after("tag2", tag1);
      tag2.append_child(pugi::node_pcdata).set_value("tag2item");
    
      pugi::xml_node noclose = theroot.insert_child_after("no_close", tag1);
      noclose.append_attribute("text") = "abc";
      noclose.append_attribute("float") = 1.1;
    
    
      std::stringstream ss;
      doc.save(ss);
      std::cout << ss.str() << std::endl;
    
      // 表示ならこれもできる
      // doc.save(std::cout);
    
      // ファイル出力
      // std::ofstream outf("test.xml");
      // doc.save(outf);
    
    }
    

    XMLパーサーpugixml を試す(読み込み)

    https://pugixml.org/

    MIT LicenseのXMLパーサー。

    #include <iostream>
    
    #include "pugixml.hpp"
    
    
    const char* data() {
      return
    R"(
    <?xml version="1.0"?>
    <data date="2022-06-15">
      <point>
        <x>10.0</x>
        <y>12.0</y>
        <z>15.0</z>
        <r>255</r>
        <g>0</g>
        <b>0</b>
      </point>
      <point>
        <x>20.0</x>
        <y>22.0</y>
        <z>25.0</z>
        <r>0</r>
        <g>255</g>
        <b>0</b>
      </point>
    </data>
    )";
    }

    int
    main() { pugi::xml_document doc; //pugi::xml_parse_result result = doc.load_file("tree.xml"); //ファイルから読み込む場合 pugi::xml_parse_result result = doc.load_string(data()); std::cout << doc.child("data").attribute("date").value() << std::endl; for (auto point : doc.child("data").children("point")) { std::cout << point.name() << std::endl; for (auto val : point.children()) { std::cout << val.name() << " : " << val.child_value() << std::endl;// 値の取得にはtext()かchild_value()を使う } } }

    出力

    2022-06-15
    point
    x : 10.0
    y : 12.0
    z : 15.0
    r : 255
    g : 0
    b : 0
    point
    x : 20.0
    y : 22.0
    z : 25.0
    r : 0
    g : 255
    b : 0

    Blenderのテクスチャを渦巻にする理屈

    前に試したBlenderのボリュームで銀河を作るやつで、テクスチャを渦巻状にしていた。

    Create a Galaxy in Blender – Iridesiumを試す(1)

    改めて説明しろと言われるとやりにくいのでまとめておく。

    モデルにテクスチャが張り付いているとき、モデル上のある点の色は、テクスチャ上のどこかからとってきている。従って、テクスチャ座標を変換することでずらしたりできる。

    テクスチャ座標をただ回転させただけでは、テクスチャが回るだけで渦巻にはならない。

    テクスチャが回転するだけなのは、モデル上の全ての位置で、同じ回転量だけ変化させてテクスチャの色をとってくるからで、つまり、モデル上の場所によって回転量を変化させれば、歪んだ座標系の色が取得できる。

    モデル上のある点の色を決めるとき、「テクスチャのどの位置から色をとってくるか」を求める際に、その座標をアフィン変換してやるのがmappingで、そこで回転を指定し、回転量としてGradientTextureを与えることで、場所によって回転量を変化させることができる。