shiroyuki2020 https://blog.hatena.ne.jp/shiroyuki2020/ プログラミングとウェブデザインの勉強メモ https://shiroyuki2020.hatenablog.com/ p5.js 三角関数を使うと円周上に図形を描画することができます。三角関数の理解を深められれば、より複雑な軌道を描くアニメーションができると思います。なお、この記事はドットインストールというプログラミング学習サービスの内容を参考にしています。 sic(),cos():円周上に図形を描画する 螺旋状に図形を描画する まとめ 参考サイト sic(),cos():円周上に図形を描画する sic()とcos()で、円周上のx座標y座標を求める。 let angle = 0; //角度 let r = 50; //半径 let x, y; //xy座標 function setup(){ createCanvas(… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fshiroyuki2020.hatenablog.com%2Fentry%2Fp5js_12" title="p5.js|三角関数:sin(),cos() - プログラミングとウェブデザインの勉強メモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/shiroyuki2020/20210427/20210427230616.gif Hatena Blog https://hatena.blog 2021-06-07 19:00:00 rich https://shiroyuki2020.hatenablog.com/entry/p5js_12 1.0 100%