いいですわね
Posting ☁こすふぃー🇫🇷🐘(@cosphi@mistodon.cloud) ごきげんよう
わたくしはフランスのJCJKですわ
mistodon.cloud 専用お絵かきツール
#rakugaki_pao を作りましたわ！
https://kurajo.ivory.ne.jp/rakugaki_pao
－－－
https://x.com/cosine_phi / https://instagram.com/cosphi_cloud
－－－
【新しくmistodon.cloudに参加されたみなさまへ】
mistodon.cloud は LTL（ローカルタイムライン）で雑談するスタイルのサーバーですの
まずは「
ローカル（リアルタイムフィード＞このサーバー）」をクリックしてLTLに参加しましょう！
－－－
【mistodon.cloudの外からご覧になっているみなさまへ】
ごきげんよう！
このアカウントは主にLTLで雑談する運用をしていますの
FTL・FF交流用のアカウント( @cosphi / @cosphi )も用意していますので、もしよろしければこちらもご覧になってくださいね！
この塗り方はちゃんと影のこと考えないと難しいですわね！
こういうのと落書きとしてどっちが楽しいかということですけれど…
最初にやってみたかった、色レイヤーを別にして切替をツール選択と紐づける試みには結構満足してますわ
わたくしも、
①太い色ブラシでおおまかなシルエットを描く
②黒ペンで描き描き
③大きな色消しゴムで消す
④色塗り
って使いかたが便利なことに気が付きましたの
ろみぜさま線がきれいですわね
‥‥ということは、tegaki_dtよりrakugaki_paoの線がきたないのはわたくしの腕と環境のせいなのかしら
なるほどですの
わたくしの環境の問題な気がしてきましたわ
This account is not set to public on notestock.
This account is not set to public on notestock.
mazesoba
わたくしもさきほど初MAZESOBAしま @sita わ
これはつまり
sitaで改行 @sita したらその行だけが読まれますのね
mazesoba
なかなか辛そうないい香りで、食べると適度な刺激でいい感じでしたの
でも食べ終わって残る印象は麺の存在感ですわね
mastodonの投稿の改行は\nではなくて<br>ですのね
BASEFOOD 届きま @sita の
新鮮なプレーンとKosian美味しいですわ
先日こわれちゃったコーヒーミルのふた、結局そのままふたなしで使ってますわ
ふたがないとハンドル外さずに豆入れられますのよね
あら、<input type="color"> って標準でスポイトついてますのね
tegaki_dtは意図をもって無効化してるのかしら
適度にいろいろあるのがBASE BREADのいい所だと思ってますわ
わたくしも最初ペンタブでは描けませんでしたの
>web版 tegaki_dt
Wacomの設定からWindows INK無効化して描けるようになりましたわ
あくまで単色線画をメインで使ってほしいという意図かしら
実際それで一種のブランディング？になってますし
今カラーパレットを組み込もうとしてますわ
なんとなくどう動いてるのか読めてきましたわ
このaddEventListnerというのがなんかいいかんじに取り仕切ってくれてますのね
ペンの色をいつでも標準に戻せるように、ですわね
一定以上の信頼関係があるひと同士でないとできませんわよね
まああんまりなにかは産まれませんわよね。SNSの距離感だと
ほんとう便利ですわねClaude AI..
javascriptでforeach文みたいなのどうやって書くのかしらって思って聞いたのですけれど indexOfという機能が 
色を変更できるようにしようとすると、パレットで黒ペンと同じ色を選択された場合どうするか悩みますわね
素直に考えるならisPen みたいな変数を導入するのでしょうけれど、そんなめったに起きない事態のために全体に複雑するのもなんか違う気がしますの
今は color == blackpencolor みたいな式で、いまペンモードかブラシモードか判別するようになってますの
すべてはわたくしのきまぐれでしてよjj
とりあえずマストドン投稿機能がつかえるようになったら保存は無効にするかしら
んーできれば決め打ちにしたいですわね
ただわたくしも720*720はちょっと小さいかしらと思ってますの
ちょっと悩みますわ
でもこういう状態の遷移？みたいなのをどうするか考えるのは楽しいですわね
currentLayerという変数がありましたわ。isPenを追加する必要なさそうですわね！
@karino2012 あ、いえよくないですわね
rakugaki_paoに揃えたいと思ってますわ
@karino2012 間違えてましたわ！ありがとうございます。アンダーバー足しましたの
プリセットカラーはできあがったらまた再検討しますわ
ブラウザで動く何かでマストドンに直接投稿するのってあんまりみたことありませんわね‥
診断メーカーはいったんDonShareというのを経由して、
こういうのはブラウザ側に汎用的？な機能としてほしいところですわよね
投稿文章と画像ファイルをブラウザ用クリップボード的な所に持っておいて、任意のウェブサービスの投稿画面的なところにはんえいさせるような…
あらまあ
v4.3はまだベータですのよね
もうすこしだとはおもいますけれど
さくらインターネットのレンタルサーバーですわ
動くのはCGIくらいですの（だと思ってますわ）
tokenというのは簡単に取得できますの？
ありがとうございます！
クッキーの使いかた調べておきますわ
えーっと‥ブラウザで動くアプリが自由につかえるローカルの保存領域がありますのね
そういうのくっきーしかないと思ってましたわ
ありがとうございます！とりあえずそのままサーバーに置いたら良いかしら
天の川銀河内のあやゆる書籍はありすJKJCである。
#sayutandesuwa #shindanmaker
https://shindanmaker.com/1068763
わたくしがlocalstrageの使いかたを理解したとき解決しますわね
開くたびに毎回トークンの取得おさないといけませんのねjj
とりあえずリロードしても画像が消えなければよさそうですわね
いいでしょう？それがやりたかったことですの！
@karino2012 PRマージ しま @sita わ
ありがとうございます！
冒頭のメンションは無視されると思ってましたのjj @sita だけですのね
BOOXでも動きましたわ！
遅延が大きいので実用は厳しいですけれどjj
スマホでも線が出ますわね！確かに何もできませんけれどjj
とりあえずまだ未完成ですので
てきぎやる気が溜まり次第更新されますわ
undo2回というのもちょっと検討してましたわ
ですわね。潔くないですの
消しゴムで頑張るのがらくがき流ですわ
あら、トークン取得ボタン押してなかったかしら‥
投稿できましたわ！メッセージは出ますけれど何も起きませんの
投稿しましたわ！（できたかどうかは存じませんの！）
そういえば保存ボタンなんてありましたわね！すっかり忘れてましたわ
保存ボタン、ある程度安定するまでは残しておきますわ
そうですのよね。tegaki_dt絶妙な制限であんまり追い込みすぎずらくがきの楽しい所を味わえますのよね
リロードしてトークン取得したらできましたの
‥つまりはとにかく、リロードで絵が消えないようにさえなればだいたい何とかなりますわね
ではそれもlocalstrageに保存できるようにすれば解決かしら
なるほどですの。
正しさの追求は後々じっくり趣味的にやりますわ
とりあえずちょっと紫は薄すぎかしらと思ってますの
白紙rakugaki_pao消しは許しますわ
色、とりあえず乗ってるだけでちょっと嬉しいですのよね
オレンジ色がブロンドの影に使えますのね
きれいですの
This account is not set to public on notestock.
localstrage javascript canvas で検索したページを見てますわ
ありがとうございます！
出来るところまでやってみますわ
リロードしても画像が消えなくできましたの！
自動でなにごともなくマージされますわね‥‥
gitすごいですの
https://kurajo.ivory.ne.jp/rakugaki_pao/
更新しましたわ！
・リロードしても画像が保持されるようになりましたわ
・tokenを都度取得するようになりましたの
投稿ボタン押す→「先にトークン取得してくだいさいね」が出る→トークン取得ボタンおして投稿
の流れ確認できましたわ
時間がたった後に投稿したら投稿できない問題再発しましたわ
けれどまあ今は一度トークン取得ボタンおせばよい話ですので、先ほどほどはストレスありませんわね
ブラシサイズ
▲
▼にタブレットのペン先を触れる（マウスボタン押しっぱなしにする）で調整してますの
tegaki_dt のスライダーで細かい調整がちょっと手間でしたのよね
これは
javascriptのつぎはhtmlのお勉強ですわね
ちょっとうまいと思ってしまいましたわ‥jj
1, 2, 4, 8, 16,.. みたいなスライダーが欲しいですわね
こういうのは頭の中で考えるよりいったん作って試すのがよさそうですわね
ある程度動きをしばって使いやすく一定のスタイル築きつつ
変えたい人は変えられるようにしておきたいですわね
そこはまあ、なやみどころですわね
単純にわたくしが使いたいというのもありますの
でもとりあえず、1~100まで選べるというのが余分なのは確かですわj
なるほどですの
わたくしが数値入力好きなのは
とっても大きく（400とか）にしたりもどしたりできるところですのよね
単純にUIが小さいというのはありそうですわね
https://github.com/Cos-phi/rakugaki_pao/commit/18d8d5a60ecc2d7e7c3687c624f0d314f1e6f1e0
これでいけると思ったのですけれど‥‥
（inputは0~6のスライダーにしてますわ）
いえ、それは意図通りで、1,2,4,...64 の７通りを選べるようにしたかったのですけれど、描画に反映されませんのよね
あ、気が付きましたわ。draw関数の中ではpenSizeInput.valueを参照してますのね‥
ペールカラーをやや透明度下げて背景に重ねたときの色 をデフォルトの色にしてますの
#rakugaki_pao ちょっと試しにスライダー版にしてみますわね
#rakugaki_pao 試しにペンサイズをスライダーで指数関数的に変えるようにしてみましたの。
どうかしら？
https://kurajo.ivory.ne.jp/rakugaki_pao/
もっとシンプルに３種類くらいにして、黒ペンは1, 4, 8 ブラシは2, 8, 32 .. みたいなのも考えましたけれど
複雑になりそうなのでとりあえずシンプルにこうしましたわ
複雑さの総量？みたいなのは一定で、それをユーザー側とプログラム側どちらで受け持つかという問題のような気がしてきますわね
単にこっちで手間が増えたらあっちで減るという当たり前のことですわ
スライダーよさそうですわね
わたくしも慣れてきましたわ
masterブランチにマージする の実績解除しましたわ jj
カラーピッカーは動いてませんわ！今はただの飾りですの‥
b3a70aeea8c64f09e9bd80207c083cdcaad6f146
本来の意図通りの使いかたではないですけれど、まあこれはこれでありとしますわ
こういう黒ベタでコントラスト強いイラストにちょっと色が乗ってるのも好きですの！
月曜は別荘訪ねたりしてましたわ
もうすこしボトムズ次回予告風にお願いします 
りんご飴なガラスを食べるグルメな白湯フランス語圏発、世界4位のインスタンスの思想ばくこちゃん寝して日々圧倒的成長か。
#sayutandesuwa #shindanmaker
https://shindanmaker.com/1068763
#カフェイン同盟 ベロア×チェックワンピース/Velours×Checkered dress
https://caffeine-union.booth.pm/items/5116958
#4473D バックルベルトローファー
https://4473d.booth.pm/items/4346785
ペンやブラシのサイズ調整
リロードでリセットできるのがいい感じですの
投稿ボタンを押してからできましたわメッセージの出てくるタイミングで、できたかどうかわかるようになってきましたわjj
黒蜜きな粉せせせですの〜〜〜〜〜〜〜〜！！！！！！
#sayutandesuwa #shindanmaker
https://shindanmaker.com/1068763
🎨
#rakugaki_pao カラーパレットを実装しましたわ。
今回試しにペンサイズも少し変更してみましたの。
一段太目にしてますわ。
UIはとりあえずの暫定版ですわ
色を選択すると7色のボタンの色を一つずつ上書きできる（リロードでリセット）というようにしようとしていたのですけれど
今日は力尽きたのでここまでですわ
‥‥でも今の状態、プリセット7色に重きを置くなら、これはこれで悪くない気もしてますのよね
また明日使ってみて様子見ですわ
ちょっとボタンが増えて画面がごっちゃりしつつあるきもしますわね
10分でエア投稿できましたわになりますわね
#rakugaki_pao 実際に絵を描いてると色々感じますわね
色ブラシ ボタンはちょっといまひとつですの。やっぱり[ツール][対応する消しゴム]の並びは近くに欲しいですの
あと黒ペンサイズはそこまで太くならなくていいし、色ブラシサイズはそこまで小さくならなくていいですわね
Windowsで開くとカラーピッカーにスポイトがありますけれど、他の環境だと違うのかしら
やはりカラーピッカーはパレットを上書きするようにしたいですわね
そのかわりリセット用のリロードボタンをつけるようにして
問題は同じ色をもう一度使えないということですわよね。パレットにピックした色を並べられるようになれば部分的には解決かしら
そうですのよね。わたくしも基本的には同じテイストを保ったほうが楽しいと思ってますの
ただ７色はなかなか難しいですのよね
テイストを保つなら
先日かりのさまが鳥でRTされていたようなイラスト わたくしも好きですのよね
あの手のイラストの構成って
線画＋べた塗り色分け＋影 だと思いますの
７色だと影表現がちょっと難しいですのよね
‥ろみぜさまは非常にうまくやってますけれど
別のアイデアで、色は７色固定で、線・色と別に「影ブラシ」「影ブラシ消し」みたいなのを用意して、
影用半透明レイヤーを色レイヤーと線画レイヤーに挟む
というのも考えましたの
もしくは素直に 7×明暗2色=14色
をパレットにならべるのでもよい気はしますのよね
パレット上書きはそういうのから連想しましたわ
そう‥そういうのも強烈なスタイルになりますわよね
青系だけ7色パレットとか
そうでしたのね！
それならまあ…パレット上書きはもったいない気もしますわね
カラーピッカーについては、
ここぞと言う色（修道女ちゃんのおめめの赤とか）に使う想定で一応残しつつ、
出来るだけデフォルトパレットでがんばれるようにデフォルトパレットを工夫する という方針がよさそうですわね
アナログは、色としてはすくなくても濃淡がありますのよね
そう‥こういうスタイルが目指すところですの
数えたら…きっかり7色ですわね…
そう、7色縛りろみぜさまにはびっくりしましたの！ここまでできますのね‥‥！って
ペン選択以外に、現在のモードみたいなのを意識しなくて良いというのが割と中心コンセプトだと思ってますの
そう‥先ほどの影ブラシ案もなんかあんまりよくない気がしますのよね
混色って難しいですし、影色ってそんな単純ではありませんし
とりあえずデフォルトパレットの色選びに手を付けたいですわね！
赤とオレンジは気に入ってますわ
黄色と紫はキャンパスに対してコントラスト薄すぎですわね
パレットの右端は岩見ひより色の想定でしたわ
って何ですか？「ゆめぴりかってなんですか？」まあウチには納豆ふりかけ♡はあるんですけどけ
( '༥' )ŧ‹”ŧ‹”パオ消しは重罪。
#sayutandesuwa #shindanmaker
https://shindanmaker.com/1068763
パレットの見た目の統一感は若干スポイルされてますわね
緑どうかと思いましたけれど、いいかんじの苔くすみカラーですわ
黄色単体の見えやすさはあんまり想定してませんわ
あ！こうみるとなんかいい感じの黄色ですわね
実はよくわからなくなったのでわたくしの目の色から作りましたわ
カラーピッカーの動作を少し変えましたの
https://kurajo.ivory.ne.jp/rakugaki_pao
#rakugaki_pao
半透明悪くないかもですわね
明暗2色としても使えますし
ゆめぴりかを満たす労役に就いてぱほぱほ
#TastydreamHauler #shindanmaker
https://shindanmaker.com/1112744
drawrの後継(?) 、シンプルドローためしてみましたわ
なるほど半透明ブラシこんな感じですのね
半透明にしたときに今のパレットの赤橙くらいになるような色にすればバランスも良くなりそうですの
半透明
半透明のおんなじ色でぬり広げるのは難しくなっちゃいますわね
ちょっと変えてみましたの
[色ブラシ]ボタンが場所を取るのがあんまりかっこよくありませんでしたので
黒ペン - 黒ペン消し
色ブラシ - 色ブラシ消し
って対応を分かってほしいから かしら
マウスオーバーでツールの名前が出るツールチップがあればいいですわね！
カラーブラシのパレットが目を引いてしまうので、
最初からカラーブラシだけ使われて、ツールの意図を理解されないまちょっと触って飽きられる
という危惧？はちょっとあって「黒ペン」の文字を消せずにいますわ
なるほどですの。たしかにそれはよくないですわね
https://kurajo.ivory.ne.jp/rakugaki_pao
ツールの文字を消してみましたわ
なんかこれでいい気がしてきましたの！
黒ペンの選択が分かりにくいのと消しゴムの角丸は検討要素ですわね
でもちょっと言いたくなるくらいには役に立つ(?)豆知識ですわね.j
線画用のペンの色も、やっぱり変えたいものかしら
ですわね。基本的には変えない方針でいきますの
わたくしの好みですわjj
そうそうあれもおしゃれですわよね
キャンバス色に茶色線
今の色に加えて茶色と白くらいの選択肢はあってもいいかなとちょっと思ってますわ
今の線色は万年筆のブルーブラックをイメージしてますの
ただ、色塗りを楽しみたいのでかなり濃い目のそれですわ
な、なんか違いますのjj
これはあれだな。そこから立ち上った湯気が雲になり、やがて霧になった。
#sayutandesuwa #shindanmaker
https://shindanmaker.com/1068763
キャンパスの外の色も、デフォルトのままなのでいい色探したいですわね
スマホ対応もどうにかしたいですわね
開いたときの画面倍率さえどうにかできれば解決ですわよね
正直なところを言いますと、ちょっとパレットそのものの見栄えを整える意味合いもある色追加ですわ
ある程度色相がなめらかに変化してないとちょっと見栄えが良くありませんのよね‥
ちょっとシンプルさは損なわれますわね パレットが目立ちすぎですの
コンセプト的には濃い赤・緑・濃い青がちょっと浮いてますわね
そう…そういう色がほしくなるのですけれど‥
結局７色×濃淡２になっちゃいそうですのよね行きつくところ
んー多少のパレットの見栄えのよさですわね
あとぱりっとした赤青が欲しかったというのもありますの
神戸屋さんの制服の青を入れたかったというのもありますわ
パレットの色を増やすと見た目のシンプルさは損なわれるのですけれど
（切替とかカラーピッカー操作と比べると）操作はシンプルになりますのよね
んー青赤はちょっとテイストがかわっちゃいますわねjj
黄色や緑を濃くしすぎたのが迷走の始まりだったかしら
ですわね。色ブラシは最小まで細くできなくてもいいかと思ってますの
同じ意味で黒ペン太くして黒ベタで塗りつぶすのも邪道？ですけれど
どう使うかは使う方の自由ですのよね！
ぬりつぶし用の色ブラシですけれど
色ブラシでアタリを描いて黒ペンでペン入れ?する使い方も試してみたいい感じで、実は 
多用してますわ
カケアミスタイルでも便利ではありますのよね。
カケアミを使うのなら色は濃いめ暗めのほうが向いてますので最適？ではないですの
線色とコントラストがあった方が、ざっくりぬるときにいい感じですのよね
このアタリのとりかた意図してなかったのですけれどわりといいかんじですのよね
ある程度線画描けたら色消しちゃいますの
診断メーカーで作った診断を更新しましたの。
「わたくしたちは白湯たんたん勝たんフランスの白湯しかうさ美味しいJCJKですわ( 'ω' و(و"♪」
[名前診断]
#sayutandesuwa #shindanmaker
https://shindanmaker.com/1068763?c=1
さて、始業しようかねぇ。幻影の鶏―ファントムチキン―
#sayutandesuwa #shindanmaker
https://shindanmaker.com/1068763
e135332e27277a78701c334990c0281ad28cd680
FY12-R1 くらいが目指すところかしら
紫・茶色・橙色がないですわね
黄緑の有効活用ですわ! 大根におあつらえ向きの色でしたのj
の色は霧鯖頻出色の可能性がありますのよねjj
色鉛筆やクレヨン、確かに黒白いれて12色より少ないのってなかなか無いですわね
>12色
>絵にあまり興味がない。もしくは多くてもなくすだけな予感がするお子さん向け。
黒といいますか、#000000は上手く使うの難しいですわよね
