チャプター 1

Step 01

下の絵をクリックしてサイレントリアルをスタート!

つぎのステップにそってやってください!



ステップ⓵:p5 エディタをひらく


❶ まずは次のリンクをクリックして p5.js エディタをべつのタブで開きます。
リンク➡ https://editor.p5js.org/silentorial/sketches/YuLe5Bj3w
❷ p5エディタ上でログイン(Log in)します。
❸ File メニューの中にあるDuplicateというのをクリックしたら自分だけのコピーとなります。そうしたらエンピツアイコンをクリックして好きな名前をいれてください。
❹ p5の準備じゅんびができたらこの画面にもどってきてください。

ステップ⓶:サイレントリアルのビデオを開く


❺ 上の絵をクリックするとビデが別のタブでスタートします。その画面(がめん)の右下にあるYouTube(ユーチューブ)をクリックすると大きな画面ででてきます。

ステップ③:p5 とビデオをきりかえながらプログラミングをする!


➏ あとは大きな画面でビデオを見ながら「STOP(ストップ)」サインが出てきたら画面をクリックしてビデオを一時停止(いちじていし)し、同じコードをp5エディタでかいていってください!

では楽しんでくださいね~!