Graphics/2021/ex12
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
*グラフィックス基礎及び実習 2021年度 第12回 実習と宿題 [#...
#contents
//&color(#ff0000){''工事中''};
//**注意 [#notice]
**実習課題A 締切: 当日13:30 [#kadaiA]
&color(#00a000){''以下のことをやって，作ったソースファイ...
+ 講義資料/授業動画の説明にしたがって，MouseEventSample.j...
+ それをコピーして MouseEvent.java というソースファイルを...
+ ウィンドウタイトルを MouseEvent に修正
+ lab1の領域でマウスカーソルがドラッグ（ボタンを押したま...
-- 字が途切れるのが気になるひとは，lab1の表示幅を広げる設...
+ コンパイル＆実行して動作確認する
+ MouseEvent.java を提出する
**実習課題B 締切: 当日16:00 [#kadaiB]
&color(#00a000){''以下のことをやって，作ったソースファイ...
*** Step1 [#rf529200]
Graphics チームから以下の２つのクラスファイルをダウンロー...
- DoraPaneSample.class
- G12DoraSample.class
*** Step2 [#rf529200]
G12DoraSample を実行して動作をよく観察しよう
+ アプリケーションウィンドウへ／からマウスカーソルが入る...
+ より正確には，どの領域へのカーソルの出入りでイベントが...
+ 上記の領域内でクリックするとどうなる？
+ クリックする位置によって違いはないだろうか？
&color(blue){&size(8){ これはいったい誰でしょう？ (1) ド...
***Step3 [#v122eb43]
G12DoraSample の一部機能を実現したクラス G12Dora を作ろう
まずは，以下をそのまま作って動かしてみよう．
このプログラムは，DoraPaneSample クラスを利用している．
DoraPaneSample クラスは後述のように Pane のサブクラスであ...
#pre{{
import javafx.application.Application;
import javafx.stage.*;
import javafx.scene.*;
import javafx.scene.control.*;
import javafx.scene.layout.*;
//import javafx.event.*;
public class G12Dora extends Application {
@Override
public void start(Stage pstage) {
DoraPaneSample dora = new DoraPaneSample();
Label label = new Label();
BorderPane root = new BorderPane();
root.setCenter(dora);
root.setBottom(label);
Scene scene = new Scene(root);
pstage.setScene(scene);
pstage.setTitle("G12Dora");
pstage.sizeToScene();
pstage.show();
}
public static void main(String[] args) {
launch(args);
}
}
}}
***Step4 [#j9a257c4]
G12Dora を修正して，G12DoraSample と同じ動作をさせようDor...
以下に示す [[DoraPaneSample クラスのAPI仕様>#DoraPaneSamp...
ただし，このAPI仕様に示されたすべての項目を使用すること．
ヒント:
+ イベントハンドラは，dora に対して設定すればよい
+ クリック時のカーソルのXY座標を取得して鼻の領域内かどう...
if (ほげ.onNose(X, Y)) ... // ↓の例のように true や fal...
// onNose の...
// 減点となる...
+ プログラム中に "ばいばい" とか自分で書かない．API仕様を...
>
注: API仕様によると，これらのメッセージを表すクラス変数は...
<
***Step5 [#n8b7443a]
提出しよう
完成した G12Dora.java をこの科目の Moodle コース上の当該...
***DoraPaneSample のAPI仕様 [#DoraPaneSample]
''[[javafx.scene.layout.Pane>https://docs.oracle.com/java...
- ''コンストラクタ''
>
:DoraPaneSample()| 「Dora」が描かれた Pane のインスタンス...
<
- ''メソッド''
>
:boolean onNose(double x, double y)| 座標 (x, y) が「Dora...
<
- ''フィールド''
>
:String mEntered| "ぼくどらちゃん"
:String mClicked|"どらやき食べたい"
:String mOnNose|"いたい！いたい！"
:String mExited|"ばいばい"
<
注: DoraPaneSampleでは，鼻の領域は (150, 150) を中心とす...
**宿題 [#hw]
&color(#00a000){''次回授業までに必ずやっておくこと''};
次回の授業の資料（PDFや動画）等は [[こちら>../../2021#ex1...
+ 講義資料を入手．紙でほしい方は各自で印刷してください．
>
キャンパス内各所に設置されたプリンタで印刷することもでき...
<
+ 授業動画を視聴する
>
学内の実習室等に設置の PC ではスピーカから音が出ませんの...
<
+ 講義資料・授業動画に出てくるプログラムを実際に作って実...
**実習課題S(omake) 締切: 次回実習時間終了時 [#kadaiS]
&color(#00a000){''これはおまけ課題です．やらなくても減点...
（moodle の「おまけ課題」のところに，「自由課題」というの...
//&color(#ff0000){''工事中''};
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
をダウンロードして実行してみよう（Graphicsチームの方にも...
これと同じ動作をするプログラムを作ろう．次のように考えた...
+ Shape クラスのサブクラスを使って Dora の図を描くプログ...
+ 右目を表す楕円オブジェクトに対してイベントハンドラを設...
+ その他の図形オブジェクトに対しても同様にイベントハンド...
コメントを付けて，どの部分が何を描いてるかよく分かるよう...
終了行:
*グラフィックス基礎及び実習 2021年度 第12回 実習と宿題 [#...
#contents
//&color(#ff0000){''工事中''};
//**注意 [#notice]
**実習課題A 締切: 当日13:30 [#kadaiA]
&color(#00a000){''以下のことをやって，作ったソースファイ...
+ 講義資料/授業動画の説明にしたがって，MouseEventSample.j...
+ それをコピーして MouseEvent.java というソースファイルを...
+ ウィンドウタイトルを MouseEvent に修正
+ lab1の領域でマウスカーソルがドラッグ（ボタンを押したま...
-- 字が途切れるのが気になるひとは，lab1の表示幅を広げる設...
+ コンパイル＆実行して動作確認する
+ MouseEvent.java を提出する
**実習課題B 締切: 当日16:00 [#kadaiB]
&color(#00a000){''以下のことをやって，作ったソースファイ...
*** Step1 [#rf529200]
Graphics チームから以下の２つのクラスファイルをダウンロー...
- DoraPaneSample.class
- G12DoraSample.class
*** Step2 [#rf529200]
G12DoraSample を実行して動作をよく観察しよう
+ アプリケーションウィンドウへ／からマウスカーソルが入る...
+ より正確には，どの領域へのカーソルの出入りでイベントが...
+ 上記の領域内でクリックするとどうなる？
+ クリックする位置によって違いはないだろうか？
&color(blue){&size(8){ これはいったい誰でしょう？ (1) ド...
***Step3 [#v122eb43]
G12DoraSample の一部機能を実現したクラス G12Dora を作ろう
まずは，以下をそのまま作って動かしてみよう．
このプログラムは，DoraPaneSample クラスを利用している．
DoraPaneSample クラスは後述のように Pane のサブクラスであ...
#pre{{
import javafx.application.Application;
import javafx.stage.*;
import javafx.scene.*;
import javafx.scene.control.*;
import javafx.scene.layout.*;
//import javafx.event.*;
public class G12Dora extends Application {
@Override
public void start(Stage pstage) {
DoraPaneSample dora = new DoraPaneSample();
Label label = new Label();
BorderPane root = new BorderPane();
root.setCenter(dora);
root.setBottom(label);
Scene scene = new Scene(root);
pstage.setScene(scene);
pstage.setTitle("G12Dora");
pstage.sizeToScene();
pstage.show();
}
public static void main(String[] args) {
launch(args);
}
}
}}
***Step4 [#j9a257c4]
G12Dora を修正して，G12DoraSample と同じ動作をさせようDor...
以下に示す [[DoraPaneSample クラスのAPI仕様>#DoraPaneSamp...
ただし，このAPI仕様に示されたすべての項目を使用すること．
ヒント:
+ イベントハンドラは，dora に対して設定すればよい
+ クリック時のカーソルのXY座標を取得して鼻の領域内かどう...
if (ほげ.onNose(X, Y)) ... // ↓の例のように true や fal...
// onNose の...
// 減点となる...
+ プログラム中に "ばいばい" とか自分で書かない．API仕様を...
>
注: API仕様によると，これらのメッセージを表すクラス変数は...
<
***Step5 [#n8b7443a]
提出しよう
完成した G12Dora.java をこの科目の Moodle コース上の当該...
***DoraPaneSample のAPI仕様 [#DoraPaneSample]
''[[javafx.scene.layout.Pane>https://docs.oracle.com/java...
- ''コンストラクタ''
>
:DoraPaneSample()| 「Dora」が描かれた Pane のインスタンス...
<
- ''メソッド''
>
:boolean onNose(double x, double y)| 座標 (x, y) が「Dora...
<
- ''フィールド''
>
:String mEntered| "ぼくどらちゃん"
:String mClicked|"どらやき食べたい"
:String mOnNose|"いたい！いたい！"
:String mExited|"ばいばい"
<
注: DoraPaneSampleでは，鼻の領域は (150, 150) を中心とす...
**宿題 [#hw]
&color(#00a000){''次回授業までに必ずやっておくこと''};
次回の授業の資料（PDFや動画）等は [[こちら>../../2021#ex1...
+ 講義資料を入手．紙でほしい方は各自で印刷してください．
>
キャンパス内各所に設置されたプリンタで印刷することもでき...
<
+ 授業動画を視聴する
>
学内の実習室等に設置の PC ではスピーカから音が出ませんの...
<
+ 講義資料・授業動画に出てくるプログラムを実際に作って実...
**実習課題S(omake) 締切: 次回実習時間終了時 [#kadaiS]
&color(#00a000){''これはおまけ課題です．やらなくても減点...
（moodle の「おまけ課題」のところに，「自由課題」というの...
//&color(#ff0000){''工事中''};
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
をダウンロードして実行してみよう（Graphicsチームの方にも...
これと同じ動作をするプログラムを作ろう．次のように考えた...
+ Shape クラスのサブクラスを使って Dora の図を描くプログ...
+ 右目を表す楕円オブジェクトに対してイベントハンドラを設...
+ その他の図形オブジェクトに対しても同様にイベントハンド...
コメントを付けて，どの部分が何を描いてるかよく分かるよう...
ページ名:
![[PukiWiki]](image/blackuni3-80x80.png "[PukiWiki]")
