p5.js

• Home Page
  • https://p5js.org/

• Get Started
  • https://p5js.org/get-started/

• Online Editor
  • https://editor.p5js.org/
  • 左上の">"をクリックするとファイル一覧が表示される
  • Sketch -> Add File でファイル追加可能
  • アカウントを作成して使うことができる（アカウントなしでも使うことはできる）

• 利用可能なライブラリ
  • https://p5js.org/libraries/

• p5.geolocation ライブラリ
  • https://github.com/bmoren/p5.geolocation

• Examples
  • https://p5js.org/examples/

• Video Capture
  • https://p5js.org/examples/imported-media-video-capture/
  • このページにアクセスするとカメラ動作の確認を行うことができる

Face Detection

• Google: p5.js face detection
  • https://www.google.com/search?q=p5.js+face+detection

(1)

• https://kylemcdonald.github.io/cv-examples/
• https://github.com/kylemcdonald/cv-examples
• https://editor.p5js.org/kylemcdonald/sketches/HySO1v5hm
  • https://github.com/mtschirs/js-objectdetect
  • https://github.com/mtschirs/js-objectdetect/blob/master/js/objectdetect.frontalcatface.js
  • https://inspirit.github.io/jsfeat/sample_haar_face.html
  • https://ahprojects.com/cvdazzle/

(2)

• https://editor.p5js.org/ima_ml/sketches/fCsz7tb6w

Articles

• p5.js入門
  • https://dotinstall.com/lessons/basic_p5js

• P5.js 日本語リファレンス
  • https://qiita.com/bit0101/items/91818244dc26c767a0fe

• p5js：スマホのブラウザ上でmouseX,mouseYが使えない問題と解決法
  • http://zawaworks.hatenablog.com/entry/2018/01/14/012327

• 第9回: p5.js Libraryを使う - p5.dom でカメラ映像をリアルタイム処理 (June 27, 2019)
  • https://yoppa.org/geidai_media1_19/10192.html

Test codes for Android

• Mobile: Simple Draw (fixed & modified)
  • https://editor.p5js.org/yokotalab/full/2Gw8KrErt

• parameters
  • https://editor.p5js.org/yokotalab/full/U7K6mUXF3