買っちった

この本やべえよ。美術の教科書の、授業ではやらないけどなんかスゲーのが載ってるページを永遠に見ているような興奮がある。

ここでは主にプログラムを打ち込んでコンピュータに絵を描かせる試み

Processingという描画ソフトを

JavaScriptという言語を使って動かせるようにしたもの

〜以下覚え書き〜

vertex(x座標,y座標)

vertex
<意味> 頂点　最高点　頂上　

qiita.js

  beginShape();
  
  vertex(100,100);//1
  vertex(100,200);//2
  vertex(200,200);//3
  
  endShape();

qiita.js

  beginShape();
  
  vertex(100,100);//1
  vertex(100,200);//2
  vertex(200,200);//3
  
  endShape();

vertex()はellipse()やrect()などといった特定の形状にとらわれず、自由に図形を描きたいときに使う。
vertex(x座標,y座標)はその名の通り頂点の座標を表し、それらが繋がれることで図形を成す。
beginShape();〜endShape();までの間は自由描画モード¹ が発動しており、
vertex()はその中でのみ使うことができる。

頂点の座標が定っても、それらの繋ぎ方は一通りではない。
繋ぎ方のルールはbeginShape(),endShape()の引数として渡すことができる。

こんなのどうよ

https://www.openprocessing.org/sketch/897830

マウスのX座標：波の間隔
マウスのY座標：波の高さ
1~7のキーが押された時、それぞれに対応した繋ぎ方のルールに変更

p5.jsの公式リファレンス(日本語非対応² )
↓↓↓
https://p5js.org/