View this PageEdit this PageAttachments to this PageHistory of this PageHomeRecent ChangesSearch the SwikiHelp Guide

カラーパレット

back


カラーパレットなのだ


Squeakのカラーピッカーを自分風に使いやすくしたいと
カラーパレットなんぞに挑戦してみますた。
カラーパレット、カラーチップ、カラープレートの三部作でする。

とりあえず試せますです。

tToyMorph.st

ファイルインしてからWorkSpaceで以下をdo it
--------------------------------------
ToyColorPalette new openInHand.
ToyColorChip new openInHand.
ToyColorPlate new openInHand.
--------------------------------------

プロジェクトを用意したのであそんでみてちょ。
(tToyMorph.stをファイルインした後でね)

ZooSample4.pr

ボタンアイテムとメニューアイテムのプロジェクトもついでに。

ZooSample3.pr




ToyColorPalette

●左ドラッグで移動
●右クリックでメニュー
 名前を変える
 サムネール・アイコン(これは必要ない・削除予定)
 オートラインレイアウト(これは必要ない・削除予定)
 パーツビン(これも必要なし・削除予定)
●カラーストック部
 カラーチップを置いておける
●カラーピッカー部
 マウスクリックで色を選ぶ
●RGB(Alpha)スライダ部
 スライダで各要素を設定。
 0〜1.0設定(256も後でやりたい)
●カラーボックス部
 カラーピッカー、スライダで設定した色が表示される
 マウスクリックするとカラーチップがカーソルにくっつく。
 (カラーボックスもカラーピッカーで色を変えられるんだけど
  今のバージョンではスライダー等に反映されないでする)


    Uploaded Image: image.jpg

スライダでアルファ値を変えても出てくるカラーチップは半透明にならないのだ。
<そりゃそうだ。半透明になった色をひろってるだけだもんね。
結果的には明度を変えたことになるってことか。しもうた。<直さなきゃだな・・・・。
まあカラーチップをシフトでカラーピッカーを出して半透明にすればいいんだけどね。<意味ないじゃん。


ToyColorChip

カラーチップを変更したいモーフに重ねるといいのら。

        Uploaded Image: image1.jpg

●左ドラッグで移動
●ゲットしたい色のモーフをカラーチップにドロップ・イン
 カラーチップがそのモーフの色になる

        Uploaded Image: image2.jpg

●変えたいモーフにカラーチップを重ねてからクリック
 モーフがカラーチップの色になる
 (右クリックで混色とかしたいでするなあ)

        Uploaded Image: image11.jpg

●シフト・クリックでカラーピッカーが出る

        Uploaded Image: image3.jpg

●細かい部分の色を変えたい場合はサイズハロで細くしたりするといいです。

●カラーチップ同士でも色交換はできるです。



ToyColorPlate

このモーフをクリックするとクリックしたポイントの色の
カラーチップが作れるのら。
このモーフは透明なので下の色を拾うってわけね。

        Uploaded Image: image4.jpg

●移動は移動ハロで(右ドラッグ移動にする予定)
●カラープレート上をマウスクリックすると
 そのポイントの色のカラーチップがカーソルにくっついてくる
 カラープレートの下にWindowsなりMacのカラーパレットの画像を
 置いて使用するのが目的でござる。

        Uploaded Image: image5.jpg



このカラー三部作はけっこう気に入ってて、いろいろ気軽に遊べるし
実際使っているとめっちゃ便利でござる。<自画自賛。
で、遊んでて気がついたというかシステムブラウザとかワークスペースのペインって半透明にできるのね。
(色が変わるってだけだけど)半透明のブルーにすると涼しげでいいっすよん。


下の入力ボックスに書き込んで”add to the page”ボタンで登録出来ます。
修正したい場合はページ左のアイコンの”edit”で出てくる画面で編集可能です。
ページ左のアイコンの”uploads”で画像(JPEG,GIF,PNG)のアップロードもできます。


Link to this Page