​​プログラミングB #03

​​#03 基本的な図形描画

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

​​授業前の確認

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

​​まとめ

​​
  • ​​授業では授業資料の内容に沿って進めていくので，資料を開こう
  • ​​画面分割をうまく使って作業しながら資料が見れるようにしてください．効率がいいはず．
​​
​​

​​授業で開いてほしいもの

​​
  • ​​ログインする
  • ​​ログインする
​​
​​

​​OpenProcessingでコードを動かしてみる

​​
  • ​​ログイン後画面のの右上「CreateSketch」ボタンから新規プログラムを作成
​​
 
User-uploaded image: 1takawo_-_OpenProcessing.png
​​

​​Sketchをコピーする or 新しく書いてみる

​​
 
User-uploaded image: 1_2018_10_08_12_31.png
​​基本的にはdraw関数にプログラムを書いていく
​​
 
User-uploaded image: 4_My_Sketch_-_OpenProcessing.png
​​

​​授業用ページへのリンク

  • ​​やってもらいたいこと
  • ​​上のリンクにアクセスして，以下のコードを入力してください．
  • ​​67EB47