Loading...
プロジェクト実習(基礎)2020
この資料について
情報科学芸術大学院大学[IAMAS]のプロジェクト実習(基礎)のうち、2020年5月11日に開催するArchival Archetypingで使用する資料です。
事前準備
チェックリスト
Discordサーバに参加した
Glitch.comでアカウントを作成した
レクチャー動画4本を観てハンズオン(p5.jsとTeachable Machine)を実施した
レクチャーとハンズオン
資料:
+
機械学習入門
当日
講義
ZoomからYouTube Liveにストリーミングして配信
制作の準備
P5js Ml5js Template
A template created for a workshop utilizing p5.js (v1.0.0) and ml5.js (v.0.4.3). 🎏 Glitch is the friendly community where everyone can discover & create the best apps on the web.
glitch.com
p5.jsとml5.jsをGlitch上で使うためのテンプレート
googlecreativelab/teachablemachine-community
Example code snippets and machine learning code for Teachable Machine - googlecreativelab/teachablemachine-community
github.com
Tm Image Demo
Starter code for an image model created with Teachable Machine. Determine the ripeness of a banana! 🎏 Glitch is the friendly community where everyone can discover & create the best apps on the web.
glitch.com
Tm Audio Demo
Starter code for an audio model created with Teachable Machine. Recognize claps, snaps, and whistles! 🎏 Glitch is the friendly community where everyone can discover & create the best apps on the web.
glitch.com
Tm Pose Demo
Starter code for a pose model created with Teachable Machine. Detect if your head is tilting right or left! 🎏 Glitch is the friendly community where everyone can discover & create the best apps on the web.
glitch.com
Tm Wizard
TeachableMachine.js Wizard training demo 🎏 Glitch is the friendly community where everyone can discover & create the best apps on the web.
glitch.com
Tm Model Viewer
Starter project to run any model trained on Teachable Machine 🎏 Glitch is the friendly community where everyone can discover & create the best apps on the web.
glitch.com
Hospitable Excellent Diascia
A template created for a workshop utilizing p5.js (v1.0.0) and ml5.js (v.0.4.3). 🎏 Glitch is the friendly community where everyone can discover & create the best apps on the web.
glitch.com
Teachable Machine Pose Model + p5.js
書籍『Generative Design with p5.js』サポートサイト
ml5.js - ImageClassifier
ml5.js - SoundClassifier
Teachable Machine Library - Pose
デザインチャレンジ(design challenge)
緊急事態宣言下で楽しく過ごすにはどうすればいいだろうか?
Design challenge: How might we spend our time happily under a declared state of emergency?
進め方
Discordで自分が所属するチームのテキストチャンネル(例:
#team-a
)に参加する
チームの中で相談して誰か一人が
テンプレートプロジェクト
を開く
Remix Your Ownボタンをクリック
して自分のチーム用のプロジェクトを作成する
プロジェクトの設定を
privateに変更
する
編集用のリンクをコピー
してチームのテキストチャンネルで他のメンバーに伝える
チーム用のボイスチャンネルを活用して相談しながら制作を進める
画像や音声ファイルなどを使用する場合には
Assetsに追加
してください
教員3名は基本的に
lounge
で待機していますので、何か質問があれば
lounge
に来てください
時々、各チームの様子を覗くためそれぞれのチームのボイスチャンネルに参加するかもしれません
定刻(
14:00を予定
)になったら順に発表する
発表が終わったらREADME.mdを更新する
各チームの成果物発表
Discord上で画面共有をしながら発表。Glith上に公開したコードを各自自宅で動かした上で感想などを共有。
補足
Processingとp5.jsの違い
processing/p5.js
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Proces...
github.com
Please turn on JavaScript to use Paper in all of its awesomeness. ^_^
この資料について
事前準備
チェックリスト
レクチャーとハンズオン
当日
講義
制作の準備
デザインチャレンジ(design challenge)
進め方
各チームの成果物発表
補足
Processingとp5.jsの違い