質問編集履歴
4
試してみた後のプログラムの画像を文字に変更しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,26 @@
|
|
|
1
|
-
|
|
1
|
+
let img;//画像用の変数
|
|
2
|
+
let polygon;//正多角形用の変数
|
|
3
|
+
let gon=6;//正多角形の角数
|
|
4
|
+
let scalar//サイズ
|
|
5
|
+
let j=1;//鏡映変換のパラメータ
|
|
6
|
+
let k=0;//回転変換のパラメータ
|
|
7
|
+
function setup(){
|
|
8
|
+
createCanvas(300,300);
|
|
9
|
+
scalar=height*0.4;
|
|
10
|
+
//img=loadShape("F.svg");//画像ファイル読み込み
|
|
11
|
+
img=loadShape("yosegi1.svg");//寄木１の画像
|
|
12
|
+
//img=loadShape("yosegi２.svg");//寄木２の画像
|
|
13
|
+
polygon=createShape();
|
|
14
|
+
polygon.beginShape();//頂点をつないでかたちを作る
|
|
15
|
+
polygon.noFill();
|
|
16
|
+
for(let i=0;i<gon;i++){
|
|
17
|
+
let v=p5.Vector.fromAngle(2*Pi*i/gon);
|
|
18
|
+
v.mult(scalar);
|
|
19
|
+
polygon.vertex(v.x,v.y);//正多角形の頂点
|
|
20
|
+
}
|
|
21
|
+
polygon.endShape(CLOSE);//すべての頂点をつなぐ
|
|
22
|
+
drawShape();//描画
|
|
23
|
+
}### 前提
|
|
2
24
|
|
|
3
25
|
ここに質問の内容を詳しく書いてください。
|
|
4
26
|
これは、processingのプログラムです。p5.js用に書き換えなければいけないのですが、書き方が分からないので、教えていただきたいです。
|
3
試した後のプログラムの画像で、17行目のPVector.fromAngleからp5.Vector.fromAngleに変更しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
### 前提
|
|
2
2
|
|
|
3
3
|
ここに質問の内容を詳しく書いてください。
|
|
4
4
|
これは、processingのプログラムです。p5.js用に書き換えなければいけないのですが、書き方が分からないので、教えていただきたいです。
|
2
試してみた後のプログラム画像を付け加えました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
### 前提
|
|
1
|
+
### 前提
|
|
2
2
|
|
|
3
3
|
ここに質問の内容を詳しく書いてください。
|
|
4
4
|
これは、processingのプログラムです。p5.js用に書き換えなければいけないのですが、書き方が分からないので、教えていただきたいです。
|
1
試したことを追加しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -26,8 +26,9 @@
|
|
|
26
26
|
|
|
27
27
|
### 試したこと
|
|
28
28
|
ここに問題に対して試したことを記載してください。
|
|
29
|
+
1、２行目のPShapeや、3、５、６、１６行目のintや、4行目のfloatや、１７行目の最初のPVectorをletに変更しました。
|
|
30
|
+
7行目のvoid setupをfunction setupに変更しました。
|
|
29
|
-
sizeをcreateCanvasに変更し
|
|
31
|
+
8行目のsizeをcreateCanvasに変更しました。
|
|
30
|
-
|
|
31
32
|
### 補足情報（FW/ツールのバージョンなど）
|
|
32
33
|
|
|
33
34
|
ここにより詳細な情報を記載してください。
|