Graphics/2019/ex13
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
*グラフィックス基礎及び実習 2019年度 第13回 [#e9701092]
#contents
//&color(#ff0000){工事中};
**お知らせ [#notice]
&color(red){''次回の実習のページはすでに公開しています''}...
**課題A(self) 完成目標: 今回の実習終了まで [#kadaiA]
前回講義資料のプログラム ShapeSample.java を作って動作確...
ShapeSample.java は[[こちら>https://gist.github.com/takat...
動作確認できたら，次のようにいじってみよう．何がどうなっ...
+ 23,24行目の left と right を入れ替えてみよう．
-- &color(white,blue){check}; drawRectangles メソッドの中...
-- &color(white,blue){check}; ということは，Rectangleコン...
-- &color(white,blue){check}; 一方，root のローカル座標...
+ 36行目の Rectangle コンストラクタの引数を次のように変え...
Rectangle rect1 = new Rectangle(20, 30, 140, 160);
-- &color(white,blue){check}; rect1 と rect2 の重なり方を...
+ 46行目の addAll の引数を次のように変えてみよう．
p.getChildren().addAll(rect2, rect1);
-- &color(white,blue){check}; rect1 と rect2 の重なり方を...
+ ''46行目を元に戻してから''，49行目の rect2 を rect1 に...
-- &color(white,blue){check}; どこをクリックすると rect2 ...
-- &color(white,blue){check}; rect2 内部はどう？ 結果から...
**課題B(self) 完成目標: 今回の実習終了まで [#kadaiB]
講義資料を読み，そこに載っているプログラム CanvasSample.j...
CanvasSample.java は[[こちら>https://gist.github.com/taka...
動作確認できたら，次のようにいじってみよう．何がどうなっ...
+ 23-25行目の canvas1, canvas2, canvas3 を適当に入れ替え...
-- &color(white,blue){check}; ShapeSample の場合と同様の...
+ 47行目を50行目と51行目の間に移動させてみよう．
-- &color(white,blue){check}; 2つの図形の重なり方を観察し...
+ 60行目の setOnMouseDragged を setOnMouseMoved に変えて...
-- &color(white,blue){check}; Dragged でも Moved でも，カ...
**課題C(TA) 締切: 次回実習開始直後 [#kadaiC]
***Step1 Doraを描く [#g9529a1f]
+ 次の内容のソースファイル DoraPane.java を作ろう．
#pre{{
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 を作ろう．
#pre{{
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 を実行しよう．こ...
+ draw メソッドの中身を書いて，Doraを描こう．ただし，
-- ソースには，どこがどの部分を描いているのか分かるように...
-- Dora は DoraPaneSample のものより簡略化しないこと．頭...
*** Step2 仕上げよう [#v3a4aee7]
+ [[前回課題CのDoraPaneSampleのAPI>Graphics/2019/ex12#Dor...
+ G12Dora で DoraPaneSample を使っているところを DoraPane...
***Step3 悪い教員に唆されて青春の無駄遣いをしてしまったT...
の成果を見ます？
- [[2017年度TAのみなさん>Graphics:G11Dora-ta2017.png]]
- [[2018年度TAのみなさん>Graphics:G12Dora-ta2018.png]]
- 大学院楽しいよ
**課題S(omake) [#kadaiS]
今回出題のおまけ課題はありません．今までやってないのをど...
終了行:
*グラフィックス基礎及び実習 2019年度 第13回 [#e9701092]
#contents
//&color(#ff0000){工事中};
**お知らせ [#notice]
&color(red){''次回の実習のページはすでに公開しています''}...
**課題A(self) 完成目標: 今回の実習終了まで [#kadaiA]
前回講義資料のプログラム ShapeSample.java を作って動作確...
ShapeSample.java は[[こちら>https://gist.github.com/takat...
動作確認できたら，次のようにいじってみよう．何がどうなっ...
+ 23,24行目の left と right を入れ替えてみよう．
-- &color(white,blue){check}; drawRectangles メソッドの中...
-- &color(white,blue){check}; ということは，Rectangleコン...
-- &color(white,blue){check}; 一方，root のローカル座標...
+ 36行目の Rectangle コンストラクタの引数を次のように変え...
Rectangle rect1 = new Rectangle(20, 30, 140, 160);
-- &color(white,blue){check}; rect1 と rect2 の重なり方を...
+ 46行目の addAll の引数を次のように変えてみよう．
p.getChildren().addAll(rect2, rect1);
-- &color(white,blue){check}; rect1 と rect2 の重なり方を...
+ ''46行目を元に戻してから''，49行目の rect2 を rect1 に...
-- &color(white,blue){check}; どこをクリックすると rect2 ...
-- &color(white,blue){check}; rect2 内部はどう？ 結果から...
**課題B(self) 完成目標: 今回の実習終了まで [#kadaiB]
講義資料を読み，そこに載っているプログラム CanvasSample.j...
CanvasSample.java は[[こちら>https://gist.github.com/taka...
動作確認できたら，次のようにいじってみよう．何がどうなっ...
+ 23-25行目の canvas1, canvas2, canvas3 を適当に入れ替え...
-- &color(white,blue){check}; ShapeSample の場合と同様の...
+ 47行目を50行目と51行目の間に移動させてみよう．
-- &color(white,blue){check}; 2つの図形の重なり方を観察し...
+ 60行目の setOnMouseDragged を setOnMouseMoved に変えて...
-- &color(white,blue){check}; Dragged でも Moved でも，カ...
**課題C(TA) 締切: 次回実習開始直後 [#kadaiC]
***Step1 Doraを描く [#g9529a1f]
+ 次の内容のソースファイル DoraPane.java を作ろう．
#pre{{
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 を作ろう．
#pre{{
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 を実行しよう．こ...
+ draw メソッドの中身を書いて，Doraを描こう．ただし，
-- ソースには，どこがどの部分を描いているのか分かるように...
-- Dora は DoraPaneSample のものより簡略化しないこと．頭...
*** Step2 仕上げよう [#v3a4aee7]
+ [[前回課題CのDoraPaneSampleのAPI>Graphics/2019/ex12#Dor...
+ G12Dora で DoraPaneSample を使っているところを DoraPane...
***Step3 悪い教員に唆されて青春の無駄遣いをしてしまったT...
の成果を見ます？
- [[2017年度TAのみなさん>Graphics:G11Dora-ta2017.png]]
- [[2018年度TAのみなさん>Graphics:G12Dora-ta2018.png]]
- 大学院楽しいよ
**課題S(omake) [#kadaiS]
今回出題のおまけ課題はありません．今までやってないのをど...
ページ名:
![[PukiWiki]](image/blackuni3-80x80.png "[PukiWiki]")
