プログラムライブラリ - RGB指定による色確認プログラム

プログラムライブラリ

<目次>

---

誤字脱字・記載ミスや分かりにくい表現は随時追記・修正します
2018/01/13
アップデート 2018/03/25
アップデート 2020/10/31

[C.Basic] [CG]
RGB指定による色確認プログラム：
　▶ RGB2ap - RGB Ver 1.2ap <シンプル機能版> (マイナーアップデート)
　▶ RGB4c   - RGB Ver 1.4d (マイナーアップテート)

　▶ RGB5a   - RGB Ver 1.5b (マイナーアップデート)
 ※ C.Basic for CG 最新バージョン Ver 1.45 build20 に対応した機能改善アップデート
 

著作権者

やす (Krtyski)
[当ブログ管理人]


対応機種

Casio fx-CGシリーズ (CG10 / CG20 / CG50)


動作環境

C.Basic for CG Ver 1.45  build 20 以降


プログラムの説明

このプログラムは、一見アドインプログラムに見えますが、Casio Basic 上位互換の C.Basic (つまり BASIC) で書いたものです。チョット大がかりですが C.Basic for CG のサンプルプログラムにもなると思います。

さて、fx-CGシリーズに搭載されている高精細液晶 (216x384 pixel、16bitカラー、65536色)は、プログラムの出力に大きな表現力を与えてくれます。純正Casio Basic では 基本７色 (Black, Blue, Red, Magenta, Green, Cyan, Yellow) のみを設定できますが、C.Basic for CG では基本７色に加えて RGB値での色設定ができます。

そこで、プログラム作成時の配色を検討するためにRGB設定による実際の色を確認するプログラムを作りました。テキスト文字色、テキスト背景色、グラフィックス描画の色、それらの配色を確認できます。

RBG4d はＲＧＢ値それぞれに、0 ～ 255 を設定できる 24 bit フルカラー対応バージョンです。但し、fx-CGシリーズのカラー液晶はフルカラーではありません。

そこで、fx-CGシリーズ搭載のカラー液晶の実際の仕様に合わせた 16bit カラーバージョンの RGB5b を作りました。
fx-CGシリーズの 16bitカラーは　R と B が 5 bit (32階調)、G が 6 bit (64階調) なので 65,536色です。24 bitフルカラーの 16.777,216 色に比べて使える色が少なくなっていて、実際のRGB値は 0 ～ 255 の連続した整数値ではなく、R と B は 0 ～ 248 の８刻み、G は 0 ～ 252 の 4 刻みで色が変化します。これは、RGB4d で操作すると確認できます。

そこで 16 bit カラーに対応した RGB5b を使えば、fx-CGシリーズの液晶が取り得る RGB 値を正しく調べられます。但し、24 bit カラーの RGB値を指定しても問題はありませんが、意図した色にならないことが有るのは、電卓側の仕様です。 


ダウンロード

▶ 24bit カラーバージョン シンプル機能版 - RGB2ap (Ver 1.2ap)
▶ 24bit カラーバージョン - RGB4d (Ver 1.4d)
▶ 16bit カラーバージョン - RGB5b (Ver 1.5b)

※ RGB4d (Ver 1.4d) / RGB5b (Ver 1.5b) は機能を詰め込みすぎて、使い方が判りにくくなっています。そこでRGB値の確認を簡単に調べるだけの機能に限定した シンプル機能版 を RGB2ap (Ver 1.2ap) として改めて公開しました。

プログラムの使い方 - RGB4d (Ver 1.4d) / RGB5b (Ver 1.5b)

起動すると、モード選択画面がポップアップ。
左が 24bit カラーバージョンの Ver 1.4d、右が 16bit カラーバージョンのVer1.5b
 
[F1] でテキスト文字主体の配色確認モード、[F2] でグラフィックスを含んだ配色確認モードでプログラムが起動。

※ テキストモード
左が 24bit カラーバージョンの Ver 1.4d、右が 16bit カラーバージョンのVer 1.5b
  
テキストモード（テキスト主体の配色確認モード）。テキスト色 (前面色)のRGBにマーカー▶が付いている。

※ グラフィックスモード
左が 24bit カラーバージョンの Ver 1.4d、右が 16bit カラーバージョンのVer 1.5b
  
グラフィックスモード（グラフィックスを含めた配色確認モード）。背景色のRGBにマーカー▶が付き、テキスト背景と２つの円の配色が表示される。円の２つの配色は、テキストの背景色２つと対応している。

操作は、ファンクションキー  [F1] ～ [F6]、テンキー [1] ～ [3]、その他６つのキー [SHIFT] [ALPHA] [OPTN] [X²] [VARS] [∧] を使う。

テキストモードとグラフィックスモードは設定が異なるだけ。テキストモードで起動した後、例えば [SHIFT] [ALPHA] [SHIFT] と順に押せば、グラフィックスモードで起動した時と同じ状態になる。

[F5] (HELP) で簡易的な操作説明を表示する。

左が 24bit カラーバージョンの Ver 1.4d、右が 32bit カラーバージョンのVer 1.5b
 
上下矢印キーでスクロールできる。現在のところ、英数字・記号しか出力できないので英語表記になる。そこで、[F6] (QR) で日本語クイックヘルプへのリンクをQRコードで示す。

 

スマホやタブレットなどでQRコードを読み込めば、日本語クイックヘルプのページが読める。


キー操作

◆ [F6] (EXIT) / [EXIT]：プログラムの終了

◆ [ALPHA] / [ ) ]：カラーサンプルエリアの切替え
　　 
　　２つ（２行）のカラーサンプルエリアを切り替える。
　　マーカー ⇒ が選択されているカラーサンプルエリアを示す。
　　※ Text モードでの起動時は、エリアは1つだけ表示

◆ [OPTN] / [cos]：変更するRGBエリアの切替え
　　 
　　上がテキスト文字色のＲＧＢ値、下が背景 / グラフィックスのＲＧＢ値。
　　カーソルや直接入力での変更対象は、マーカー▶が付いているＲＧＢエリア。

◆ [SHIFT] / [sin]：テキストの背景の表示/非表示切替
　　 
　　[ALPHA]で選択したテキストの背景色を非表示

　　 
　　[ALPHA]で選択したテキストの背景色を表示
　　※ [SHIFT] / [sin] を押す度に切り替わる（トグル動作）

◆ [◀] / [▶]：変更したいR, G, B へカーソル移動
　　 
　　左右の矢印キーで、変更したいＲ、Ｇ、Ｂにカーソル ←↕→ を移動。

◆ [▲] / [▼]：Ｒ、Ｇ，Ｂ値の連続変更（スキャン）
　　 
　　上下の矢印キーで、カーソル ←↕→ とマーカー▶のある値を変更。
　　上の例では、テキスト色のR値が変更対象。
　　※ 通常押しだと、１つづ値が変わる（ステップスキャン）。
　　※ 長押しするとデフォルトで値が±２０スキップする（スキップスキャン）。
　　※ 長押しで値が ０ か 255 付近になると、スキップが遅くなる。

◆ [F1] / [1] (R)、[F2] / [2] (G)、[F3] / [3] (B)：ＲＧＢ値を直接入力
　　 
　　ＲＧＢ値を直接キー入力する。

◆ [EXE]：ＲＧＢ値を直接入力
　　 
　　[EXE] でカーソル ←↕→ とマーカー▶があるところに直接キー入力。
　　上の例では、テキスト色のR値が入力を受け付ける。

◆ [F4]：基本７色に加えて White に変更
　　 
　　[F4] を押すと、カーソル ←↕→ とマーカー▶のある値を、
　　基本７色 (Black, Blue, Red, Magenta, Green, Cyan, Yellow)に加えて
　　White に変更する。押す度に順に切り替わる。
　　※ ７色カラーバーで現在選択されている基本色に白線のマーカーを表示。
　　※ 矢印キーや直接入力した時、基本色＋Whiteの場合、[F4]ファンクションに色を表示。
　　※ 基本色以外の時は、[F4]ファンクションに Color と表示

◆ [∧] / [→]：テキスト色と背景色を同じ色に変更
　　左が 24bit カラーバージョンの Ver 1.4d、右が 16bit カラーバージョンのVer 1.5b
　　  
　　[OPTN]でRGBエリアをで切替え、マーカー▶で指定されている色を、
　　テキスト色と背景色に適用する。
　　※ 結果的にテキストが消える。

◆ [VARS] / [tan]：テキストと背景を互いに補色にする
　　左が 24bit カラーバージョンの Ver 1.4d、右が 16bit カラーバージョンのVer 1.5b
　　  
　　[OPTN]で選びマーカー▶が付いたRGBエリアの補色をもう一方のRGBエリアに適用する。
　　※ テキストRGBエリアを選んでいると、背景が補色になる。
　　※ 背景RGBエリアを選んでいると、テキストが補色になる。
　　※ R=G=B の時は、補色ではなくて反対色を適用する。

◆ [X²] / [ , ]：背景色に補色を適用する
　　左が 24bit カラーバージョンの Ver 1.4d、右が 16bit カラーバージョンのVer 1.5b
　　  
　　[ALPHA]で選んでマーカー⇒が付いたカラーサンプルエリアの背景色に、
　　[OPTN]で選びマーカー▶が付いたたカラーエリアの色の補色を適用する。
　　※ テキストのＲＧＢエリアに▶が有る時は、⇒が付いていない方の背景が補色になる。
　　※ 背景のＲＧＢエリアに▶がある時は、⇒が付いていない方の背景が補色になる。

◆ 右手操作のための代替キー
　　 
　　左上の６つのキーと、右手で操作するための右下の代替キーは、
　　同じ機能が同じ配置になっている。
　　※ [SHIFT] = [sin]、[OPTN] = [cos]、[VARS] = [tan]
　　　 [ALPHA] = [ ) ]、[X2] = [ , ]、[∧] = [→]


ソースコード

[2018/01/20]
Ver 1.2a 以降で、C.Basicタイマーの時間を 00:00:00 にリセットしてしまうコードが含まれており、時計の時間がリセットしてしまう問題がありました。C.Basic for CG のマイナーアップデートでこの問題を解消しました。C.Basic for CG Ver 3.3α [2018/01/20 17:00] 以降にダウンロードしたものをお使いください。

背景色を[SHIFT]で解除しテキストRGB値を[▲]/[▼]でスキャン時、背景RGB値のちらつきを抑制しました。


謝　辞

本プログラムは、sentaro様、ツル様からのアドバイスや要望により各種機能や表示を追加したものです。両氏にお礼申し上げます。


過去バージョン [2020/10/31] 追記

・Ver 1.1 - RGB [download]

テキスト色のRGB値をキー入力のみで設定する最初のバージョン

・Ver 1.2 - RGB2 [download]

RGB値をカーソルキーでスキャン可能にした。

・Ver 1.2a - RGB2a [download]

[F4]での基本色設定に White を追加、ヘルプ機能を追加した。

・Ver 1.2ap - RGB2ap (download)

Casio Python での RGB値 の解説のために Ver 1.2a の操作性を改善して公開した。

・Ver 1.2b - RGB2b [download]

テキストのみのカラーサンプルエリアを２つに増やした。

・Ver 1.2c - RGB2c [download]

背景RGB値の設定･表示を追加し、テキスト/背景の補色設定 [VARS] を追加した。

・Ver 1.3c - RGB3c [download]

テキスト↔背景を同色にする設定 [∧]、テキスト背景⇒もう一つの背景へ補色設定の機能 [X²]、ヘルプは増えた機能をカバーするためのスクロール表示機能、右手操作用の代替えキーを追加した。

最新バージョンは、操作が複雑で使いづらいかも知れないので、シンプルなものとして、Ver 1.2ap をお使いください。サンプルプログラムとしても判りやすいのでご参考になりやすいと思います。





応援クリックをお願いします。励みになるので．．．

にほんブログ村

人気ブログランキング

FC2ブログランキングへ

 



keywords: fx-5800P、CasioBasic、プログラムライブラリ、プログラム関数電卓

---

リンク集　|　ブログ内マップ