shiroyuki2020 https://blog.hatena.ne.jp/shiroyuki2020/ プログラミングとウェブデザインの勉強メモ https://shiroyuki2020.hatenablog.com/ p5.js マウスの座標を取得して、インタラクティブなものを作ります。マウスの状態によって処理を変更したり、クリックされたときの処理の書き方を見ていきます。マウスの座標を取得できると動きのあるものが作れるようになるので、楽しくなると思います。なお、この記事はドットインストールというプログラミング学習サービスの内容を参考にしています。 mouseX,mouseY:マウスの座標を取得する マウスの位置に図形を描画する mouseIsPressed:マウスの状態を取得する mousePressed():クリックされたときの処理を記述する まとめ 参考サイト mouseX,mouseY:マウスの座標を取得する m… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fshiroyuki2020.hatenablog.com%2Fentry%2Fp5js_09" title="p5.js|マウスの座標を取得してインタラクティブなものを作る:mouseX,mouseY - プログラミングとウェブデザインの勉強メモ" 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/20210427224246.gif Hatena Blog https://hatena.blog 2021-05-27 19:00:00 rich https://shiroyuki2020.hatenablog.com/entry/p5js_09 1.0 100%