[ 前へ | 目次 | 次へ ]

表示画面の生成

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

表示画面の生成

実際にプログラム中で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 ! 」というタイトルのウィンドウが立ち上がります。そのウィンドウには、生成したグラフィックスが表示されています。ただし、グラフィックスデータにはまだ何も描画していないので、ただ空白が表示されるだけです。

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



スポンサーリンク



この階層の目次
RINEARN からのお知らせ
※ VCSSL は RINEARN が開発しています。

リニアングラフやVCSSLの最新版をリリース、目盛りの位置や内容を自由に指定可能に!
2024-11-24 - リニアングラフ3D/2Dを更新し、自由な位置に、自由な表記内容の目盛りを描けるようになりました! 併せて、Java言語やVCSSLでの、プログラム制御用APIも拡張しています。詳細をお知らせします。

Exevalator 2.2 をリリース、TypeScript 対応によりWebブラウザ上で動作可能に
2024-10-22 - オープンソースの式計算ライブラリ「Exevalator(エグゼバレータ)」の2.1をリリースしました。新たに TypeScript に対応し、Webブラウザ上での式計算にも使えるようになりました。詳細を解説します。

アシスタントAI作成の舞台裏(その2、作成編)
2024-10-12 - アシスタントAIの作成方法解説の後編です。実際にChatGPTの「GPTs」機能を用いて、アシスタントAIを作成する手順や、独自の知識をもたせたり、精度を出すためのノウハウなどを解説しています。

アシスタントAI作成の舞台裏(その1、基礎知識編)
2024-10-07 - アシスタントAI作成方法解説の前編です。今回はまず、アシスタントAIを作る前に抑えておきたい、基礎知識を延々と解説しています。そもそもLLM型AIとはどんな存在か? RAGとは何か? 等々です。

ソフトの利用をサポートしてくれるアシスタントAIを提供開始!
2024-09-20 - RINEARN製ソフトの使い方の質問応答や、一部作業のお手伝いをしてくれる、アシスタントAIを提供開始しました。ChatGPTアカウントさえあれば、誰でも無料で使用できます。使い方を解説します。

Exevalator 2.1 をリリース、新たに Visual Basic に対応
2024-07-28 - オープンソースの式計算ライブラリ「Exevalator(エグゼバレータ)」の2.1をリリースしました。今回から、新たに Visual Basic(VB.NET)でも使用できるようになりました。詳細を解説します。

関数電卓 RINPn(りんぷん)、Esc キーで計算式の一発クリアが可能に
2024-07-20 - 関数電 RINPn の Ver.1.0.2 をリリースしました。今回から、キーボードの「 Esc 」キーを押すと、入力中の計算式を一発でクリアできるようになりました。詳細を解説します。

Exevalator 2.0 をリリース、互換性に注意が必要なバグ修正が 1 件
2024-07-14 - オープンソースの式計算ライブラリ「Exevalator (エグゼバレータ)」の2.0をリリースしました。今回の更新では、互換性に注意を要する 1 件のバグ修正があります。詳細を解説します。

各ソフトウェアをアップデート、リニアングラフのコマンド拡張やVCSSLの英語対応など
2024-02-05 - 各ソフトの一斉アップデートの内容をお知らせします。今回は、リニアングラフのコマンド機能を大幅拡張したのがメインです。また、VCSSLのメッセージ類の英語対応も行いました。

Vnano の Ver.1.1 で実装した反復計算高速化の内側
2024-01-17 - 前回のお知らせ記事の続編です。スクリプトエンジン Vnano の Ver.1.1 において実施した高速化を、エンジン内部の実装面から掘り下げて解説します。

新着
[公式ガイドサンプル] 各種の図形や画像を描画する

「VCSSL 2DCG開発ガイド」内のサンプルコードです。図形や画像などを描画します。
2022-12-16
角度の「度」とラジアンとを相互変換し、図示もするツール

45度などの「度」の値と、ラジアンの値とを相互に変換できるツールです。対応する角度の図示もできます。
2022-11-22
[公式ガイドサンプル] 立体モデルを回転させるアニメーション

「VCSSL 3DCG開発ガイド」内のサンプルコードです。立体モデルを、アニメーションで回転させ続けます
2022-11-18
[公式ガイドサンプル] 立体モデルを回転させる

「VCSSL 3DCG開発ガイド」内のサンプルコードです。立体モデルを、指定した角度だけ回転させます。
2022-11-17
[公式ガイドサンプル] 四則演算の計算順序や、カッコを使った順序指定

「VCSSLスタートアップガイド」内のサンプルコードです。四則演算が計算される順序や、カッコを使って順序を指定する方法を例示します。
2022-10-31