プログラミングB #14

#14 DOM,モバイルデバイス向けのプログラミング


高尾俊介(takawo@konan-wu.ac.jp)
甲南女子大学 文学部 メディア表現学科 講師

 

授業のアーカイブ

一部編集しました.変換後閲覧できるようになります.(1/25(月) 15:00)

ZOOM 


ミーティングID: 845 1513 0499
パスコード: 833307
 

p5.jsでこども向けのプログラミング学習のコンテンツを作成しました.

Teachable Machineを試してみる



 

デバイスでのプログラミング


  • p5.jsはJavaScriptで記述されているため,ウェブ上であれば実行可能
  • インターネットが繋がる環境であればスマートフォンでも実行できる
  • 今回はスマートフォンの特性を利用したプログラミングをやってみる



p5.js Editor をスマートフォンで開く方法


  • スマートフォンからp5.js Web Editorへアクセスして,ログインしてスケッチを開く
  • フルスクリーンでスケッチを実行する

 

デバイスの向きを取得して描画を変更する


let permissionGranted = false;
let cx, cy;