[ 前へ | 目次 | 次へ ]

表示画面の生成

描画したグラフィックスデータは、表示画面やファイルに出力しなければ意味がありません。ここでは、グラフィックスの画面出力処理を扱います。

表示画面の生成

実際にプログラム中で2DCG を活用するためには、描画したグラフィックスデータを表示する画面が必要になります。そこで、GUI ライブラリの関数を用いて表示画面を生成します。

ウィンドウの生成

まず、ウィンドウを生成するには、GUI ライブラリのnewWindow 関数を使用します。この関数は以下の仕様を持っています。

- 関数仕様 -
int newWindow( int x, int y, int width, int height, string title )

引数のx とy でウィンドウ左上頂点の座標を指定し、width とheight でウィンドウの幅と高さを指定します。また、引数title でウィンドウのタイトルバー表示文字列を指定します。

この関数をコールすると、ウィンドウが生成され、それに割り当てられたコンポーネントID がint型で返されます。なお、コンポーネントID とは、全てのGUI 部品に割り当てられる識別番号の事です。

グラフィックスラベルの生成

ウィンドウ上には、グラフィックスを表示するためのGUI 部品である、グラフィックスラベルを配置します。これにはnewImageLabel 関数を使用します。この関数は以下の仕様を持っています。

- 関数仕様 -
int newImageLabel ( int x, int y, int width, int height, int graphicsID )

引数には、 x とy でグラフィックスラベル左上頂点の座標を指定し、width とheight でグラフィックスラベルの幅と高さを指定します。最後の引数grarphicsID には、表示対象のグラフィックスデータのID を指定します。

この関数をコールすると、グラフィックスラベルが生成され、それに割り当てられたコンポーネントID がint 型で返されます。

画面の再描画

GUI の表示内容を変更するには、GUI の再描画(リペイント)を行う必要があります。画面に表示するべき内容(グラフィックスデータなど)を変更した際は、それを表示するGUI(グラフィックスラベルやウィンドウなど)も再描画しなければ、画面表示が変わらないままになってしまいます。ご注意ください。

GUI の再描画には、paintComponent 関数を使用します。

- 関数仕様 -
int paintComponent ( int componentID )

引数のcomponentID には、再描画したいGUI のコンポーネントID( これはnewWindow 関数やnewImageLabel 関数などが返す値 )を指定します。

2DCG を扱う際は、レンダラーを一通り操作した後に、必ずこのpaintComponent 関数をコールするようにしてください。

プログラム例

それでは実際にウィンドウを生成し、グラフィックスデータを画面に表示してみましょう。以下のようにプログラムを記述し、実行してみてください。

このプログラムを実行すると、800×600 の大きさで、「 Hello , 2DCG ! 」というタイトルのウィンドウが立ち上がります。そのウィンドウには、生成したグラフィックスが表示されています。ただし、グラフィックスデータにはまだ何も描画していないので、ただ空白が表示されるだけです。

実行結果
画像は模式図です。実際のウィンドウのデザインは、オペレーションシステムの種類や、実行環境のバージョン、及びその他環境などにより異なります。



スポンサーリンク



この階層の目次
お知らせ

Vnanoがオープンベータ版に移行、VCSSLの実行環境で標準で実行可能に
2021年04月07日 - ソフト内組み込み用スクリプトエンジン&言語「 Vnano 」がオープンベータ版に移行し、併せて、VCSSLの実行環境でもVnanoコードの実行が可能になりました。詳細をお知らせします。

リニアングラフの最新版をリリース、2D版でも描画エンジンの直接操作が可能に
2021年04月03日 - リニアングラフ2D/3Dの最新版をリリースしました。それぞれのアップデート内容をお知らせします。今回から、2D版でもJava言語APIによる描画エンジンの直接操作が可能になりました。

RINPn のオープンベータ版をリリース! 詳細な公式ガイドも同梱&公開
2021年03月08日 - 2019年より開発進行中のプログラム関数電卓「 RINPn(りんぷん)」が、正式リリースに向けた最終準備段階として、オープンベータ版へと移行しました。その詳細をお知らせします。

新着
[公式ガイドサンプル] 引き算の結果を画面に表示する

「VCSSLスタートアップガイド」内のサンプルコードです。引き算を行って、結果を画面に表示します。
2021年07月08日
[公式ガイドサンプル] 式を複数行にわたって書く

「VCSSLスタートアップガイド」内のサンプルコードです。足し算を行う式を、複数行にわたって記述します。
2021年07月07日
[公式ガイドサンプル] 足し算の結果を画面に表示する

「VCSSLスタートアップガイド」内のサンプルコードです。足し算の結果を求めて、画面に表示します。
2021年07月06日
Vnano版 | ローレンツ方程式を数値的に解くプログラム

ローレンツ方程式を4次ルンゲ=クッタ法によって解き、グラフ描画用のデータを出力するプログラムです。
2021年02月12日
Vnano版 | 積分値のグラフ描画用データを出力するプログラム

数値的に積分を行い、結果の関数をグラフに描くためのデータを出力するコードです。
2020年12月20日
開発元Twitterアカウント