この正方形のグリッドを中央に配置するにはどうすればよいですか？
ジョン・ドウ
5つの回転した長方形のグリッドを単純に作成しようとしています。ただし、グリッドは中央に配置されません。誰かが私を助けることができますか？
int margin = 150; //padding to sides and top/bottom
int rectH = 60; // height of rectangle
int rectW = 20; // width of rectangle
int n_rectangles = 5; // 5 rectangles to draw
size(800,800);
for (int x = margin+rectW; x <= width - margin; x += (width-2*(margin+rectW))/n_rectangles) {
for (int y = margin+rectH; y <= height - margin; y += (height-2*(margin+rectH))/n_rectangles) {
fill(255);
//now rotate matrix 45 degrees
pushMatrix();
translate(x, y);
rotate(radians(45));
// draw rectangle at x,y point
rect(0, 0, rectW, rectH);
popMatrix();
}
}
Rabbid76
単一の「中央に配置された」長方形を描画することをお勧めします。長方形の原点は(-rectW/2, -rectH/2)次のとおりです。
rect(-rectW/2, -rectH/2, rectW, rectH);
行と列について、最初の長方形の中心から最後の長方形の中心までの距離を計算します。
int size_x = margin * (n_rectangles-1);
int size_y = margin * (n_rectangles-1);
画面の中央に変換(width/2, height/2)、
左上の矩形の位置に(-size_x/2, -size_y/2)
、最終的にその位置に各矩形(i*margin, j*margin)：
translate(width/2 - size_x/2 + i*margin, height/2 - size_y/2 + j*margin);
最終的なコードを参照してください。
int margin = 150; //padding to sides and top/bottom
int rectH = 60; // height of rectangle
int rectW = 20; // width of rectangle
int n_rectangles = 5; // 5 rectangles to draw
size(800,800);
int size_x = margin * (n_rectangles-1);
int size_y = margin * (n_rectangles-1);
for (int i = 0; i < n_rectangles; ++i ) {
for (int j = 0; j < n_rectangles; ++j ) {
fill(255);
pushMatrix();
translate(width/2 - size_x/2 + i*margin, height/2 -size_y/2 + j*margin);
rotate(radians(45));
rect(-rectW/2, -rectH/2, rectW, rectH);
popMatrix();
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ブートストラップの2つの列の中央に正方形のdivを中央に配置するにはどうすればよいですか？
- 2
このグリッド上の個々の正方形の色を変更するにはどうすればよいですか...？
- 3
matplotlibで正方形グリッドを適用するにはどうすればよいですか
- 4
CSSで正方形の正方形を取得するにはどうすればよいですか？
- 5
CSS-2つの正方形の中央に長方形を配置するにはどうすればよいですか
- 6
グリッド内のすべての正方形を単一のforループでカバーするにはどうすればよいですか？
- 7
この正方形が特定の値に達した後、この正方形の方向を逆にするにはどうすればよいですか？
- 8
turfjsを使用してポリゴン内に正方形のグリッドを正しく追加するにはどうすればよいですか？
- 9
イオングリッド内の3つの正方形をCSSまたはSVGで接続するにはどうすればよいですか？
- 10
特定のCSSグリッドアイテムに完全な正方形を作成するにはどうすればよいですか？
- 11
中央に垂直に配置されたテキストとワードラップを使用して正方形のリンクを作成するにはどうすればよいですか？
- 12
この正方形を壁に跳ね返らせるにはどうすればよいですか？
- 13
ターゲットの正方形を含む、グリッド上の2つの正方形間の距離を計算するにはどうすればよいですか？
- 14
Pythonで整数の正方形のリストを作成するにはどうすればよいですか？
- 15
Elmマウスのドラッグの例を拡張して、いくつかの正方形を含めるにはどうすればよいですか？
- 16
長方形の写真を正方形の写真に入れるにはどうすればよいですか？
- 17
常に画面の中央にあり、短い方の端に接する正方形を作成するにはどうすればよいですか？
- 18
numpy配列の非正方形ローリングウィンドウを作成するにはどうすればよいですか？
- 19
コレクションを繰り返し処理し、各アイテムを独自のエビグリッドの正方形に配置するにはどうすればよいですか？
- 20
空のグリッド正方形を使用してMatlabでメッシュグリッドをプロットするにはどうすればよいですか（つまり、グリッド線を表示します）
- 21
Xamarinで子供に正方形の寸法を強制するにはどうすればよいですか？
- 22
CSSでテーブルの背景の正方形を削除するにはどうすればよいですか？
- 23
AbsoluteLayoutに正方形のレイアウトを強制するにはどうすればよいですか？
- 24
カメを正方形の特定の領域に重ねるにはどうすればよいですか？
- 25
ncursesで正方形のシンボルを設計するにはどうすればよいですか？
- 26
Qt QMLで正方形のボタンを作成するにはどうすればよいですか？
- 27
Flutterで正方形の隆起したボタンを作成するにはどうすればよいですか？
- 28
ポイントの周りに正方形を合わせるにはどうすればよいですか？
- 29
円形ではなく正方形のListItemアバターをレンダリングするにはどうすればよいですか？
コメントを追加