VSTe VSTGUI inline UI Editor 基本的な使用方法 - 版の履歴

Yo-net: /* アニメーションノブ AnimationKnob について */

2023-06-05T19:19:33Z

アニメーションノブ AnimationKnob について

← 古い版		2023年6月6日 (火) 04:19時点における版
13行目:		13行目:

	[https://www.g200kg.com/en/webknobman/gallery.php?m=p&p=2006 https://www.g200kg.com/en/webknobman/gallery.php?m=p&p=2006]		[https://www.g200kg.com/en/webknobman/gallery.php?m=p&p=2006 https://www.g200kg.com/en/webknobman/gallery.php?m=p&p=2006]
	[[ファイル:Knob Blue.png\|16px\|thumb\|none\|アニメーションノブ *.pngの例]]		[[ファイル:Knob Blue.png\|16px\|thumb\|none\|]]

			アニメーションノブ *.pngの例

Yo-net: /* Controlタグを使うViewsの共通のパラメータ */

2023-06-03T13:48:50Z

Controlタグを使うViewsの共通のパラメータ

← 古い版		2023年6月3日 (土) 22:48時点における版
185行目:		185行目:
	…		…
	RangeParameter* param1 = new RangeParameter(STR16("変数名"), 列挙番号, STR16(""), 0.0, 1.0, 0.8);		RangeParameter* param1 = new RangeParameter(STR16("変数名"), 列挙番号, STR16(""), 0.0, 1.0, 0.8);
			//あるいは
	parameters.addParameter(param1);		parameters.addParameter(param1);
			StringListParameter* param1 = new StringListParameter(STR16("変数名"), 列挙番号);
			param1->appendString(STR16("TEXT1"));
	…		…
	}		}

Yo-net: /* アニメーションノブ AnimationKnob について */

2023-06-03T12:54:39Z

アニメーションノブ AnimationKnob について

← 古い版		2023年6月3日 (土) 21:54時点における版
9行目:		9行目:

	== '''アニメーションノブ AnimationKnob について''' ==		== '''アニメーションノブ AnimationKnob について''' ==
	VSTGUI inline UI EditorでKnobを作るときに、Animation Knob、OnOffButton、Kick Buttonという方式を使う場合、同一pngファイル内にアニメーションするように画像を並べて読み込ませるような連続フレーム画像が必要になります。Animation Knobでもノブ以外にスライダーやUVメータのようなデザインを割り当てることで、動作を表現できます。ノブとは回転させるようなつまみの操作部分です。OnOffButtonは、0と1を切り替えるような2値で、0のときの図柄と1のときの図柄を連続フレームのように同じ画像内で並べるような形で表現します。Kick Buttonは、押した瞬間。つまりクリックした瞬間だけ1になって一瞬図柄が変わるようなパターンです。連続フレームとは例えば、以下のような画像です。		VSTGUI inline UI EditorでKnobを作るときに、Animation Knob、OnOffButton、Kick Buttonという方式を使う場合、同一pngファイル内にアニメーションするように画像を並べて読み込ませるような連続フレーム画像が必要になります。Animation Knobでもノブ以外にスライダーやVUメータのようなデザインを割り当てることで、動作を表現できます。ノブとは回転させるようなつまみの操作部分です。OnOffButtonは、0と1を切り替えるような2値で、0のときの図柄と1のときの図柄を連続フレームのように同じ画像内で並べるような形で表現します。Kick Buttonは、押した瞬間。つまりクリックした瞬間だけ1になって一瞬図柄が変わるようなパターンです。連続フレームとは例えば、以下のような画像です。

Yo-net: /* inline UI Editorのパラメータ */

2023-06-01T14:44:08Z

inline UI Editorのパラメータ

← 古い版		2023年6月1日 (木) 23:44時点における版
111行目:		111行目:

	=== '''Auto Animationのパラメータ''' ===		=== '''Auto Animationのパラメータ''' ===
			<span style = "background:linear-gradient(transparent 75%, #aaaaaa 75%); font-weight:bold; ">Auto Animationはどの関数で初期化するか調査中</span>です。
	*animation-time		*animation-time
	:調査中		:調査中
121行目:		122行目:

	=== '''Checkboxのパラメータ''' ===		=== '''Checkboxのパラメータ''' ===
			<span style = "background:linear-gradient(transparent 75%, #ff7f7f 75%); font-weight:bold; ">CheckboxはRangeParameter関数</span>で初期化します。
	*title		*title
	:チェックボックスの横に表示する文字列		:チェックボックスの横に表示する文字列

Yo-net: /* AnimationKnob/Animation Splash Screenのパラメータ */

2023-06-01T14:41:37Z

AnimationKnob/Animation Splash Screenのパラメータ

← 古い版		2023年6月1日 (木) 23:41時点における版
72行目:		72行目:
	=== '''AnimationKnob/Animation Splash Screenのパラメータ''' ===		=== '''AnimationKnob/Animation Splash Screenのパラメータ''' ===
	<span style = "background:linear-gradient(transparent 75%, #ff7f7f 75%); font-weight:bold; ">AnimationKnobはRangeParameter関数</span>で初期化します。		<span style = "background:linear-gradient(transparent 75%, #ff7f7f 75%); font-weight:bold; ">AnimationKnobはRangeParameter関数</span>で初期化します。

	<span style = "background:linear-gradient(transparent 75%, #aaaaaa 75%); font-weight:bold; ">Animation Splash Screenはどの関数で初期化するか調査中</span>です。		<span style = "background:linear-gradient(transparent 75%, #aaaaaa 75%); font-weight:bold; ">Animation Splash Screenはどの関数で初期化するか調査中</span>です。
	*inverse-bitmap		*inverse-bitmap

Yo-net: /* inline UI Editorのパラメータ */

2023-06-01T14:41:17Z

inline UI Editorのパラメータ

← 古い版		2023年6月1日 (木) 23:41時点における版
71行目:		71行目:
	== '''inline UI Editorのパラメータ''' ==		== '''inline UI Editorのパラメータ''' ==
	=== '''AnimationKnob/Animation Splash Screenのパラメータ''' ===		=== '''AnimationKnob/Animation Splash Screenのパラメータ''' ===
			<span style = "background:linear-gradient(transparent 75%, #ff7f7f 75%); font-weight:bold; ">AnimationKnobはRangeParameter関数</span>で初期化します。
			<span style = "background:linear-gradient(transparent 75%, #aaaaaa 75%); font-weight:bold; ">Animation Splash Screenはどの関数で初期化するか調査中</span>です。
	*inverse-bitmap		*inverse-bitmap
	:フレーム連結ビットマップの反転(下側に配置したものが0、上側が1になる。)		:フレーム連結ビットマップの反転(下側に配置したものが0、上側が1になる。)

Yo-net: /* プラグイン開発概要 */

2023-05-31T11:00:15Z

プラグイン開発概要

← 古い版		2023年5月31日 (水) 20:00時点における版
3行目:		3行目:
	[[VSTe VSTGUI inline UI Editorの項目一覧\|VSTGUI inline UI Editorの項目一覧]]にVSTGUI inline UI Editorの全貌をまとめましたので、これについてひとつづづ確認してみようとする記事です。		[[VSTe VSTGUI inline UI Editorの項目一覧\|VSTGUI inline UI Editorの項目一覧]]にVSTGUI inline UI Editorの全貌をまとめましたので、これについてひとつづづ確認してみようとする記事です。


			音声処理の部分は難しいので、最後に説明したいと思います。何もしないパラメータたちの扱い方を覚えてしまえば、操作できるわけだから、音声処理を作るときに余計なことを覚えなおさなくていいので、よい感じになります。操作によって管理される各種の値は通常の場合、任意で定義したAudioEffectクラスから派生したクラスを定義した部分でアクセス指定子がprotected:とした領域で数値(int32型(実体はint型)、ParamValue型(実体はfloat型))を保持する変数名で管理されます。



	== '''アニメーションノブ AnimationKnob について''' ==		== '''アニメーションノブ AnimationKnob について''' ==

Yo-net: /* Checkboxのパラメータ */

2023-05-30T15:10:11Z

Checkboxのパラメータ

← 古い版		2023年5月31日 (水) 00:10時点における版
124行目:		124行目:
	*font-color 規定値 ~WhiteCColor		*font-color 規定値 ~WhiteCColor
	:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]		:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]
			:フォントの色。


	*boxframe-color 規定値 ~BlackCColor		*boxframe-color 規定値 ~BlackCColor
	:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]		:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]
			:チェックマークの枠線の色。


	*boxfill-color 規定値 ~WhiteCColor		*boxfill-color 規定値 ~WhiteCColor
	:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]		:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]
			:チェックマークの内側の塗りの色。


	*checkmark-color 規定値 ~RedCColor		*checkmark-color 規定値 ~RedCColor
	:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]		:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]
			:チェックマークの色。

Yo-net: /* Checkboxのパラメータ */

2023-05-30T15:07:36Z

Checkboxのパラメータ

← 古い版		2023年5月31日 (水) 00:07時点における版
119行目:		119行目:

	*font 規定値 ~SystemFont		*font 規定値 ~SystemFont
	:~~フォントを指定します。~~[~NormalFontBig/~NormalFontSmall/~NormalFontSmaller/~NormalFontVeryBig/~NormalFont/~NormalFontVerySmall/~SymbolFont/~SystemFont/None]		:フォントを指定します。※フォントサイズがチェックボックスの大きさにもなります。[~NormalFontBig/~NormalFontSmall/~NormalFontSmaller/~NormalFontVeryBig/~NormalFont/~NormalFontVerySmall/~SymbolFont/~SystemFont/None]


	*font-color 規定値 ~~~BlackCColor~~		*font-color 規定値 ~WhiteCColor
	:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]		:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]


	*boxframe-color		*boxframe-color 規定値 ~BlackCColor
	:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]		:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]


	*boxfill-color		*boxfill-color 規定値 ~WhiteCColor
	:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]		:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]


	*checkmark-color		*checkmark-color 規定値 ~RedCColor
	:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]		:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]


	*frame-width		*frame-width
	:[数値]		:チェックボックスの枠線の太さ[数値]


	*round-rect-radius		*round-rect-radius
	:[数値]		:チェックボックスの角の丸み係数[数値]


	*[　]autosize-to-fit		*[　]autosize-to-fit
			:チェックボックスのエリアサイズを文字とチェックマークの範囲に合わせる。エリアサイズが小さいと見切れてしまいます。


	*[　]draw-crossbox		*[　]draw-crossbox
			:チェックマークの形式が変わります。OFFの場合はレ点。ONの場合は×マークになります。

Yo-net: /* AnimationKnob/Animation Splash Screenのパラメータ */

2023-05-30T10:05:54Z

AnimationKnob/Animation Splash Screenのパラメータ

← 古い版		2023年5月30日 (火) 19:05時点における版
100行目:		100行目:
	:マウスでドラッグしたときの移動量によるパラメータの増減値の大きさ。指定した値が大きいほど微動で小さいほど粗動になる。		:マウスでドラッグしたときの移動量によるパラメータの増減値の大きさ。指定した値が大きいほど微動で小さいほど粗動になる。
	::(Animation Splash Screen/Knob)		::(Animation Splash Screen/Knob)



			=== '''Auto Animationのパラメータ''' ===
			*animation-time
			:調査中


			*bitmap-offset
			:調査中



			=== '''Checkboxのパラメータ''' ===
			*title
			:チェックボックスの横に表示する文字列


			*font 規定値 ~SystemFont
			:フォントを指定します。[~NormalFontBig/~NormalFontSmall/~NormalFontSmaller/~NormalFontVeryBig/~NormalFont/~NormalFontVerySmall/~SymbolFont/~SystemFont/None]


			*font-color 規定値 ~BlackCColor
			:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]


			*boxframe-color
			:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]


			*boxfill-color
			:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]


			*checkmark-color
			:[~{Black/White/Red/Green/Blue/Cyan/Magenta/Yellow}CColor/None/Colorsで定義した色名]


			*frame-width
			:[数値]


			*round-rect-radius
			:[数値]


			*[　]autosize-to-fit


			*[　]draw-crossbox

VSTe VSTGUI inline UI Editor 基本的な使用方法 - 版の履歴

Yo-net: /* アニメーションノブ AnimationKnob について */

Yo-net: /* Controlタグを使うViewsの共通のパラメータ */

Yo-net: /* アニメーションノブ AnimationKnob について */

Yo-net: /* inline UI Editorのパラメータ */

Yo-net: /* AnimationKnob/Animation Splash Screenのパラメータ */

Yo-net: /* inline UI Editorのパラメータ */

Yo-net: /* プラグイン開発 概要 */

Yo-net: /* Checkboxのパラメータ */

Yo-net: /* Checkboxのパラメータ */

Yo-net: /* AnimationKnob/Animation Splash Screenのパラメータ */

Yo-net: /* プラグイン開発概要 */