プログラムライブラリ - RGB指定による色確認プログラム
プログラムライブラリ
誤字脱字・記載ミスや分かりにくい表現は随時追記・修正します
2018/01/13
アップデート 2018/03/25
アップデート 2020/10/31
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 (マイナーアップデート)RGB指定による色確認プログラム:
▶ RGB2ap - RGB Ver 1.2ap <シンプル機能版> (マイナーアップデート)
▶ RGB4c - RGB Ver 1.4d (マイナーアップテート)
※ 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 では 基本7色 (Black, Blue, Red, Magenta, Green, Cyan, Yellow) のみを設定できますが、C.Basic for CG では基本7色に加えて RGB値での色設定ができます。
そこで、プログラム作成時の配色を検討するためにRGB設定による実際の色を確認するプログラムを作りました。テキスト文字色、テキスト背景色、グラフィックス描画の色、それらの配色を確認できます。
RBG4d はRGB値それぞれに、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 の8刻み、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にマーカー▶が付き、テキスト背景と2つの円の配色が表示される。円の2つの配色は、テキストの背景色2つと対応している。
操作は、ファンクションキー [F1] ~ [F6]、テンキー [1] ~ [3]、その他6つのキー [SHIFT] [ALPHA] [OPTN] [X2] [VARS] [∧] を使う。
テキストモードとグラフィックスモードは設定が異なるだけ。テキストモードで起動した後、例えば [SHIFT] [ALPHA] [SHIFT] と順に押せば、グラフィックスモードで起動した時と同じ状態になる。
[F5] (HELP) で簡易的な操作説明を表示する。
左が 24bit カラーバージョンの Ver 1.4d、右が 32bit カラーバージョンのVer 1.5b


上下矢印キーでスクロールできる。現在のところ、英数字・記号しか出力できないので英語表記になる。そこで、[F6] (QR) で日本語クイックヘルプへのリンクをQRコードで示す。

スマホやタブレットなどでQRコードを読み込めば、日本語クイックヘルプのページが読める。
キー操作
◆ [F6] (EXIT) / [EXIT]:プログラムの終了
◆ [ALPHA] / [ ) ]:カラーサンプルエリアの切替え

2つ(2行)のカラーサンプルエリアを切り替える。
マーカー ⇒ が選択されているカラーサンプルエリアを示す。
※ Text モードでの起動時は、エリアは1つだけ表示
◆ [OPTN] / [cos]:変更するRGBエリアの切替え

上がテキスト文字色のRGB値、下が背景 / グラフィックスのRGB値。
カーソルや直接入力での変更対象は、マーカー▶が付いているRGBエリア。
◆ [SHIFT] / [sin]:テキストの背景の表示/非表示切替

[ALPHA]で選択したテキストの背景色を非表示

[ALPHA]で選択したテキストの背景色を表示
※ [SHIFT] / [sin] を押す度に切り替わる(トグル動作)
◆ [◀] / [▶]:変更したいR, G, B へカーソル移動

左右の矢印キーで、変更したいR、G、Bにカーソル ←↕→ を移動。
◆ [▲] / [▼]:R、G,B値の連続変更(スキャン)

上下の矢印キーで、カーソル ←↕→ とマーカー▶のある値を変更。
上の例では、テキスト色のR値が変更対象。
※ 通常押しだと、1つづ値が変わる(ステップスキャン)。
※ 長押しするとデフォルトで値が±20スキップする(スキップスキャン)。
※ 長押しで値が 0 か 255 付近になると、スキップが遅くなる。
◆ [F1] / [1] (R)、[F2] / [2] (G)、[F3] / [3] (B):RGB値を直接入力

RGB値を直接キー入力する。
◆ [EXE]:RGB値を直接入力

[EXE] でカーソル ←↕→ とマーカー▶があるところに直接キー入力。
上の例では、テキスト色のR値が入力を受け付ける。
◆ [F4]:基本7色に加えて White に変更

[F4] を押すと、カーソル ←↕→ とマーカー▶のある値を、
基本7色 (Black, Blue, Red, Magenta, Green, Cyan, Yellow)に加えて
White に変更する。押す度に順に切り替わる。
※ 7色カラーバーで現在選択されている基本色に白線のマーカーを表示。
※ 矢印キーや直接入力した時、基本色+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 の時は、補色ではなくて反対色を適用する。
◆ [X2] / [ , ]:背景色に補色を適用する
左が 24bit カラーバージョンの Ver 1.4d、右が 16bit カラーバージョンのVer 1.5b


[ALPHA]で選んでマーカー⇒が付いたカラーサンプルエリアの背景色に、
[OPTN]で選びマーカー▶が付いたたカラーエリアの色の補色を適用する。
※ テキストのRGBエリアに▶が有る時は、⇒が付いていない方の背景が補色になる。
※ 背景のRGBエリアに▶がある時は、⇒が付いていない方の背景が補色になる。
◆ 右手操作のための代替キー

左上の6つのキーと、右手で操作するための右下の代替キーは、
同じ機能が同じ配置になっている。
※ [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]
テキストのみのカラーサンプルエリアを2つに増やした。
・Ver 1.2c - RGB2c [download]
背景RGB値の設定・表示を追加し、テキスト/背景の補色設定 [VARS] を追加した。
・Ver 1.3c - RGB3c [download]
テキスト↔背景を同色にする設定 [∧]、テキスト背景⇒もう一つの背景へ補色設定の機能 [X2]、ヘルプは増えた機能をカバーするためのスクロール表示機能、右手操作用の代替えキーを追加した。
最新バージョンは、操作が複雑で使いづらいかも知れないので、シンプルなものとして、Ver 1.2ap をお使いください。サンプルプログラムとしても判りやすいのでご参考になりやすいと思います。
応援クリックをお願いします。励みになるので...
- 関連記事
-
-
プログラムライブラリ - 3桁区切り出力 (汎用サブルーチン) 2021/06/10
-
プログラムライブラリ - 入力ボックス 2.1G 2020/11/28
-
プログラムライブラリ - RGB指定による色確認プログラム 2020/10/31
-
プログラムライブラリ - OS内蔵ファンクションメニュー探索 2020/01/13
-
プログラムライブラリ - 日本語版 西暦-和暦換算プログラム 2019/05/08
-