Loading...
プログラミングB #03
#03 基本的な図形描画
高尾俊介(takawo@konan-wu.ac.jp)
甲南女子大学 文学部 メディア表現学科 講師
授業前の確認
Google Chromeで起動しよう
Internet Explorerなどではエディタがうまく動かないときがあります.注意.
Windowsでディスプレイを2分割して表示する方法
みんなできる?
こういうやつ.
やり方
分割したいウィンドウを開く(Google Chromeなどを起動)
ウィンドウ上部のバー(何も書かれてないところ)部分をつかんで,画面の右端にドラッグしてぶつける.
ウィンドウもうひとつ開く(Google Chromeなどを起動)
反対側にぶつける
Win + 矢印キーでもできる,やってみよう.
まとめ
授業では授業資料の内容に沿って進めていくので,資料を開こう
画面分割をうまく使って作業しながら資料が見れるようにしてください.効率がいいはず.
授業で開いてほしいもの
授業資料
p5.js Editor
ログインする
OpenProcessing
ログインする
OpenProcessingでコードを動かしてみる
OpenProcessing
にログイン
ログイン後画面のの右上「CreateSketch」ボタンから新規プログラムを作成
Sketchをコピーする or 新しく書いてみる
基本的にはdraw関数にプログラムを書いていく
授業用ページへのリンク
やってもらいたいこと
https://www.openprocessing.org/class/58688
上のリンクにアクセスして,以下のコードを入力してください.
67EB47
Please turn on JavaScript to use Paper in all of its awesomeness. ^_^
#03 基本的な図形描画
授業前の確認
まとめ
授業で開いてほしいもの
OpenProcessingでコードを動かしてみる
Sketchをコピーする or 新しく書いてみる
授業用ページへのリンク