Graphics/2020/ex13

Graphics2020フォルダ／ディレクトリで作業してるひとは，いつもの場所に作ればおけ（Step0 でそこに DoraPaneSample.class 置いてるはず）．
gr2020 プロジェクトで作業してるひとは，以下を src/ に作ってふつうに Run するだけでおけ．lib/G12DoraSample.jar に含まれている DoraSample.class を勝手に使ってくれる．

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);
    }
}

↑

Step3 G12Dora ver.2†

G12DoraSample と同じことをするクラス G12Dora を作ろう（ver.2）

G12Dora を修正して，G12DoraSample と同じ動作をさせよう．以下に示す DoraPaneSample クラスのAPI仕様を参考にすればよい．ただし，このAPI仕様に示されたすべての項目を使用すること．

ヒント:

イベントハンドラは，dora に対して設定すればよい
クリック時のカーソルのXY座標を取得して鼻の領域内かどうか判定すればよいわけだが，その判定は自分でやる必要はない．API仕様を確認しよう
```
if (ほげ.onNose(X, Y)) ...
```
プログラム中に "ばいばい" とか自分で書かない．API仕様を確認しよう

↑

Step4 提出†

提出しよう

完成した G12Dora.java をこの科目の Moodle コース上の当該の場所へ提出してください．このファイルは締切後に半自動的に処理します．コンパイルエラーになる，ファイル名が違う，といったことのないように注意すること．ファイル名の間違い（大文字小文字も）に注意．

↑

DoraPaneSample のAPI仕様†

javafx.scene.layout.Pane のサブクラス

コンストラクタ

DoraPaneSample()

「Dora」が描かれた Pane のインスタンスを生成．大きさは300x300．背景は白色．
メソッド

boolean onNose(double x, double y)

座標 (x, y) が「Dora」の鼻の領域内（注）だったら true, さもなくば false．
フィールド

String mEntered

"ぼくどらちゃん"

String mClicked

"どらやき食べたい"

String mOnNose

"いたい！いたい！"

String mExited

"ばいばい"

注: DoraPaneSampleでは，鼻の領域は (150, 150) を中心とする半径15の円とその内部．

↑

ex13 課題B†

提出期限: 0710金 4講時開始後少し経ったら（正確な時間は近日中にお知らせします）
→ 提出期限: 0710金 15:50

↑

Step1 Doraを描く†

次の内容のソースファイル DoraPane.java を作ろう．

import javafx.scene.layout.*;
import javafx.scene.canvas.*;
import javafx.scene.paint.*;

public class DoraPane extends Pane{

    public DoraPane(){
	Canvas canvas = new Canvas(300, 300);
	this.getChildren().add(canvas);
        this.setStyle("-fx-background-color: white;");
	this.draw(canvas);
    }

    private void draw(Canvas c){
        // 今はまだ空っぽ
    }
}

次の内容のソースファイル G13Dora.java を作ろう．

import javafx.application.Application;
import javafx.stage.*;
import javafx.scene.*;
import javafx.scene.control.*;
import javafx.scene.layout.*;

public class G13Dora extends Application {
    @Override
    public void start(Stage pstage) {
	DoraPane dora = new DoraPane();
	BorderPane root = new BorderPane();
	root.setCenter(dora);
	Scene scene = new Scene(root);
	pstage.setScene(scene);
	pstage.setTitle("G13Dora");
	pstage.sizeToScene();
	pstage.show();
    }
    public static void main(String[] args) {
	launch(args);
    }
}

G13Dora.java をコンパイルして G13Dora を実行しよう．この時点では 300x300 の真っ白なキャンバスが描かれるはずである．
draw メソッドの中身を書いて，Doraを描こう．ただし，
- ソースには，どこがどの部分を描いているのか分かるように，コメントをたくさんつけること．
- Dora は DoraPaneSample のものより簡略化しないこと．頭部は角が丸い矩形として描くこと．これらの条件を守れば好きにカスタマイズしてよい．口やらひげやら描くとか，妹の方にするとか，きれいなジャイアンにするとか．
- 顔の部品を描く順序に注意しよう．特に，目の部分

↑

Step2 仕上げよう†

課題AのDoraPaneSampleのAPI を参考に，DoraPane.java に必要なものを追加しよう．onNose メソッドについては，自分の Dora の鼻の位置に合わせるようにしよう．
G12Dora で DoraPaneSample を使っているところを DoraPane に変更して，ちゃんと動くことを確認しよう．

↑