VCSSL 2DCG開発ガイド

ここでは、VCSSLで2次元グラフィックス( 2DCG )を扱う方法を解説します。

はじめに

グラフィックス関連の処理は、分野を問わず幅広い利用場面のある、基本的な処理の一つです。 典型的な例としては、画面に絵( CG )を描画したり、 画像ファイルから読み込んだ内容を加工( 画像処理 )したり、などが挙げられます。

VCSSLでも必要に応じて、上のような基本的なグラフィックス処理を扱う事ができます。 例えば点 / 線や画像などを、描画関数を呼び出して直接的( 逐次的 )に描画したり、 またはスプライトとして登録しておいて、適当なタイミングでまとめて描画させる事などが可能です。 スプライトは、複数の描画対象物( キャラクターなど )の位置を、 画面上でアニメーション的に動かす用途などに便利です。

より細かいグラフィックス処理として、 画像の各ピクセル( 画素 )ごとの色を、プログラム内で扱える数値データとして取得したり、書き換えたりする事も可能です。 ただし、この機能はそれなりの処理時間やメモリー使用量を要するため、アニメーション描画などには向きません。 この機能は、例えば画像の専門的なデータ解析や、一般のソフトでサポートされていない特殊な画像処理などへの利用が考えられます。

ここでは、平面的なグラフィックス処理、いわゆる「 2DCG 」を、VCSSLのプログラム内で扱う方法について解説します。 なお、VCSSLでは立体的なグラフィックスも扱えますが、そちらについては 3DCGのガイド をご参照ください。

それでは、VCSSLで2DCGプログラミングをはじめてみましょう!

目次


2次元コンピューターグラフィックス
2次元コンピューターグラフィックスに関する基本知識について解説します。

レンダラ―の生成
レンダラ―(描画エンジン)の生成処理について扱います。

表示画面の生成
描画内容の画面出力処理について扱います。

ファイル出力
描画内容の画像ファイル出力処理を扱います。

内容のクリアと背景色設定
描画内容のクリアと、背景色の設定について扱います。

直接描画
最も簡単な描画方法である、直接描画の概念を説明します。

各種描画関数
直接描画に用いる、各種の描画関数を扱います。

スプライト描画
スプライト描画の概念を説明します。

各種スプライト
スプライト描画に用いる、各種スプライトを扱います。

スプライトの制御
配置後のスプライトの各種設定や制御を扱います。

ラスタ制御描画
ピクセル単位での描画方法であるラスタ制御描画について扱います。

フレームワーク
レンダラーや画面の生成などを自動化するフレームワークについて扱います。

この階層の目次
お知らせ

Vnanoの公式サイトがオープン、チュートリアルやAPI仕様書等も掲載
2019年08月07日 - オープンソースのアプリケーション組み込み用スクリプトエンジン「 Vnano 」の公式サイトを開設しました。チュートリアルや、スクリプトエンジンのAPI仕様書などが参照できます。その概要をお知らせします。

リニアングラフ3D/2Dが連番ファイルのアニメーションに標準で対応
2019年07月17日 - リニアングラフ3D/2Dでは、7月17日公開の最新版より、連番ファイルを連続的に読み込みながらアニメーション描画するプログラムを同梱し、メニューから標準で使用可能になりました。その概要をお知らせします。

Vnanoのスクリプトエンジンアーキテクチャ解説2: コンパイラ
2019年07月03日 - オープンソースで開発中のスクリプトエンジン「 Vnano 」のアーキテクチャを解説する連載の第2回です。今回は、スクリプトを中間コードへと変換する、コンパイラ部分の内部をクローズアップして解説します。

新着
[公式ガイドサンプル] ユーザーのGUI操作に対して処理を行う

「VCSSL GUI開発ガイド」内のサンプルコードです。ユーザーがGUIを操作した際に行う処理を実装します。
2019年07月28日
[公式ガイドサンプル] 各種GUIコンポーネントを画面上に配置する

「VCSSL GUI開発ガイド」内のサンプルコードです。色々な種類のGUI部品を画面上に配置します。
2019年07月28日
連番ファイルから3Dグラフをアニメーション描画するツール

フォルダ内の連番データファイルを読み込み、3Dグラフを高速で連続描画して、アニメーションさせるツールです。グラフを連番の画像ファイルに保存する事もできます。
2019年06月03日
連番ファイルから2Dグラフをアニメーション描画するツール

フォルダ内の連番データファイルを読み込み、2Dグラフを高速で連続描画して、アニメーションさせるツールです。グラフを連番の画像ファイルに保存する事もできます。
2019年05月24日
[公式ガイドサンプル] 立体モデルを生成して3D空間に配置する

「VCSSL 3DCG開発ガイド」内のサンプルコードです。立体モデルを生成し、3D空間に配置します。
2019年05月21日
開発元Twitterアカウント