17
中中中中中中中 中中中 ググググググググググググググ 1,2 August 2003 coskx

中学生のための体験講座 グラフィックスプログラミング

  • Upload
    decima

  • View
    27

  • Download
    3

Embed Size (px)

DESCRIPTION

中学生のための体験講座 グラフィックスプログラミング. 1,2 August 2003. 情報工学科 小坂敏文. 最初のプログラムの実行手順(1). 作業: 「 step0.cpp」 を「 GLcc.cmd」 にドラッグ&ドロップ. 最初のプログラムの実行手順(2). 「 step0.exe」 をダブルクリック. 最初のプログラムの実行の様子. ウインドウ内部で ドラッグしてみよう. 元のプログラムを確認しよう. 作業: 「 step0.cpp」 を「 TeraPad」 にドラッグ&ドロップ. 元のプログラム( step0.cpp). - PowerPoint PPT Presentation

Citation preview

Page 1: 中学生のための体験講座 グラフィックスプログラミング

中学生のための体験講座グラフィックスプログラミング

1,2 August 2003

coskx

Page 2: 中学生のための体験講座 グラフィックスプログラミング

最初のプログラムの実行手順(1)

作業:「 step0.cpp」を「 GLcc.cmd」にドラッグ&ドロップ

Page 3: 中学生のための体験講座 グラフィックスプログラミング

最初のプログラムの実行手順(2)

「 step0.exe」をダブルクリック

Page 4: 中学生のための体験講座 グラフィックスプログラミング

最初のプログラムの実行の様子

ウインドウ内部でドラッグしてみよう

Page 5: 中学生のための体験講座 グラフィックスプログラミング

元のプログラムを確認しよう

作業:「 step0.cpp」を「 TeraPad」にドラッグ&ドロップ

Page 6: 中学生のための体験講座 グラフィックスプログラミング

// step0 for unior high school students// T. Kosaka CS TNCT 30Apr2003

#include <stdio.h>#include <math.h>#include <GL/glut.h>#include "GL_CG_Juniorhigh.h"

void userdraw(void){ static int tick=0;

fillRectangle(-180,100,200,-100,RGB(0,0.5,0.5)); drawRectangle(-200,100,-150,-150,RGB(0,0,0.8)); fillEllipse(-100,120,100,-200,RGB(0.2,0.8,0.2)); drawEllipse(-50,-50,200,-180,RGB(1,0,0)); drawLine(-40,-40,100,160,RGB(0.8,0,0));

tick++;}

「 // 」で始まる部分はコメントであり,何を書いてもよい

この部分は,まだ理解しなくてよい。高専 4年生くらいに理解します。

ここがこのプログラムの重要部分

元のプログラム(step0.cpp)

Page 7: 中学生のための体験講座 グラフィックスプログラミング

x

y

x

y

( 50, 100)

( -50, -80)

xy座標平面

Page 8: 中学生のための体験講座 グラフィックスプログラミング

fillRectangle(-180,100, 200,-100, RGB(0,0.5,0.5)); drawRectangle(-200,100, -150,-150, RGB(0,0,0.8)); fillEllipse(-100,120, 100,-200, RGB(0.2,0.8,0.2)); drawEllipse(-50,-50, 200,-180, RGB(1,0,0)); drawLine(-40,-40, 100,160,RGB(0.8,0,0));

x

y(-180,100)

(200,-100)

(200,-180)(-50,-50)

プログラムと図形の関係

Page 9: 中学生のための体験講座 グラフィックスプログラミング

フィンランドの国旗(Finland.cpp)

Page 10: 中学生のための体験講座 グラフィックスプログラミング

fillRectangle(-150,100,150,-100,RGB(1,1,1));

        fillRectangle(-150, 20,150, -20,RGB(0.3,0.5,1));

                fillRectangle(-70,100,-30,-100,RGB(0.3,0.5,1));

フィンランドの国旗のプログラム

Page 11: 中学生のための体験講座 グラフィックスプログラミング

オーストリアの国旗(Austria.cpp)

Page 12: 中学生のための体験講座 グラフィックスプログラミング

フランスの国旗 (France.cpp)

Page 13: 中学生のための体験講座 グラフィックスプログラミング

アヒル( gagah.cpp)

Page 14: 中学生のための体験講座 グラフィックスプログラミング

動くアヒル( movegagah.cpp)

Page 15: 中学生のための体験講座 グラフィックスプログラミング

回るアヒル( rotategagah.cpp)

Page 16: 中学生のための体験講座 グラフィックスプログラミング

ドラえもん( draemon.cpp)

配布されたプログラム 完成させよう

Page 17: 中学生のための体験講座 グラフィックスプログラミング

グラデーションをつけた四角形( step1.cpp)