画像処理　15枚目 [転載禁止]©2ch.net

**デフォルトの名無しさん** · 2015/05/22(金) 21:43:17.08

画像処理プログラミングについて質問、議論を行うスレッドです
・画像処理について素人同士で大激論
・初学者の質問に対してやさしく(的を外れた)解答を与える
・その道の玄人も大歓迎

**801 早朝からグダグダなレビュー** · 2024/05/17(金) 06:55:17.41

てかさ、ランベルト星人よ
🔴 ＝ 306 * Math.power((🔴/255),(1/γ));
のMath.powerとかいう関数ぽぃ関数
それ、Math.pow　ぢゃね
てかさ演算子　**　ぢゃね
by 🤡自称プロマネ

2024/05/17(金) 09:52:24.42

γ補正は、教科書的には
⚫ ＝ 255 * Math.power((⚪/255),(1/γ));
だけどさ、画像を暗めにしたいとき
γ<1だからさ、
例えばさ、画像を暗めにしたいとき
γ=0.75とするぢゃーん。スナワチ、
⚫ ＝ 255 * Math.power((⚪/255),(1/0.75));

てかさ、教科書通りやるとさ、
地球人的にはコントラストが高くなってさ
ギラギラした感じになるヂャーーーーん

てか、単に、
⚫ ＝ 255*0.75*⚪;　だと
ギラギラ感はないけど、自然だけど
コントラスト感が物足りないしさー
グダグダ、なんとかかんとか、・・・

by 👤

あのねーーー
それ、Math.pow　ぢゃね　てかさ演算子　**　でコーディングやれよ
by 🤡自称プロマネ

**801 グダグダ・・・** · 2024/05/17(金) 10:22:42.52

❌　⚫ ＝ 255 * ((⚪/255)**(1/0.75));
❌　⚫ ＝ 255*0.75*⚪;　
は、ま、以下の感じで
🙆　⚫ ＝ 255*0.8 * ((⚪/255)**(1/0.8));
だと、ギラギラ感もなく、
コントラスト感も少しあって自然で
見易くなるな
by 🤡　自称プロマネてか画像処理ヲタク

Math.pow やめて**にしたから
自然で見易くなって訳か。
コントラストは変わらないけど見易く
by 🥳　話が噛合んグダグダテスター

2024/05/17(金) 16:08:20.05

J✦226.htmlは、徹底テストしてないけど
J✦226.htmlは、少しテストしたから、
J✦226.htmlは、完了トスル　で、

J✦256.htmlを次の仕様でつくれーーーー
［拡張画面表示］ボタン追加
それクリックで下記画面が現れる
──────────
拡張画面　　[x]
色相　[　　]〜［　　］
彩度　[　　]〜［　　］
明度　[　　]〜［　　］
──────────
画像処理等ロジックは要らん
単に、上記画面出すだけ。今すぐやれー

by 🤡自称プロマネ　何時かてか今出来る

**801 休憩室の雑談** · 2024/05/17(金) 16:15:10.10

J✦256？、そっかJ✦226に組み込むか?
by 👤

なんで、てかイミフ　by 🥳

オレの霊感だと、J✦256が完成の暁には
J✦485というhtmlをつくれーーーーって
プロマネは言う。霊感的中率99.9…%
by 👤

バージョン管理を見通せてる。
霊感力てかセンス半端ないな　　by 🤡

今すぐJ✦485.htmlすればいいぢゃんby🥳

👤　No,∵急がば回れをよく知ってる地球人なら変人扱い。∵2進数でバージョンを管理してる

**801 自称プロマネのウンチク** · 2024/05/17(金) 18:14:02.21

HSLとHSVの違いがなんかイミフてか明度的には、
HSL（色相・彩度・輝度）モード。
輝度= 0.299R + 0.587G + 0.114B
HSV（色相・彩度・明度）モード。
明度＝100×(最大値＋最小値)/(2×255）
らしい。

てなわけで、今度のはHSVだな
てか、オレッち流魔改造HSVとする
(R,G,B)＝(255,0,0) の明るさと
(R,G,B)＝(128,128,128) の明るさ等しい
のは悪くないな。そこはオレのとHSV同じ

明度＝100×(最大+中央)/(2×255）だ
ロジック的には
明度＝100×(３色合計－最小値)/(2×255）
これが、オレッちの明度哲学だ。
by 🤡プロマネ。完全な画像処理ヲタク

**デフォルトの名無しさん** · 2024/05/17(金) 18:17:30.06

明度＝100×(最大+最小)/(2×255）だろ。
プロマネ、最小値と中央値の違いも解らなくなっちゃってる
🐴🦌なの。ナンナの？。ヨウチエン児なの❓
by 🥳

**デフォルトの名無しさん** · 2024/05/17(金) 18:24:58.23

最小値が🟦青画素、てか、🟦画素が最小値の画素の場合は
明度＝100×(３色合計－ゼロ)/(2×255）が地球人の色覚に
合ってはいるが、彩度と明度の区別が意味の違いを
判別出来ない知能の地球人には、んーーーどうでも良い話し
fufufu

by 👤宇宙人のナゾの微笑み　てかそろそろ実装GoGoGo

**801 宇宙人タイプミス** · 2024/05/17(金) 18:50:14.19

❌　明度＝100×(３色合計－ゼロ)/(2×255）
青を一時的にゼロと考えて
明度＝100×(３色合計－ゼロ)/(2×255）というか、とにかく、
青が最小値というか最小値が、🟦の場合では、
明度＝正規化🟥+正規化🟩　だてか、地球語に翻訳できん。
早く、コーディングさせろ。プログラミング言語の方が
表現しやすい

2024/05/18(土) 05:32:21.86

宇宙人やテスターがオレッちの
🤡流の明度計算理論にケチつけてるけど
キニシナイ。てか、
明度 = 🔴+🟢+🔵 - Math.min(🔴, 🟢, 🔵);
キーーーメタっ

色相は、🔴⇒0° 🟢⇒120° 🔵⇒240°
なんやかんやで、灰色近傍で誤差無限だな
ブツブツ・・・

そうだ、彩度、これなんだよな
なんかしっくりする数式んーー暫定的には
min ＝ Math.min(🔴, 🟢, 🔵);
max ＝ Math.max(🔴, 🟢, 🔵);
max : min が無限大で彩度100
max : min が１で彩度0 だろ
てか、こらー宇宙人、チミはどうする？
ブツブツ・・・
by 🤡自称プロマネは画像処理ヲタク

**801 早朝レビュー** · 2024/05/18(土) 06:47:06.88

彩度％＝100×（最大値－最小値）/255
という説や
彩度＝255×（最大値－最小値）/（255－｜最大値＋最小値－255｜）
という説がお前らの地球に存在する

ワレワレ宇宙人は、
当数式をパクり正規化して使用してるぞ

⚪＝Math.max(🔴,🟢,🔵)/255;　//正規化
⚫＝Math.min(🔴,🟢,🔵)/255;　//正規化
彩度＝⚪－⚫;　・・・・①
彩度　*= 255　　//デス正規化
①式は、
彩度＝(⚪－⚫)➗(⚪+⚫－1);なら更良い
by 👤

彩度＝(⚪－⚫)➗(⚪+⚫－1);　てか
彩度＝(⚪－⚫)➗(⚪+明度－1);　かな
ただし明度は、
🤡流の明度計算理論である
明度 = 🔴+🟢+🔵 - Math.min(🔴, 🟢, 🔵);
にしようかな。どうしようかな～
by 🤡

早く実装してバグれーーー by　🥳

**801 昼前もレビュー兼ボヤキ** · 2024/05/18(土) 10:44:39.79

例えば
RGB＝(240,160,128) の彩度と
RGB＝(120,80,64) の彩度は同じにすべき
∴
❌彩度％＝100×（最大値－最小値）/255
なんだ。さてと彩度の数式どうしよっか
BY 🤡の呟き

彩度の秘伝の数式　只今霊感で作成中
BY 👤

**801 テスターの呟き** · 2024/05/18(土) 12:55:25.35

RGB＝(255,255,0)の画像をγ補正であかるく変化しねーー
バグだよな。BY 🥳

鮮やかな🟡か、γ補正で明るくしたくても無理か。仕方ないBY🤡

如何なる有限値のγで0をγ補正しても0であり
如何なる有限値のγで255をγ補正しても255である。
プログラムのバグでなく、地球人の視覚野の認知機能のバグである
by　👤自称宇宙人のトンデモ論

**801てか863の反論** · 2024/05/18(土) 13:07:44.10

てか、仕方ないとか言ったけど微妙に訂正
RGB＝(255,255,0)
RGB→HSV変換してVを上げて、HSV→RGBすれば明るくなるな
BY 🤡

それは、地球人らしい愚かな発想だ。
黄色系統特に純色の黄色🟡は白◯より目立つではないか
HSVのVを上げても既にRGは飽和しており、Bが上がるかも
すなわち、それだと鮮やかさは喪失となり
そのような愚かなロジックで明るく補正しても
逆効果の確率が濃厚なのだ。ま、地球人だから愚かなな
ロジックや、発想はやむを得ない
BY 👤宇宙人は自称なのに、自分に酔いしれる

**801 プロマネの呟き** · 2024/05/18(土) 13:56:59.53

ガンマ補正　gamma correction
ってさ、🇯🇵で2は、海外では1/2の意味だ
あの画像処理入門の本、誤りかと思ったが
地球人の🇯🇵が2を1/2と勘違いしてるようだ。
大きい方が明るいという霊感は、
ホントは違うのだ。まったく、
🇯🇵は全員同じように勘違いしてるってか
逆数って知ってるのか。
by 🤡

ゲラゲラ　地球人の中で🇯🇵は数学力はマシと思ったが、地球人よりも🐴🦌だ。
逆数を理解できない🐴🦌だ。
by 👤宇宙人、またもやトンデモ論語る

1/2と2って等しくないの？等しいの？
同じでいいぢゃーーん、バグっていいぢゃーーん
地球の教科書バグだらけぢゃーーーん　やっほーーー
by 🥳

**801 テスタのボヤキ** · 2024/05/18(土) 16:17:08.50

何か🤡と👤が、テキトーこと言ってるけどさ
例えば🟡より明るくすると暗くなるたとか。
頭へんですよーーー。
てか、RGB＝(255 255 0)は明るさは既に100%
それより明るい値が入力可能な前提で議論してるけど
明るさ100%より明るい値は入力出来ないので
🟡より明るい色は入力できませーーーん。多分
この世に存在しないんぢゃないなーーー

てか、
霊感テキに
「RGB」と「HSV」を相互変換でググることよい。ぢゃーね
BY 🥳

**801 ランベルト星人の霊的閃き** · 2024/05/19(日) 04:48:41.86

ふと、閃いた。
クロマキー処理なんだけど
ターゲット色に似た色を検出する訳だけど
なんて言うかな、どうも地球の既存ソフト
って今一つなんだな。てか
我が銀河系では、以下のような感じだ
てか、今閃いた。

⚪ ＝math.Max(🔴,🟢,🔵)
⬜ ＝math.Max(🟥,🟩,🔵)
❤ ＝ ⬜/⚪*🔴
💚 ＝ ⬜/⚪*🟢;
💙 ＝ ⬜/⚪*🔵;
d ＝ (❤-🟥) ** 2
　+ (💚-🟩) ** 2
　+ (💙-🟦) ** 2;

このdが小さければ(霊的に666未満)のとき
たとえ、(🔴,🟢,🔵)≠(🟥,🟩,🔵)でも
(🔴,🟢,🔵)∈(🟥,🟩,🔵)　か若しくは
(🔴,🟢,🔵)∋(🟥,🟩,🔵)　となる確率は
濃厚と予言ていうか予知できる

by 👤　宇宙人の滅茶苦茶な地球語でした

**801 最大級に低レベルなレビュー** · 2024/05/19(日) 05:07:59.35

なに、意味不明な、絵文字列な、数学的な、数式的な、行列
by 🥳

おそらくは、🍎の色は赤色∵当然
しかし光の具合で色は、⚪or🔴or🟤or⚫になる
かつ、not(⚪or🔵or🟢or🟡or⚫)
であるから、その逆については、ベイズレ確率論てきに
条件付確率Pr(🍎┃⚪or🔴or🟤or⚫)≒0.666・・・
という主張を預言してるのだろ。恐ろしい閃きだ
地球人の脳の視覚野とくに高次元な判断をシミュレートしてるのではないか
by 🤡プロマネ、ホラ吹かす。

え、うっそーーーー。それマジっすか?
by 🥳テスターなりの忖度的会話

2024/05/20(月) 04:50:22.07

Pr(🍎⇒⚪or🔴or🟤or⚫)＝1 ∵光の具合で色は変化
Pr(not🍎⇒⚪or🔵or🟢or🟡or⚫)＝0.7 ∵林檎以外は多分赤くない
あとえーーーと、とにかく、地球に、かつて存在し今は存在しない
あの確率論で憶測するに
条件付確率Pr(🍎┃⚪or🔴or🟤or⚫)≒0.666・・・なるのか怪しい
ま、条件付確率Pr(🍎┃🔴or🟤)≒0.84654321位だろ❓
by 👤

**801 自称プロマネ** · 2024/05/20(月) 04:54:24.37

画面レイアウトイメージ
───────────────
拡張(クロマキ支援システム)　[x]
ターゲット
　赤R [96]　緑G[128]　青B[64]

誤差範囲
　RGB　[ 　4] %　目安0.5〜20%
　明度　[100] %　目安10〜100%

上記該当をRGB値＝(255,0,128)に置換え

　　　　　　　[画像編集]
───────────────
アルゴリズム、>>867採用してあげる
by 🤡

2024/05/20(月) 05:06:48.36

ランベルトとか自称の宇宙人、変な公式てかアルゴリズムを
考案してるけどさ、867何だけとさ
ターゲットとなる色味が(R,G,B)でこれの属する物体は、
光の下限では、媒介変数tとして、色味は(t*R,t*G,t*B)
となる3次元内の直線。
そして、その近傍もクロマキーにしたい訳で、とにかく
3次元、3次元、３、３、3次元内の直線と点の距離なんだよな
ちな、3次元内の【平面】と点の距離　は、公式はあるが
だが、3次元内の【直線】と点の距離　は、公式はナゾだ。
てな訳で、>>867のアルゴリズムで、まっいいか。
by 👤

やっぱ、宇宙人って自称宇宙人のランベルト宇宙人ぢゃーん
知能は、🐴🦌だろ。てか無限大の訳ないからだ
by 🥳

**801 プロマネ** · 2024/05/20(月) 05:16:07.11

クロマキーにしたいとこりのアルゴリズムを考案するに
3次元ベクトル空間が必要なのだろうけど、
それに基づくアルゴリズムは地球には、まだ無いなのか❓
by 🤡

既存の近似色判定の市販の画像処理ソフトのUI見れば
解るだろ。多分ない。というか地球人には開発する知能はない。
BY 👤自称宇宙人、相変わらずホラ吹き捲る

**801 プロマネの呟き** · 2024/05/20(月) 05:23:13.97

「3次元で点と直線の距離を求める関数」
を実装しましたーーーって地球のサイトにありますよー、

で、なんかベクトルでその関数を表現してる。
サッパリ解らん。からヤッパリ867のでヨシ(๑•̀ㅂ•́)و✧
by 🤡

解らないからヨシは、ヨクないと思う　by 🥳
ヤツは地球人、仕方ない　by 👤

**801 完成報告** · 2024/05/20(月) 18:29:44.45

一応であるが、完成しちゃった＼(^o^)／
てか、マジ>>867の、アルゴ、ヤバイ位完璧
市販のソフトが明るさ、彩度、色相で許容度で
クロマキーする部分を指定してるけどさ、
使えないないけど、867アルゴリズムって使える
ま、「3次元で点と直線の距離を求める関数」
は、やらなかったけどおそらく867アルゴリズムは
それに近い結果をたたきだす。と憶測する。

細かい不具合は別途、編集後記かな。
ま、javascriptだから、ファイル書き込みは無理だけど
ダウンロードでなら、ファイル書き込みもできる。
by 🤡やっほーーー

どうせイロイロ不具合あるんだろ。ゲラゲラ
by 🥳

ま、画像処理プログラミング、javascriptで
可能ではあった。一応
by 👤

**801 編集後記１** · 2024/05/21(火) 05:34:26.47

あれは、オーバーすると
Uint8ClampedArray　Clamped　Clamped
なら白飛びだが、見た目、分かりづらい
しかし、Clampedだと、
255を超えたら黒くなるで分かりやすい
by 🤡

そ、さらに超えた画素の色が例えば🟢のみ
ならその補色🟣が現れる
即ち偽色発生するな。
白とび寸前の状態も把握しやすい
Clampedしなくて、ちょーーー正解
by 👤

棚からぼた餅、ゲラゲラ　by 🥳

**801 875訂正** · 2024/05/21(火) 05:36:06.35

❌　Clampedだと、255を超えたら黒くなる
◯　Clampedなし、なし、なし、だと、255を超えたら黒くなる

**801 編集後記** · 2024/05/21(火) 05:40:25.36

偽色は、鮮やかな水色だったり、鮮やかな紫だったり
もしかすると、鮮やかな🟡色も、発生しそうだね。
すごーーーく。キレイ。
バグっていいぢゃーーーん。AKB48てかサッシーさんサイコー
BY 🥳←も頭が微妙にバグってる

**801 編集後記なのにPGレビュー** · 2024/05/21(火) 08:48:05.86

アルゴリズム開発のオレッちが言うのも
なんだけど
>>867 のロジックで
⚪ ＝math.Max(🔴,🟢,🔵);
⬜ ＝math.Max(🟥,🟩,🔵);
❤ ＝ ⬜/⚪*🔴;

もし、(🔴,🟢,🔵) ＝ (0,0,0);なら
⚪がゼロになり、
❤ ＝ ⬜/⚪*🔴;　になるだろ
その辺りは実装時で解決してたのか？
by 👤ランベルト宇宙人

んー、そのままコーティングした。
正常にいってる。気になる
by 🤡 プロマネ

JavaScriptだから、エラーじゃなくて、
❤ はNaN とかいう値になる
NaNを含む条件式も、エラーにならず
なんか正常に処理された。バッチリだね。
by 🥳バッカテスター

んーーヤバーーー。ま、ヨシとはするか　ᕙ⁠(⁠ ⁠:⁠ ⁠˘⁠ ⁠∧⁠ ⁠˘⁠ ⁠:⁠ ⁠)⁠ᕗ
by 🤡👤

**801 編集後記** · 2024/05/21(火) 08:55:54.67

てかさ、math.Maxは、Max.math だろ。Javascriptって
大文字と小文字の違いを判別する厳密な言語。素晴らしい
by 🥳

いや～、JavaScriptは、そんなことは、ありません。
かなりいい加減な言語何だけど、・・・
by 🤡👤　(⁠･⁠o⁠･⁠;⁠)

**801 編集後記なのに緊急レビュー** · 2024/05/21(火) 09:32:11.44

現状
⚪ ＝Math.max(🔴,🟢,🔵); //画像のデータ
⬜ ＝Math.max(🟥,🟩,🔵); //UI　のデータ
❤ ＝ ⬜/⚪*🔴;
💚 ＝ ⬜/⚪*🟢;
💙 ＝ ⬜/⚪*🔵;
d ＝ (❤-🟥) ** 2 + (💚-🟩) ** 2
　+ (💙-🟦) ** 2;

修正案
⚪ ＝Math.max(🔴,🟢,🔵); //画像のデータ
⬜ ＝Math.max(🟥,🟩,🟦); //UI　のデータ
❤ ＝ ⚪/⬜*🟥;
💚 ＝ ⚪/⬜*🟩;
💙 ＝ ⚪/⬜*🟦;
d ＝ (❤-🔴) ** 2 + (💚-🔵) ** 2
　+ (💙-🔵) ** 2;

by 🤡プロマネ　緊急PGメンテ得意そ、

おそらく、マシ
BY 👤

バカぢゃねーー　(🟥,🟩,🟦)＝(0,0,0)
でゼロ割ぢゃーーん。でも
NaNになるから、これでも超バッチリ
てか、JavaScriptはモピロン厳密な言語　だから、修正不要だね。
By 🥳バカッテスター

**801** · 2024/05/21(火) 11:43:00.56

てか、修正案は没、没、没で、超修正案

現状
⚪ ＝Math.max(🔴,🟢,🔵); //画像のデータ
⬜ ＝Math.max(🟥,🟩,🔵); //UI　のデータ

超修正案
⚪ ＝Math.max(🔴,🟢,🔵); //画像のデータ
⚪++; // １加算でヨシ
⬜ ＝Math.max(🟥,🟩,🔵); //UI　のデータ
⬜++; // 　１加算でヨシ

by 🤡サッキの修正案没で、
上記の超修正案で超修正だ

何やってるの❓緊急だしDonDon修正しろ
by 🥳

リスキーな修正回避か。じっくり様子見
by 👤

**801 編集後記のハズがPG微修正** · 2024/05/21(火) 13:44:22.53

⚪ ＝Math.max(🔴,🟢,🔵)+0.001;
⬜ ＝Math.max(🟥,🟩,🔵)+0.001; て修正で超超修正した
by 🤡

コロコロ、変わってやんのー by 🥳
かなりナイーブな修正てか懸命な方策 by 👤

**801 慌てすぎ** · 2024/05/21(火) 13:46:53.95

❌　⬜ ＝Math.max(🟥,🟩,🔵)+0.001;
⭕　⬜ ＝Math.max(🟥,🟩,🟦)+0.001;　だ

**801 デバッグも落ち着いた** · 2024/05/23(木) 06:17:00.38

さーてと、コントラストのを追加するか by🤡
なんだよー定番の機能まだなしだったのかよ　by 🥳
地球の書にイロンなアルゴあるがドレもしっくりこん by 👤
どれでもＳ字とかだし、どれでもいいぢゃーーーん by 🤡🥳

**801 ラベンベルト星人の怪しい呟き** · 2024/05/23(木) 06:29:33.79

秘伝の数式

**801 てか885** · 2024/05/23(木) 06:46:16.78

↑

**801 てか886の続き** · 2024/05/23(木) 08:14:35.01

**801 ランベルト星人 自画自賛** · 2024/05/23(木) 08:34:05.98

>>886 887 式こそ、当銀河系てか宇宙最強の
コントラスト改善アルゴリズムぢゃ
by 👤自称宇宙人

マジー、ウッソー　by 🥳バカっテスターの忖度

んー　x＝0.5近傍で　dy/dx＝∞　だよな?
しかも、滑らかな曲線　by 🤡自称プロマネ

だろ♡、なんたって数学パワー偏差値、オレ∞
by 👤宇宙人浮かれる

自称宇宙人の宇宙人やるーー　by 🥳忖度テスター

**801 てか886 887 の超イメージ設計書** · 2024/05/24(金) 05:27:02.74

超超イメージ設計書　by 🥳ポクの設計書　見てみてーーー

**801 てか889** · 2024/05/24(金) 05:57:50.55

🥳ポクの設計書　見てみて

**801 自称プロマネ** · 2024/05/25(土) 10:33:43.96

>>809の設計書通り∧魔改造して、コントラスト改善のを
実装完了したぜ。簡易テストしかしてないけど、
ま、バッチリ実装。∴809の設計書の正しさの証明だ。
by 🤡　プロマネがテスターを褒めてあげた

やっぱり、画像処理は、お絵描きと数学だな
by 🥳　バカっテスター。時に普通の事も喋る

ま、128付近のコントラストが改善される
ちなみに、dy/dxはxの値により変わる
R、G、B毎に補正とした場合、色相や彩度も変化する
コントラスト強くすると、彩度がVIVIDとなる。

ま、なんか、AS⚫Sのノートパソコンの画質に似てる
ま、エイスースさんがどの様なロジックで
鮮やかな画質の補正をしてるかは知らんが

by 👤自称宇宙人、怪しいウンチク語るてか騙る

**801** · 2024/05/27(月) 04:56:48.45

さて、ガンマ補正、コントラスト補正
の実装に成功し
RGBそれぞれに同一のガンマ補正とした
何か物足りん∴RGB別ガンマ補正に魔改造
by 🤡自称プロマネ

**801 早朝の低レベルレビュー** · 2024/05/27(月) 06:30:42.41

魔改造か、なんか知らんけど、RGB別ガンマ補正も、
ワリと定番的ぢゃーーーん。魔改造ぢゃなくて普通だね。
by 🥳テスター

ま、魔改造って程ぢゃないな。それより、
🔴 ＝ 255 * ((🔴/255)**(1/γ)); なんて地球の入門書ぽぃ
コードは、やめろーー。やはり、ルックアップテーブルだろ
by 👤宇宙人(の成りすまし)

ルックアップテーブル?!　あれか。
ま、入門書は見易さ重視。地球人は、速度重視でルックアップテーブルで
実装するのは、常識だ。、てかルックアップテーブルで
実装に魔改造を先に優先するか。
by 🤡

魔改造ドンドンやれー。今のでも、処理速度許容スレスレだが
魔改造で、処理時間ゼロかつ処理速度ゼロにしろーー
by 🥳バカっテスター

処理時間ゼロなら処理速度は無限大の値だろ
by 👤宇宙人の成りすまし

┐⁠(⁠ ⁠∵⁠ ⁠)⁠┌　by 🤡

**801 レビュー** · 2024/05/27(月) 11:05:51.12

ま、RGB別ガンマ補正、の魔改造完了したよーん。BY🤡

ぢゃ今度は色相変換だ。てか色相変換の一番簡単なやつで
イケると思うんだけど、で、えーと、えーと、そうだ、
髪の毛が🟢系統なら🟡に変換してさらにγ補正して
黒髪に近い金髪したいです。
そんなのに魔改造のやろう。これ要件定義だ。

by 🥳バカっテスター、
思いつきで画素処理の要件定義語る

是非実現したいが、慎重に検討だけする
by 🤔自称プロマネ

ルックアップテーブルでは困難ぽぃが、
処理時間キニシナイなら、ワリと楽勝か
んーーー微妙
by 👤自称宇宙人

**801 ランベルト星人の謎の呟き** · 2024/05/27(月) 13:22:10.20

この宇宙は6色の光でワタシが創成したのぢゃ
Red→Yel→Green→Cyan→Blue→Violet
の6色で30°／色の空間ナノぢゃ
地球人たちよ。わかるかーーー
虹は七色との地球の🇯🇵の説は
信じてはいけない。6色が正解ぢゃ
by 👤ランベルト宇宙人　の戯言

**801 自称プロマネの呟き** · 2024/05/27(月) 15:08:15.16

自称宇宙人が、この宇宙は、六色といってるけど
でさ、地球人の用語には、マゼンタという色があってさ
マゼンタ（magenta）は「明るく鮮やかな赤紫色」
だから、宇宙人の主張の
Red→Yel→Green→Cyan→Blue→Violet　よりも
Red→Yel→Green→Cyan→Blue→Magenta の方がいいと思います。
by 🤡

てかさ、この世はRGBの３色で出来てるなんてのは、
人間の目のバグでさ、YELLOW CYAN MAZENTAの３色で
出来てると思う。印刷物を拡大すれば解るよーーん。
この世はレモン🍋と氷🧊とさくら🌸から作られてるからだ

BY 🥳バカっテスターの哲学

**801 ランベルト星人の謎の呟き** · 2024/05/27(月) 16:27:53.90

地球人の視覚野は、ナゾだったが、霊的推論により
何か見えてきた。とにかく色相は円でなく、
単なる六角形に過ぎない。ま、degで表現を
地球の自称知的生命体はdegで色合いを表現するが
何処か無理はあろう。ま、それはともかく

純マゼンタの強い光と、純イエローの強い光を
混ぜるとどう地球人に見えるかは気にはなる。
赤と白の明るく、くすんだ色のはずだ
by 👤宇宙人の成りすまし

明るくて、くすんでる❓。へんなヤツ
by 🥳地球人代表のバカっテスター

**801 ランベルト星人** · 2024/05/27(月) 17:54:33.99

RGB=(255,255,0) と　RGB=(255,255,128)
では、モチロン、輝度は後者は、デカイのに、
しかし、前者の方が、明らかに目立つ

そ、後者は、明るいのにくすんでるのだ
ていうか、地球人の視覚野のバグだろう。

BY 👤　自称宇宙人のトンデモうんちく論

**801 てか** · 2024/05/27(月) 18:13:29.65

>>895 こらーランベルト星人
6色で30°／色　なんて書いてるけど
全色相は、30✕6は180°か？　へん
６色はいいけど、60°／色だろ
R Y G C M そしてRに戻る　これで360°だっちゆーーの
だから、そ、R→Yなら色相は60°。これが地球のセオリーだ。

BY 🤡プロマネ、雑談すらもチェックしまくるーー

**801 色相変換の勝手に設計** · 2024/05/27(月) 20:13:10.99

地球人は、
RGB → HSV →H更新したHSV →RGB
色相を改変させるようぢゃ

しかし、ワタクシは、
HLSに変換してやる。HLSといっても
地球人のHLSとは多分絶対ちがう。
LはLarge SはSmall ぢゃ
Hue = 工事中(🔴,🟢,🔵);　// 0〜360°
Large = Math.max(🔴,🟢,🔵); // 0〜255
Small = Math.min(🔴,🟢,🔵); // 0〜255

Hue += 30;

🔴 = 工事中(Hue,Large,Small);
🟢 = 工事中(Hue,Large,Small);
🔵 = 工事中(Hue,Large,Small);

by 👤宇宙人の勝手なプログラム設計

工事中だらけ。設計書未完成ぢゃーーん
by 🥳

**801 てか900** · 2024/05/28(火) 06:30:25.53

色相Ｈ改変プログラミング設計は下記だ

hue = 関数①(🔴,🟢,🔵);　// 0〜360°
max = Math.max(🔴,🟢,🔵); // 0〜255
min = Math.min(🔴,🟢,🔵); // 0〜255

hue += 30; // 色相Ｈを30°ずらすとして

⚪ = 関数②(hue,max,min);
🔴 = ⚪の16進上位2桁;
🟢 = ⚪の16進中位2桁;
🔵 = ⚪の16進下位2桁;

なお、関数①、関数②は、
ネットに転がってるRGB2HSV等から
ぱくっぱくっトスル
by 🤡プロマネのプログラム設計

ぱくっっとする。RGB2HSV
by 🥳

**801 レビュータイムてか雑談** · 2024/05/28(火) 07:50:13.87

👤　サイコロって正４面体か正六面体どっちか解るか?
🥳　サイコロは正方形だから、モピロン正４面体だね
🤡　サイコロは普通は１から６⚀⚁⚂〜⚅だな。
👤　色空間は丸いてか円錐だけど、円錐ぢゃなく正六面体だ

**801 色相のお絵描き** · 2024/05/28(火) 20:51:17.80

円ではなく、六角形だが90°の角が６個あり
それは、おそらく平面ではない。
円錐というワケでもない。by 👤

**801 バカっテスター** · 2024/05/29(水) 05:31:42.14

👤って、なんなの？。🐴🦌なの？
頂点が6つ、その頂点は色は、🔴🟡🟢🔵🔵🟣
の6つの正六角形だから、その内角は120°
90°なんかぢゃありません。
90°なら正四角形だし、👤のお絵描き。ヘン
by 🥳

ま、普通の地球人程度の知能だ。
もしかすると地球人の脳みそは、
🔴🟡🟢🔵　の４点でしか判別できないのか
もともと、地球人は進化の前は🟡と🔵で
進化して脳内視覚系MT野より１次に近い領域で
🟡は🔴と🟢に分化したようだが
まだ進化のレベルが低い
やはり、モピロン、🔴🟡🟢🔵🔵🟣の6つに
分化した、ワレワレ、ランベルト星人の足元にすら　未到達

BY 👤ランベルト星人、トンデモ画像哲学騙る

**801 てか** · 2024/05/29(水) 06:29:39.66

バグ票(JavaScript言語)

配列の参照
❌　LUT(i) = i/2; /*明度半分*/
⭕　LUT[i]= i/2; /*明度半分*/

条件式
❌　if （a > 240）{　・・・
⭕　if (a > 240) {　・・・
　補足　カッコは全角ぢゃなくて半角

変数名変更
E3→E13、E3x→E20 へ変更すべきなのに
E3→E13、E3x→E13x になっちゃった

by 🤡自称プロマネ

なんだ、オレらが画像処理哲学レビュー
してる間に、プロマネ、実装してたのかよ
てか、
変数名変更
　E3→E13、E3x→E20 へ変更すべきが
　E3→E13、E3x→E13x になっちゃった
は、地球人がよくやるミスだ。ゲラゲラ
by 👤自称宇宙人

**801 てか素晴らしいバグ票** · 2024/05/29(水) 09:15:37.20

❌　var d = docなんとか.value;
⭕　var d = parseFloat(docなんとか.value);
型宣言的なことしないと不味いとは
クロート泣かせ

**801 バグ票のバグ表なのに、低レベル** · 2024/05/29(水) 10:07:08.43

parseFloat(str) は
Number(str) を検討しよう　by 👤
短いから、こっちがいいぢゃーーーん　by 🥳
そうなのか　by 🤡

**801 プロマネ** · 2024/05/30(木) 08:12:13.74

❌　var d = docなんとか.valu
e;
⭕　var d = parseFloat(docなんとか.value);
💮　var d = Number(docなんとか.value);

なんだな、上記後続に　dd += d;　というコードがあれば
オレ的には ddやdは数値として判定して欲しいな。
が、javascript のそこが、ダメな言語だな。┐(´д｀)┌ﾔﾚﾔﾚ
by 🤡自称プロマネ

JavaScript言語ってバグってるのーーー❓
by 🥳バカっテスター

んー、+演算子(+=も含む)では、文字列連結なのか
数値加算なのか判断するのは、JavaScript言語体系的に
不可能というのが、オレの霊的思考結果だ。
JavaScript言語のバグではなく、そんな言語を有り難がる
地球人の脳みそのバグである。
by 👤自称宇宙人は、アレよりさらに🐴🦌

2024/05/30(木) 20:04:25.16

ある色(例:緑🟩)に近似する部分を
別の色(例:黃🟨)に変化させたい。
だから色相変化ロジックを作ったし
また、完成もした。
by 🤡自称プロマネ

で、
by 👤ランベルト宇宙人

🟩は緑は、黄緑〜青緑と色相範囲が広い
それ故に、-60degずらしても
🟨にならず、🟧とか🟩のままのマダラだ
しかもなんか、くすんだ感じ
彩度を上げても、黄色から色相が
＋や－方向にいろいろずれる
🟧と🟩のマダラは、遠目でみても
くすんだ🟨というか💩色だ。
by 🤡トホホ

実質設計バグだねーー。ヤッホー
by 🥳バカっテスター

**801 ランベルト星人の霊的な知恵** · 2024/05/30(木) 20:15:52.50

🟩に近似する部分をターゲットとおく。
ターゲットを白黒てかグレー□▓■に変換する。
ターゲットを黄🟨にしたい場合は、RGB別ガンマ補正で
んー、(Rガンマ、Gガンマ、Bガンマ)=(1.1 , 1.1 , 0.25)
すりゃ、超綺麗で鮮やかな黄色に化学変化する
地球人はとかく、HUEをシフトさせたがるが、そりゃ　💩色
になるだろ。

その点、俺らランベルト星人は、美術的偏差値パワーも
モピロン、無限大。このロジックにするとよろしいーーーー

by 👤自称宇宙人、病状悪化で超上から目線のトンデモ提案

**801 プロマネ 実装やり直すかも篇** · 2024/05/31(金) 05:12:59.05

色合いを綺麗に変化させるには、
Hueを変化させる　は、没にしよかな❓
🟡色に変化させたければ
一旦グレー▓に変換して、
🔵の明度を落とし、補色🟡に変化させる
そんな、ロジックに、魔改造しよかな❓

てか、JavaScriptで実装してたんだな。
これ、C言語よりカンタンと思ったけど
舐めるとアカンでぇーーーーー　てかさ

var a = "1";
var b = a + 1; console.log(b);
b = Number(a) + 1; console.log(b);

で表示される一行目と二行目、異なるな。
ま、ようやく慣れたけど、Cより鬼門なJavsScript
by 🤡

プロマネって1+1も計算出来ないの❓
どっちも、絶対２に決まってるぢゃーん!
by 🥳バカッテスター

地球人にはC言語モビロン、JavaScriptという
言語すら解ってないおバカな生命体だ
by 👤　自称宇宙人

**801 デバッグ中なのに低レベルレビュー** · 2024/05/31(金) 16:24:11.10

ルックアップテーブルというのでハグッた
ルックアップテーブルという配列数
256の配列を項目名LUTで宣言し使用

🔴は0〜255の値、🟢、🔵も同様
gray = (🔴+🟢+🔵) / 3;
LUT[gray] = ・・・;

って感じ。なんか上手くいかん。
ま、DEBUGは済だが、オマエら、
どこがバグってるか、わかるかーー
by 🤡プロマネ(自称)

gray = (🔴+🟢+🔵) / 3;　で
🔴は0〜255の値、🟢、🔵も同様だし、
grayは0〜255　∴
配列数256の配列LUTへの値代入
LUT[gray] = ・・・;　はオバーフロー
なんてしません。
プロマネの頭がバグってると断定されうる
by 🥳(バカっテスター)

**801** · 2024/06/01(土) 08:04:25.12

toDataURLメソッドでPNG

JavaScriptでは、Canvasに描画は、toDataURLメソッドは、引数は、
PNGで保存では、PNGで保存できるぽ　
　∴　BMP2PNG可能かな？
PNGの場合：image/png
by 🤡

**801 次期魔改造へ、雑談レビュー** · 2024/06/01(土) 15:50:20.87

てか、384x216 キャンパス２つにするか　
編集前と編集後用を表示の２つ
by 🤡

384x216 は、縦も横も４の倍数だし
FULL HD のジャスト20％だし、
4Kのジャスト10％だし、
モニター用なら、384x216でいいだろ
by 👤

大きくしたいならブラウザでズームする
by 🤡

そっか、ズームしたモニターの解像度は
低いが
by 👤

内部は、まるごとBMP24bppを無編集
ファイルダウンロードでは
Canvasからでなく、実装したバイト配列からだ。ダウンロードのファイルの解像度は
無劣化だ。
by 🤡

やるな、ま、その魔改造そこそこ難しいが
地球人でも、どうにかなるだろう。
by 👤

**801 雑談なのに話に割り込むテスター** · 2024/06/01(土) 15:58:01.49

モニターでも、解像度よいのがいいな。Canvas２つ
768x512を２画面がいいぢゃーーん。横に並べても
パソコンの画面が1920ならおさまるぢゃーーん
by 🥳

んー、パソコンは125%で表示してるし、
768✕2✕1.25 ＝1920 余裕で20pxほしい
スレスレアウトと思われる。　おしいい by 👤

**801 雑談レビュー** · 2024/06/01(土) 16:03:02.51

んー、そうだcanvasは
640x360 を２つだな。
てか既に魔改造済で実装設計面倒くさくなった
着手は、無限日以内にしよっと　by 🤡

2024/06/01(土) 19:46:44.18

てか、Canvasのサイズは
入力ファイルを縦1/3 横1/3 ∴面積比1/9
とする。理由、実装の見込みがたった。
Canvasのサイズ固定は難しい
by 🤡

Canvasのサイズ固定は難しい？
by 👤

入力の画像ファイルのサイズはイロイロで
それをCanvasのサイズ固定に合わせる
ロジックは面倒だ。

一番簡単な、入力の画像ファイルのサイズ
とCanvasを、同じサイズにし、
ま、それよりは、若干困難だが
入力ファイルを縦1/3 横1/3 ∴面積比1/9
もワリと実装見込みたった、

最近傍法にするなら簡単だが
余裕がでてきたから、少し凝るか
by 🤡

その場合は、9点平均が普通だ
中央重み付けるのも有りだが、
by 👤

2024/06/02(日) 05:24:08.86

魔改造すみの現状は以下のハズ
スパゲティになっちゃってる。

　　BMPfile
　　　↓
　【読込クリック】
　　　↓
バイト配列BB①→CANVASへモニター
BB②は仮初期化とする🌟
　　　↓
　【🙎画像補正(γ補正等)】
　　　↓
バイト配列BB②に補正後のをセット
バイト配列BB②→CANVASへモニター
　　　↓
　【ダウンロードクリック※】
　　　↓
　　BMPfile

※BB②は初期化(仮初期化🌟含む)なら
ダウンロードクリックしても
ダウンロードせず、
「画像補正前∴ダウロードしない」の旨
の表示トスル
BY 🤡　上記の流れをシンプルに改造だ

シンプルへの改造プラン、イイネ
「画像補正前∴ダウロードしない」との
機能の喪失は暗に容認となる。
BY 👤

**801 ロジック簡素化という超魔改造** · 2024/06/02(日) 06:31:47.20

　　BMPfile
　　　↓
　【読込クリック】
　　　↓
❌バイト配列BB①→CANVASへモニター
❌BB②は仮初期化とする🌟
⭕バイト配列BB②→CANVASへモニター
⭕バイト配列BB②→BB①へ実体複写
　バイト配列BB①
　　　↓
　【🙎画像補正(γ補正等)】
　　　↓
バイト配列BB②
バイト配列BB②→CANVASへモニター
　　　↓
　【ダウンロードクリック※】
　　　↓
　　BMPfile

❌※BB②は初期値(仮初期化🌟含む)なら
⭕※BB②は初期値なら
ダウンロードクリックしても
ダウンロードせず、
❌「画像補正前∴ダウロードしない」の旨
⭕「File読込前∴ダウロードしない」の旨
の表示トスル
BY 🤡現状とほぼ同一chk∵degrad.ヤバイ

簡素化って、魔改造より魔改造ぢゃーん
デグってバグる超魔界造。うれちぃです
BY 🥳

**801 輝度のウンチク** · 2024/06/03(月) 02:50:27.68

>>912
gray = (🔴+🟢+🔵) / 3;　❓❓❓これさ
gray = 0.3×🔴+0.6×🟢+0.1×🔵;　だ
by 🤡

秘伝の数式では、
▢ = Math.max(🔴,🟢,🔵) / 255;
■ = Math.min(🔴,🟢,🔵) / 255;
▓ =　(🔴+🟢+🔵) /255 - ▢ - ■;
gray = 255 * Math.sqrt((▢ ** 2 + ▓ ** 2));
by 👤 病的ウンチク論

gray = Math.round(gray);　を追加。
∵非負整数必須　∵grayは後続で配列の要素数
by 🤡

**801 ランベルト星人の謎の呟き** · 2024/06/03(月) 06:19:30.38

>>917 レビュー、高度なようで、これクソだ
ていうかさ、
プロマネ(自称)よ。描写済のCanvasを
ズーム(拡大・縮小)するロジック実装、
手間取ってるな。
ま、地球🌏のネットに公開のコード
解りづらいが、解読に成功。

以下のような感じでやると良いぞっ。

例　3840x2160でデカい。10%にしたい
普通に描写済のCanvas　3840x2160
を、10%に縮小させる、コード

var 💙=document.getElementById("📘");
💙.style.width= 384 + "px";
💙.style.height= 216 + "px";

ちなみに、💙.style.width、💙.style.height
は、型は、文字列のようぢゃ
💙.style.width= 384;　ではNG
💙.style.width= 384 + "px";　
としたら、上手くできたぁぁぁ＼(^o^)／

by 👤　今日は青色で統一

**801 編集後記篇∵ほぼ完成** · 2024/06/03(月) 11:56:44.29

設計書を清書。PGは既に修正済

　　編集前BMPfile
　　　↓
　【読込クリック】
　　　↓
　バイト配列BB①→【実体複写】
　　　↓　　　　　　　　↓
【🙎画像㌏補正等】　バイト配列BB②
　　　↓　　　　　　　　↓
バイト配列BB②→→CANVASへモニタ
　　　↓
　【ダウンロード】
　　　↓
　　編集後BMPfile

そして設計書を清書する前に
PGは暫定的だが完了したぜ＼(^o^)／
BY 🤡　自称プロマネ

設計書をちゃんと作らないでPGやったの？ダメです。
BY 🥳　教科書に洗脳されるテスター

読込み直後にバイト配列BB①、②の
２つ実体複写は、地球人内レビューで
ボロクソに言われる設計だろうが、
その方がロジック的に簡素かつ
処理速度問題なしに気づくなら製造中でも
ヤツは地球人だし、合格点な設計だろ
BY 👤　宇宙人は病的な程に上から目線

**801 ラベンベルト星人の怪しい呟き** · 2024/06/04(火) 19:52:23.78

編集後記だなんて、で、次は彩度増強やろうぜぇ　てか
既に、アルゴリズム完成

我がランベルト銀河群に於ける
彩度改変なる秘伝、秘伝の数式だ。

彩度倍の秘伝、秘伝、秘伝の数式だ。
⚪ = (🔴、🟢、🔵) の最大値
⚫ = (🔴、🟢、🔵) の最小値
▓ = (🔴、🟢、🔵) の中央値

var k = (▓－⚫)/(⚪－⚫)
var ● = ⚫/2 // 彩度を倍にする哲学
var ▤ = ⚪*k+●*(1-k)

if (🔴==⚪＆＆🟢==▓＆＆🔵==⚫){
　🟥 =⚪;　🟩=▤;　🟦=●;
}else if (・・・

by 👤　ゼロ割考慮せず。but机上chk ok

ま、秘伝❓　特段、割と普通だね。
by 🤡

**デフォルトの名無しさん** · 2024/06/10(月) 16:02:58.81

なぜかこのスレSPAM認定されてる

**801 編集後記てか新たなるプロジェクト** · 2024/06/18(火) 18:24:46.75

従来
　　編集前BMPfile
　　　↓
　【読込クリック】
　　　↓
　【イロイロやる】
　　　↓
　バイト配列BB①

改造中版(目処たった案)
　　編集前BMPfileまたは、PNGfile
　　　↓
　【読込クリックでreadAsDataURL】
　　　↓
　　DataURL
　　　↓
　【Image.src】
　　　↓
　　透明IMAGEタグ
　　　↓
　【Canvas.Context.drawImage】
　　　↓
　　CANVASタグへ表示
　　　↓
　【24bitMAPバイト配列変換　検討】
　　　↓
　バイト配列BB①

BY 🤡👤Javascript マジ画像処理に使える

**925** · 2024/06/19(水) 10:26:57.56

従来
　　CANVAS
　　　↓
　【24bitMAP配列変換】
　　　↓
　バイト配列BB2
　　　↓
　【Download】
　　　↓
　　BMP File

修正案
　　CANVAS
　　　↓
　【toDataURL("image/png")】
　　　↓
　　データurl　∴バイト配列BB2不要
　　　↓
　【Download∴Aタグ .href】
　　　↓
　　PNG File

詳細PG設計
📕はCanvasタグID 、📘はAタグID
🔴 = document.getElementById("📕");
🔵= document.getElementById("📘");
var 🟢 = 🔴.toDataURL("image/png");
🔵.href = 🟢;
BY 👤

**925 BMP2PNGが可能∵JavaScript** · 2024/06/19(水) 13:11:10.26

　　BMPfile
　　　↓
　【読込クリックでreadAsDataURL】
　　　↓
　　DataURL
　　　↓
　【Image.src】
　　　↓
　　透明IMAGEタグ
　　　↓
　【Canvas.Context.drawImage】
　　　↓
　　CANVASタグへ表示
　　　↓
【toDataURL("image/png")】
　　　↓
　　データurl　∴バイト配列BB2不要
　　　↓
　【Download∴Aタグ .href】
　　　↓
　　32bpp PNG File

ま、元々のBMPの透明情報は24bpp故に
透明情報は存在しない。けど、
BMP2PNG できたーーー
by 🥳

**801 ラベンベルト星人の怪しい呟き** · 2024/06/20(木) 06:34:14.75

勝手に備忘録　怪しいです。
📕はファイル名、例えば　test.jpgとおき
📘はCANVASのタグID名として

JavaScriptは、
var 🏜 = document.getElementById("📘");
var 🗒 = 🏜.getContext("2d");
var 🌌 = new Image();
🌌.src = "📕";

🌌.onload = function()
{
🗒.drawImage(img, 0, 0);
w = 🏜.width; h = 🏜.height;
var src = ctx.getImageData (0, 0,w, h);
var dst = ctx.createImageData(w, h);
・・配列dstへsrcよりイロイロ加工だ・・🗒.putImageData(dst, 0, 0)
};
という感じでやると、
📕test.jpgは、加工した画像データは、
📘キャンバスへ表示される

by 👤自称宇宙人の滅茶苦茶な解説文

**801てか928** · 2024/06/20(木) 06:37:42.87

こら！
ctx.getImageDataは、🗒.getImageDataとかへ
ちゃんとー書き換えろー by 👤自分へグチる

**801 未完成なバグ報告書** · 2024/06/21(金) 06:34:06.71

vs = 0.777;
tmp = 1.0001; // ほぼ１だぜぇーーー
tmp = (1 - tmp) ** 0.5; //平方根てか0.5乗だ

if　　　(tmp === vs) {}
else if　(tmp < vs) {}
else if　(tmp > vs) {}
else　{alert("絶対にアリエン★");}

ってJavascriptだけど・・・

**デフォルトの名無しさん** · 2024/06/21(金) 11:15:48.14

NaN

**801 ラベンベルト星人の怪しい呟き** · 2024/06/22(土) 06:40:51.98

reader.onload = function(){ // F読込済の時
var dtu = reader.result; // DataURLだ
var img = new Image(); // IMAGEだ
img.src = dtu;　　//DataURLでもヨシ
img.onload = function() { // I読込済の時
ctx.drawImage(img, 0, 0); // 画像表示
}

何だけどーー、ソースはヨシだが
コメントがバグってるな
✕　//DataURLでもヨシ
△　//DataURLぢゃないとダメ
◯　//DataURLならヨシ
◎　//DataURLで後続getImageDataもヨシ
💮　// 地球人の言葉で表現不可能

by 👤　宇宙人、getImageDataに嵌まる

**801てか932への自作コメント** · 2024/06/22(土) 08:52:26.56

img.src = dtu;　// DataURLだ
なら順調だけど、
img.src = "E:/test.png"; //Hard Cording
だと、キャンバス表示はされるのに
後続getImageData　で嵌るし、
後続Canvas.toDataURL　でも嵌るし、
故にPNGファイルダウンロードできない
てか、自称宇宙人の宇宙人の指摘
バッチリぢゃーーん。やるぅーーー
by 🥳　自称宇宙人に忖度するテスター

**デフォルトの名無しさん** · 2024/06/22(土) 09:27:36.33

img.src = "file:///E:/test.png";

2024/06/23(日) 06:41:15.55

　入力のPNG or Jpeg or BMP File
　　↓
　【event.target.files】　　→Fileobject
→【API : readAsDataURL】→DataURL
→【Imageのsrc】　　　　　→image
→【Context.drawImage】→Canvas1
→【Context.getImageData】→ﾃﾞｰﾀｱﾚｲ1
→【⭐⭐　画像処理　⭐⭐】→ﾃﾞｰﾀｱﾚｲ2
→【putImageData】　　　→　Canvas2
→【toDataURL】　　　　　→ DataURL
→【Aタグのhref】┐
　　　　　　　　　↓
　ダウンロード先 PNG or Jpeg File

BY 🤡👤　苦難の長い道のり。but作成中
BY 🥳　BMPが無くなるっ。口悪テスタ

従来版はCANVAS2BMP機能が存在スル
CANVAS　┐
　【Context.getImageData】→ ﾃﾞｰﾀｱﾚｲ1
　→【⭐24bitMAP配列変換】→ﾃﾞｰﾀｱﾚｲ2
　　→【Download】┐
　　　　　　　　　　↓
　　　　　　　　　24bppのBMP File
BY 🤡 自慢しだす自称プロマネ

p は4で割った余りトスルとき、
function i(x,y,w,h,p) => {
return (3*w + p) * (h-1-y) + 3*x + 54 }
BY 👤宇宙人、ナゾ言語で秘伝の数式記載

2024/06/23(日) 20:50:37.47

JavaScriptでCANVASに画像を表示のヤツ

var src = コンテキスト1.ホゲホゲ;
var dst = コンテキスト2.ホゲホゲ;

for (var x = 0; x < 640; x++) {
for (var y = 0; y < 360; y++) {
var i = 4 * (640 * y + x); // 4倍だ⭐⭐⭐
・・・・ホゲホゲ・・・
dst.data[i] = r; //赤
dst.data[i+1] = g; //緑
dst.data[i+2] = b; //青
}
}
コンテキスト2.putImageData(dst,0,0);

putImageDataは実行されたのは確認済
でも画像表示されん。32bit 4byteブツブツ
by 🥳　テスター不思議がる

原因不明　by 🤡　自称プロマネ悩む

透明なモノも、見える霊能者のワシには
透明な画像が表示されてる見えます。
by 👤自称宇宙人、地球人を揶揄う

**801 24bppBMP PADDINGで自慢レビュー** · 2024/06/24(月) 11:37:51.76

てかさ、BMPのpaddingの件だけど
──────────────
w=201;
h=80;

ww=4*Math.floor((w*24+23)/32) ;
hh=h-1;
console.log(index(100,50,ww,hh));

function index(x,y,ww,hh){
i = ww * (hh-y) + 3*x + 54;
return(i);
}
なら、100点　by　🤡 17870になった
──────────────
console.log(index(100,50,201,80));
function index(x,y,w,h) {
i = (3*w + (w % 4)) * (h-1-y) + 3*x + 54
return(i);
}
by 🥳　17870だ。引数少なくスッキリ
──────────────
やっぱオレの秘伝の数式が善い　by 👤

**801 てか937の自慢バトルの続き** · 2024/06/25(火) 06:58:18.00

秘伝の関数i 24bpp BMPの🔵インデックス
なに、１番素晴らしいのは以下だ
超改造版(超高速版)
　w3 = 3*w + w%4;
　p = 54 + w3 * (h - 1);　として
　下記自作のi関数だな。

　function i(x,y,w3,h) => {
　　return (3*x - w3 * y + p)
　}

by 🤡　自称プロマネ

**デフォルトの名無しさん** · 2024/06/25(火) 13:34:07.94

日記タレ流し乙

**801 ラベンベルト星人の怪しい呟き** · 2024/06/29(土) 06:26:55.83

📕はCanvasタグID 、📘はAタグID
─　─　─　─　─　─　─
🔴 = document.getElementById("📕");
🔵= document.getElementById("📘");
var 🟢 = 🔴.toDataURL("image/png");
🔵.href = 🟢;
BY 🤡　んー素晴らしい
─　─　─　─　─　─　─
オレッちのパソコン環境だと
pure な javascript のハズだけど
document.getElementById　は不要

var 🟢 = 📕.toDataURL("image/png");
📘.href = 🟢;
BY 👤　ヤバぃのかな。こんな実装
─　─　─　─　─　─　─
タグID がjavascriptのグローバル変数❓
そんなのは、教科書は、見たことは、
ナイナイナイ　在る。
てか、そぅなら、以下一行で済むぢゃん
📘.href = 📕.toDataURL("image/png");
BY 🥳
─　─　─　─　─　─　─
地球の
javascriptは超進化したのだろうか?!
BY 👤

**801 940の続きの雑談** · 2024/06/30(日) 06:56:13.63

キャンバス表示の4倍ズームの例

📕はぁ CANVASのタグID名とぉ、おく。
で、そのCANVASの表示サイズ４倍は、

今まではぁ、
　 var C1 =
　　document.getElementById('📕');
　 C1.style.width = 4 * C1.width + "px";
　 C1.style.height = 4 * C1.height + "px";
今後はぁぁ、
　 📕.style.width = 4 * 📕.width + "px";
　 📕.style.height = 4 * 📕.height + "px";
　とコーディングルールしようかな❓
by 🤡　自称プロマネ

４倍？　ポクのパソコン125％表示だから
５倍になった(元画像ペイントでの表示比)
そのルール、バグってナイ。
by 🥳　バカっテスター

バグってナイ。という言う地球の🇯🇵語は、
バグってオる、という意味の日本語ぢゃ
てゆぅか、地球の🇯🇵語自体、bugってアル
∵地球人の言語は全てbugってアルからだ
てゆぅか、ブラウザサイズ80%にしろよー
by 👤　自称宇宙人

**801 ラベンベルト星人の怪しい呟き** · 2024/07/03(水) 05:54:16.60

アレ、解読完了したつもりだった
ナゾなアレ。アレとは、

📕.addEventListener("change",function(){
var fl = event.target.files; // file object
var rd = new FileReader();
rd.readAsDataURL(fl[0]); // F読込
var dtu = rd.result; // DataURL

📕.addEventListenerで"change"で発火時

　event.target.files[0]　※フルパスでない
　　　　　↓　　　のに何でDataURL
　　　　　↓　　　を取得できるんだ❓
【FileReader.readAsDataURL()】
　　　　　↓
　　　FileReader.onload時、
　　　FileReader.resultに
　　　DataURLが設定される。

by 👤　e*.target.filesはフルパスでないのに何故、所定のファイルを読込める？？？

自称偏差値パワーなのに∞ワカラナイの？
by 🥳

ゼッタイ嵌まる予感しかない。諦め肝心❢
by 🤡

**801 てか↑の続き** · 2024/07/04(木) 05:31:47.47

んー、なるほど、そこに矛盾があれば
前提に過ちがある訳だ。
オレの直感だと、コメント文が怪しい
オレの直感で、コメント文を怪定すると

var fl; var rd; var dt;
fl = event.target.files; // File読込
rd = new FileReader();　// 関数メソッド群
rd.readAsDataURL(fl[0]); // File2DataURL
上記onloadは、File2DataURL完了だな
dt = rd.result; // そのDataURLはdtトスル

だから、flにはフルパスは存在しない。
というのを矛盾なく説明できるのだ
by 🤡　JavaScriptのやり過ぎで発症

上記onloadはファイル読込完了
とコメントするのが、地球人なのに・・・
地球の存在のコメントとは全く異なる
🤡は地球人なのに霊能者なのだろ。
by 👤　自称宇宙人

２人とも病状悪化。さらに後者は救われん
てかさ、flにはフルパスは存在しないのは
セキュリティ上の理由だもんねぇーー
by 🥳　マトモなヒトbut必要不十分

2024/07/10(水) 20:37:03.23

画像ってゆぅか、
画像ファイルではなく
画像バイナリてかバッファーから、dataURLをjavascriptでの
プログラミング設計って
多分、以下の通りだ。皆のもの
実装しなさーーい

画像のバイナリ
　　　↓
【バイナリtoバイナリ文字列に変換】
　　　↓
　バイナリ文字列※
　　　↓
【btoa:Base64エンコード】
　　　↓
　ASCII 文字列てかbase64だ
　　　↓
【先頭に何か付加】
　　　↓
　　dataURL
　　　↓
　あとは、楽勝だよな
by 🤡　自称プロマネ

**デフォルトの名無しさん** · 2024/07/11(木) 07:16:44.50

ダイナモ感覚

**デフォルトの名無しさん** · 2024/07/11(木) 10:52:47.62

別に既に既存の完成のロジック
var x = new FileReader();
x.readAsDataURL(ファイルオブジェ);
とかで、いいぢゃーーーん by 👤
そうだ、by 🥳

いやね、
入力の画像ファイルがbmpでもなく、かつ
入力の画像ファイルがjpegでもなく、かつ
入力の画像ファイルがpngでもなく、かつ
そ、
入力の画像ファイルは、jpegを独自規格暗号化させた
やつでさ、だから、readAsDataURLやっても
jpegのdataURLにはならなくてさ、
グダグダ、・・・　とにかく、
944の設計書に従い実装しなさーーい by 🤡

**デフォルトの名無しさん** · 2024/07/11(木) 11:22:01.20

Rust の egui と Rust の Image で
ColorImage から RgbaImage にサクっと変換したい
どう描けば良い？

**801 極超低レベル、ソースレビュー** · 2024/07/15(月) 16:34:16.44

セレクトタグに
オプションを複数、複数、複数追加の巻

selectタグのID名がXXX として、で
var xxx = document.ElementById("XXX");
・・・・・・
for (var i = 0; i < 10; i++) {
　 var op =
　　 document.createElement("option");
　op.value = FooFoo[i];
　op.text = HogeHoge[i];
　xxx.appendChild(op);
}

というコードだが
var op = ・・・; for ループの外側がよい。
by 🤡自称プロマネ

プロマネさんの言う通り
今回は10回ループだから許すが
百万回ループだと
変数opに設定するのはヤバイ
var op = ・・・; for ループの外側がよい。
by 🥳バカッテスタ　何故か某１流元請け

xxx.appendChild(op);　実行でopが
破壊されると、・・・
ま、関数の引数が破壊されるなんて
アリエない。いやーーまてよーーー
javascriptは地球人が開発したキケンな
プログラミング言語だしな
by 👤自称ウチュ〰ジン

**801 ラベンベルト星人の怪しい呟き** · 2024/07/16(火) 20:25:45.76

んー、霊的電波によると
var op =　・・・; 宣言する都度
宣言直前のopはvar opにより破壊
by 👤ウチュ〰ジン

で、by 🤡自称プロマネ

破壊時に、xxx.appendChild(op)が
ホントに実行され、
破壊されない間に、複数回
xxx.appendChild(op);やっても
最後のだけ破壊時に
xxx.appendChild(op);が実施、故に
最後のだけ、それは反映
乃ち、あのコードだとループ1〜9回目はネグられ
10回目のだけxxx.appendChild(op);

すなわち、for (var i = 0; i < 10; i++)
と実装してもfor (var i = 9; i < 10; i++)
との実装と同じになっちゃうワケ
by 👤ウチュ〰ジン

マジか　by 🤡
ウチュ〰ジンjavascript debugやり過ぎで
病状が悪化したんだな　by 🥳
なるほど　by 🤡

**801 魔改造** · 2024/07/25(木) 06:54:28.50

次期プログラミング設計だ

《従来》
JPGでなくJPG暗号化file✡
　　↓
【event.target.files】
→ FileObjectもしくはFileListObject
→【API : readAsArrayBuffer Dataview】
→ buffer
→【自作関数 : 復号化】☆
→ buffer ∵上書∵メモリ節約∧無問題
→【先頭■■■byteを除きBASE64化】
→ string1
→【headerを付加しdataURI化】
→ string2
→【Imageタグ✨のsrc】
→ image

次期は、✡は、ファイル読込部は、
JPG暗号化でなくMP4暗号化✡　とする
ヨロピクねー　by 🤡　自称プロマネ

JPGをMP4にするだけ。簡単ぢゃん by 🥳

それは必要条件はアル、かつ、
それは十分条件では、ないアル　by 👤

Image✨は、videoに変えるとヨイ？by 🤡
霊感で、それは必要条件は満たす　by 👤
ウチュ〰人すごい　by 🥳
んー、それは、答えてないんだが　by🤡

**801てか950** · 2024/07/26(金) 09:36:51.51

次期は動画かよー　by 👤自称ウチュ〰人

んー、そうだ、
dataURL てか dstaURI の先頭設定で
✗ jpeg⇒"data:image/jpeg;base64"設定
○mp4⇒"data:video/mp4;base64," 設定
という修正も必要だな。
by 🤡　自称プロマネ

それも、単に、jpegをmp4に置換えだねー
カンタンぢゃ〜ん。by 🥳バカッテスタ

ワシの霊感だと、数Mbyte程度mp4動画
なら、上手くいくハズぢゃが、
数百Mbyteのだと、失敗するハズぢゃ
by 👤自称ウチュ〰人のナゾの呟き

画像処理 15枚目 [転載禁止]©2ch.net

画像処理　15枚目 [転載禁止]©2ch.net