​​プログラミングB #03
​​#03 基本的な図形描画
​​
​​高尾俊介（takawo@konan-wu.ac.jp）
​​甲南女子大学 文学部 メディア表現学科 講師
​​
​​

​​授業内容

​​
  • ​​チートシートの配布
  • ​​OpenProcessingのアカウント作成
  • ​​ロボットをコードで描いてみる
​​
​​
​​

​​授業前の確認

​​
  • ​​Google Chromeで起動しよう
  • ​​Internet Explorerなどではエディタがうまく動かないときがあります．注意．
​​
​​Windowsでディスプレイを2分割して表示する方法
  • ​​みんなできる？
​​
 
User-uploaded image: .PNG
​​こういうやつ．
​​やり方
  • ​​分割したいウィンドウを開く（Google Chromeなどを起動）
  • ​​ウィンドウ上部のバー（何も書かれてないところ）部分をつかんで，画面の右端にドラッグしてぶつける．
  • ​​ウィンドウもうひとつ開く（Google Chromeなどを起動）
  • ​​反対側にぶつける
​​
 
User-uploaded image: animation.gif
​​Win + 矢印キーでもできる，やってみよう．
  • ​​授業では授業資料の内容に沿って進めていくので，資料を開こう
  • ​​画面分割をうまく使って作業しながら資料が見れるようにしてください．効率がいいはず．
​​
​​
​​

​​チートシートの配布

​​
​​
 
Dropbox file iconp5cheatsheet-JA
​​
​​
​​

​​Open Processingについて

​​
  • ​​授業では各回の授業内容を振り返ったコードを，OpenProcessingというサイトでコードを登録する
  • ​​今回の授業ではOpenProcessingでアカウントの登録を行う
​​
​​https://www.openprocessing.org/
​​
​​

​​Open Processingのアカウント作成

​​
  1. ​​Google Chromeで「OpenProcessing」を検索