|
サイズ: 274
コメント:
|
サイズ: 2033
コメント:
|
| 削除された箇所はこのように表示されます。 | 追加された箇所はこのように表示されます。 |
| 行 1: | 行 1: |
| == etoys入門１ == Smalltalk :: オブジェクト指向言語の元祖 Squeak :: オープンソースのSmalltalk Etoys :: Squeak上でGUIプログラミング |
#acl All: == etoysタートルグラフィックス == 基本的な使い方(前回の復習) . 起動と終了 . プロジェクトの作成と保存 . お絵かき ハロとビューアを使った操作(新しい内容) . オブジェクトの状態 . スクリプトの作成と実行 課題 . タートルグラフィックス . 絵を動かして線を引くことで図形を描きます。 . これをタートルグラフィックスといいます。 ---- === 演習 === 絵を１つ描きます。 描いた絵を動かすためのスクリプト（プログラム）を作成します。 |
| 行 7: | 行 23: |
| スタートメニューから'''スクイークetoys'''を選びます。 . {{attachment:startmenu.png}} 起動したら<<Color(orange:↑はじめよう)>>が指している絵をクリックします。 . {{attachment:start1.png}} 名前が'''名無し'''になっていることを確認してから次を行います。 |
|
| 行 9: | 行 30: |
| このボタンを押すと絵を描く画面になります。 . {{attachment:paint1.png}} 描き終ったら'''保存'''を押します。 . {{attachment:paint2.png}} |
|
| 行 11: | 行 36: |
| 描き終わった絵は自由に配置することができます。(左ボタン) . {{attachment:paint4.png}} 中ボタンでクリックすると絵のまわりに'''ハロ'''が表示されます。 . {{attachment:paint5.png}} |
|
| 行 13: | 行 42: |
| 目の形のハロをクリックすると画面右にビューアが表示されます。 . {{attachment:tile1.png}} ビューアからタイルを取り出してスクリプトを作成できます。 . {{attachment:tile2.png}} このボタンを押すとスクリプトが１回実行されます。 . {{attachment:usagi02.png}} このボタンを使って繰り返し実行の設定ができます。 . {{attachment:usagi08.png}} どんなときに実行するかを指定することもできます。 . {{attachment:script3.png}} |
etoysタートルグラフィックス
基本的な使い方(前回の復習)
- 起動と終了
- プロジェクトの作成と保存
- お絵かき
ハロとビューアを使った操作(新しい内容)
- オブジェクトの状態
- スクリプトの作成と実行
課題
- タートルグラフィックス
- 絵を動かして線を引くことで図形を描きます。
- これをタートルグラフィックスといいます。
演習
絵を１つ描きます。
描いた絵を動かすためのスクリプト（プログラム）を作成します。
起動
スタートメニューからスクイークetoysを選びます。
![[添付]](/~masahiko/moin.cgi/etoys%E3%82%BF%E3%83%BC%E3%83%88%E3%83%AB%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9?action=AttachFile&do=upload_form&ticket=00680017ed.12d2aa3ceb25df148d8e094bfc9ae5d3&target=startmenu.png "[添付]"){kind=small}
起動したら↑はじめようが指している絵をクリックします。
![[添付]](/~masahiko/moin.cgi/etoys%E3%82%BF%E3%83%BC%E3%83%88%E3%83%AB%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9?action=AttachFile&do=upload_form&ticket=00680017ed.12d2aa3ceb25df148d8e094bfc9ae5d3&target=start1.png "[添付]"){kind=small}
名前が名無しになっていることを確認してから次を行います。
お絵かき
このボタンを押すと絵を描く画面になります。
![[添付]](/~masahiko/moin.cgi/etoys%E3%82%BF%E3%83%BC%E3%83%88%E3%83%AB%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9?action=AttachFile&do=upload_form&ticket=00680017ed.12d2aa3ceb25df148d8e094bfc9ae5d3&target=paint1.png "[添付]"){kind=small}
描き終ったら保存を押します。
![[添付]](/~masahiko/moin.cgi/etoys%E3%82%BF%E3%83%BC%E3%83%88%E3%83%AB%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9?action=AttachFile&do=upload_form&ticket=00680017ed.12d2aa3ceb25df148d8e094bfc9ae5d3&target=paint2.png "[添付]"){kind=small}
ハロ
描き終わった絵は自由に配置することができます。(左ボタン)
![[添付]](/~masahiko/moin.cgi/etoys%E3%82%BF%E3%83%BC%E3%83%88%E3%83%AB%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9?action=AttachFile&do=upload_form&ticket=00680017ed.12d2aa3ceb25df148d8e094bfc9ae5d3&target=paint4.png "[添付]"){kind=small}
中ボタンでクリックすると絵のまわりにハロが表示されます。
![[添付]](/~masahiko/moin.cgi/etoys%E3%82%BF%E3%83%BC%E3%83%88%E3%83%AB%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9?action=AttachFile&do=upload_form&ticket=00680017ed.12d2aa3ceb25df148d8e094bfc9ae5d3&target=paint5.png "[添付]"){kind=small}
スクリプト
目の形のハロをクリックすると画面右にビューアが表示されます。
![[添付]](/~masahiko/moin.cgi/etoys%E3%82%BF%E3%83%BC%E3%83%88%E3%83%AB%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9?action=AttachFile&do=upload_form&ticket=00680017ed.12d2aa3ceb25df148d8e094bfc9ae5d3&target=tile1.png "[添付]"){kind=small}
ビューアからタイルを取り出してスクリプトを作成できます。
![[添付]](/~masahiko/moin.cgi/etoys%E3%82%BF%E3%83%BC%E3%83%88%E3%83%AB%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9?action=AttachFile&do=upload_form&ticket=00680017ed.12d2aa3ceb25df148d8e094bfc9ae5d3&target=tile2.png "[添付]"){kind=small}
このボタンを押すとスクリプトが１回実行されます。
このボタンを使って繰り返し実行の設定ができます。
![[添付]](/~masahiko/moin.cgi/etoys%E3%82%BF%E3%83%BC%E3%83%88%E3%83%AB%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9?action=AttachFile&do=upload_form&ticket=00680017ed.12d2aa3ceb25df148d8e094bfc9ae5d3&target=usagi08.png "[添付]"){kind=small}
どんなときに実行するかを指定することもできます。
![[添付]](/~masahiko/moin.cgi/etoys%E3%82%BF%E3%83%BC%E3%83%88%E3%83%AB%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9?action=AttachFile&do=upload_form&ticket=00680017ed.12d2aa3ceb25df148d8e094bfc9ae5d3&target=script3.png "[添付]"){kind=small}