Photoshop 方式のアルファブレンディング計算方法 - 星一の日記
表題とは全然関係ないのですが、今日レーシック手術を受けました。強い光がぼやけてみえますが、割と順調です。 以前、アルファブレンドの計算方法 (RGBA と RGBA とを合わせた結果の RGBA の値) について考察を行いましたが、一般的な解ではありませんでした。 そこで、 Photoshop における計算方式を用いて、一般的な解を求めることにしました。 Photoshop での計算方法は以下の通り。 そこで、考えたのは、PhotoShopのレイヤ合成のアルゴリズムについてです。私が見る限り、PhotoShopのレイヤ合成は、エネルギー分配に基づくもので、一番手前のレイヤにまず１００％のエネルギーが与えられます。一番手前のレイヤの不透明度が仮に６０％だとすれば、そのレイヤに６０％のエネルギーが割り振られ、残りの４０％のレイヤが後段のレイヤに行きます。後段の（２番目に手前の）レイヤが仮に７５
RGBAのアルファブレンドに感激 -続・レイヤー処理- - 悟茶辞苑ッ
『助けてくれたhoshuさん、Yu-ki(Hs)さん、ありがとう！』 「精度や速度はともかく、レイヤー重ね合わせの実装方法がわかりました！ 上手な説明はできませんが簡単に書き残しておきます」 『どういう風にして調べていったの？』 「hoshuさんが書いてくれたアルファチャンネルを持つビットマップ同士をアルファブレンドみたいに、等しいと期待される式を変形して方法を求めるアプローチは私も取ろうとしました。でも、そういうの破滅的に苦手なので窓から投げ捨てました」 『窓から変なもの投げちゃだめだって。ホントにそんなんで答えわかったの……？』 「そこで我々特命リサーチは、Yu-ki(Hs)さんの貼ってくれたスーパープログラマーへの道 第C9〜CF回の第CB回に目を通すことにした」 『ゲーム制作向けの連載だよね？ だったらここも背景とキャラクターを重ねて表示出来れば十分なんじゃない？』 「本題はそうな
JavaScript で画像本来のサイズ(幅, 高さ)を取得する - dogmap.jp
画像や動画を lightbox 風に表示する拙作の jQuery 用プラグイン jQuery.lightpop.js ですが、画像の拡大表示で大きな問題がありました。 以下のようにサムネイル表示されている画像と、リンク先の画像が同一で、サムネイル表示している画像を width, height で小さく表示している場合、画像本来のサイズ(幅, 高さ)が取得できないため、正常に表示できないのです。 <a href="pict01.jpg" rel="lightbox" title="画像１"><img src="pict01.jpg" alt="画像１" width="160" height="120"></a> 困ったなぁと思いつつも、画像本来のサイズを取得する方法について調べずに放置していましたが、以下のエントリを読んで解決したので、久々に jQuery.lightpop.js をバージョ
JPEG画像形式の概要(圧縮アルゴリズム) - ウェブで用いられる画像形式。
JPEG画像の圧縮アルゴリズムについて解説します。 具体的なファイルフォーマットは、別ページで解説しました。 JPEG画像とは。 JPEGとは規格策定団体(ジョイント・フォトグラフィック・エクスパーツ・グループ)の名称であり、正しくはJFIF画像(JPEG・ファイル・インターチェンジ・フォーマット)と言うべきですが、現状数あるJPEG策定規格でほぼ唯一JFIF画像のみが採用されており、JPEG画像と呼んでも殆ど差障りが無いようです。 JPEG形式は、策定団体の名前どおり、写真の効率良い圧縮を行うためのフォーマットです。 JPEG形式はフルカラー及びグレイスケールに対応しております。 JPEG形式では多くの場合、圧縮の際にデータの一部を切捨てる事で圧縮効率を高めると言うアルゴリズムを採用しております。従って、JPEG形式は圧縮された画像を展開した場合、元通りにはならない不可逆圧縮となります。
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
マミさんの画像はるぇ！(´；ω；｀)【魔法少女まどか☆マギカ】 - がぞ〜速報
2011年05月09日 マミさんの画像はるぇ！(´；ω；｀)【魔法少女まどか☆マギカ】 1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/05/08(日) 21:03:17.92 ID:KvxXFgsT0 1 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 おすすめ new! はてなBookMark │ │TrackBack(0) │Comments(0) タグ ：巴マミ魔法少女まどか☆マギカきゅうべえ僕と契約してなんたらかんたら Tweet
魔法少女まどか☆マギカのマミさんの画像下さい : 乙ちゃんねる！2chまとめブログ
・かわいくて綺麗 ・落ち着いてて優しい ・戦う姿も華麗 ・でもちょっと弱い部分もある ・おっぱい大きい ・友達少ない ・素敵なテーマソング ・ティロ・フィナーレ
2枚の画像のdiff（差分）を超簡単に調べる方法 - 昼メシ物語
Githubで画像の差分を見られるモードが話題を呼びましたが、このように2枚の画像の差分を調べたいときって時々ありますよね。 そんなときImageMagickのコマンドラインツールを使えば、たった1行で実現できます。 $ composite -compose difference A.jpg B.jpg diff.jpg とすれば、A.jpg と B.jpg の差分画像 diff.jpg が作られます。この差分画像は以下のようになります。 さらにこの差分画像（diff.jpg）が「真っ黒な画像」かどうかも、コマンドラインで調べることができます。 # 差分がなかった場合（＝diff.jpgは黒一色の画像） $ identify -format "%[mean]" diff.jpg 0 # 差分があった場合 $ identify -format "%[mean]" diff.jpg 960.8
[CSS]画像のロールオーバーにフェード効果を与える方法の理想と現実
CSSスプライトを使用した画像のロールオーバーにアニメーションでフェード効果を与える際の、妥当な実装方法、理想の実装方法、現実の実装方法を紹介します。 Fade Image Into Another (within a Sprite) デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 最初の方法：妥当 二番目の方法：理想 三番目の方法：現実 デモでは、上から順番に実装されています。 最初の方法：妥当 HTML 元のエレメント内にspanを一つ配置します。確かにこれは余分のマークアップと感じるかもしれませんが、spanを使用せずに疑似要素を使用すると対応ブラウザが限られてしまうのが現状です。 <a href="#" class="arrow">Arrow<span></span></a> 矢印画像はテキストを画像に置換して配置します。 .arrow { display:
HTML5のCanvasによって画像加工が出来る「CamanJS」:phpspot開発日誌
CamanJS - Image Manipulation in Javascript HTML5のCanvasによって画像加工が出来る「CamanJS」。 画像編集ツールによってコントラストや露光量を変えたり、ガンマ値を変えたりといった処理で画像を加工できますが、このCamanJSを使えば、Canvasを使ってJavaScriptのメソッドで色を変えられます。 ビフォア アフター 次のようにメソッドをチェーンさせることで画像を加工しちゃえるツールです。 こんなことも出来るのか、ということで覚えておくとサーバに負荷をかけず、便利に使えそうです。 関連エントリ 画像にぼかし効果を与えられるjQueryプラグイン「Image Blur」
絵の参考になるような画像ください : まめ速
1：以下、名無しにかわりましてVIPがお送りします：2011/02/17(木) 23:54:50.78ID:OcnJu/Qj0 お願いします 2：以下、名無しにかわりましてVIPがお送りします：2011/02/17(木) 23:58:44.98ID:OcnJu/Qj0 まさか立つとは思わんかった 4：以下、名無しにかわりましてVIPがお送りします：2011/02/18(金) 00:02:04.25ID:kVqUKT5H0 てかスレタイ失敗したな…絵を描くのに参考になるような画像なら何でもいいです 5：以下、名無しにかわりましてVIPがお送りします：2011/02/18(金) 00:03:41.29ID:kVqUKT5H0 6：以下、名無しにかわりましてVIPがお送りします：2011/02/18(金) 00:06:29.91ID:kVqUKT5H0 10：以下、名無しにかわりましてVIPがお
簡単にjQueryを使ったクールなスライドギャラリーを構築できるソフトウェア・WOW Slider
以前もご紹介した、jQueryを使用する Webギャラリーをローカル環境で簡単 に作ることが出来るソフトウェアで、別 のものがありましたのでご紹介します。 こうして誰でも簡単に作れるようになる と、Web屋さんもより高いスキルを付け なければなりませんね。 以前ご紹介したソフトウェアは「わずか3STEP！誰でも簡単にjQueryを使ったLightboxギャラリーを作成出来るソフトウェア・Jquery Photo Viewer」を御覧ください。UIが凄く似てますけど、なにか関係あるのかな・・Jquery Photo ViewerはLightboxでしたが、WOW Sliderはスライダーです。 ダウンロードには名前とメールアドレスのみ求められます。入力したらメアドを確認する事もなく、直ぐにダウンロード出来ます。 使い方は以前ご紹介したJquery Photo Viewerとほぼ同じで、画像を
タブが画像のjQueryプラグイン | labs.yusukenakanishi.com
本日ご紹介するのはですね。タブが画像になっているjQueryのプラグイン。 タブがテキストになってるのはたくさんありますよねぇ。「私、タブが画像になってると嬉しいんだけど。」「テキストが画像になればねぇ。」という多くのお声をいただきまして開発させていただきましたのがこちらimageTabs.js。 ちょっとじっくりご覧下さいこのDemo。 Demoを見る imageTabs.js Demoを見たり触ったりで大体わかっていただけたかと思うのですが簡単にご説明をします。jQueryプラグインですから、jQueryを読み込んでからimageTabs.jsを読み込むようにするんですねー。 // head内の記述 <script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.mi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MacBookがとてもざっくりした警告を出してきた on Twitpic
Tonyは原画家の至宝 ※ただし抜けない : ニュー速VIPブログ(`･ω･´)
Loading...
5509.me
見出しデザイン.com -Webデザインの“見出し”を集めたサイト-
IDEA * IDEA
画像周りのjQueryプラグイン10 – creamu