p5js:tips:canvasがスマホだけ表示されない [Design Workshop]

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== canvasにスマホだけ表示されない ======
PCやタブレットでは表示されるが、スマホになるとcanvasサイズは確保されるがなにも表示されない。ということがありました。p5を利用していると、createCanvasやcreateGraphicsを用いて描画バッファを作成しますが、iOSのsafariからはなにも表示されなくなります。これはcanvasサイズによって生じます。javaconsoleで確認するとwarningでcanvasサイズが大きすぎるよと注意されているので、この場合はcanvasサイズを小さくしておきましょう。ただし馬場の環境では1920x1080で大きすぎると怒られてしまいました。なので仕方なくスマホの時には1280x720pにてcanvasサイズ変更するようにしました。具体的にその時のプロジェクトは下記のものです。
  * https://tetsuakibaba.github.io/ADADACUMULUS2020BackgroundGenerator/