画像からプライマリカラーを取得するjQueryプラグインを作りました
iTunesのアルバムビューでアートワークをクリックすると、背景色がアートワークのプライマリカラーで塗りつぶされる効果がありますが、アレをこのサイトのアイキャッチのところでやりたいなぁと思いプラグインを作りました。 iTunesは単純にプライマリカラーを取得しているわけではなく、外周内側付近のプライマリカラーを取得するなど複雑なアルゴリズムが使われています。今回は、高機能ではなくもっと軽いものがよかったので、以下の様な機能でさくっとシンプルに実装しました。 指定した img を処理する 読み込んだ画像の中で一番使われているカラーを抽出して返す コールバックを実行する 2015/10/10 追記 アップデートしました。 jquery.primarycolor.js使い方は、プライマリカラーを取得したいimg要素に対してprimaryColor()するだけです。コールバック関数で取得したカラー
インタラクティブコーディング勉強会 第5, 6回「色」とりどりの四角を詰める - ここぽんのーと
12月。既に年末感も出てきて、10月から始まったインタラクティブコーディング勉強会はもう6回目。今回のテーマは「色」。 色を決める3軸今まさに目にしているパソコンの画面。たくさんの色が散らばっていると思う。これを拡大していくと、赤(Red)・緑(Green)・青(Blue)が1セットになっているのが見える。 赤、緑、青、それぞれの光り具合を調整することで、あらゆる色を再現しているのだ。これがいわゆる「光の三原色」。 基本的に、色というものは3つの軸で表現できて、先の「光の三原色」では赤・緑・青(RGB)だ。お絵描きソフトを使ったことがあるならば、好きな色をつくるときに3つのスライダーをいじったことがあるはずで、これがその3軸。 「軸が3つ」ということは「3次元で可視化できる」ということで、実際にやってみるとこんな感じになる。 この例では赤・緑・青の3軸だったが、軸の取りかた—すなわち色の表
冷吟閑酔
BlendMode・・・デザイナーならある程度使うだろうからともかく、コーダーから見れば全く掴みようがないシステムであります。「だから何？」的な。 が、しかし、一見不可思議な変換を行ってるようでも、実際には公式に則って該当部分の色を変更してるだけ。ならば、その計算式が判ればBlendModeがなんたるかが解ると言うもの。 というわけで、どうせ知りたかったところなので、少し気合を入れて調べてみましたよ。ま、公式自体はすぐに見つけられたので、あとは実際に当てはめて資料を構築していう作業がしんどかった・・・。 BlendModeを解説してみるよ http://wonderfl.net/c/qjEQ こちらがサンプルになります。 Calcurate BlendMode（PDF） http://melancholy.raindrop.jp/flash/blendmode.pdf んで、これ
FlashDevelopのシンタックスカラーリング設定を公開しました - 448.jp blog
先日の予告通り、私の使っているシンタックスカラーリング設定「dark448」を公開しました。ほんの少しだけ青みがかった黒背景をベースに、シックにまとめてあります。FDZ（FlashDevelop Zip）形式になっていますので、ダウンロード後、ダブルクリックするだけで導入できます。 以下、dark448の特徴と、インストール、バックアップ方法をご紹介します。 バックアップ方法 まずは、いつでも元の設定に戻せるように、自分の設定をエクスポートしておきましょう。 「ツール」→「シンタックスカラーリングの編集」を開きます。 ダイアログが開いたら、下の方にある「設定ファイルのエクスポート」ボタンをクリックします。 保存したいディレクトリを選び、適当な名前を付けて「保存」ボタンをクリックします。 これでOKです。 インストール方法 1.フォントのインストール バックアップできたら、dark448で使
Winterdom » Blog Archive » Molokai for Vim
I've mentioned in the past some of the color scheme scripts that I've used to make Vim nicer, and there are some really nice ones. However, I was growing tired of them lately. I looked around the Vim site trying to find something better but came up empty handed. Around that time I ran into Hamish Macpherson's blog, and noticed he was using a really nice color scheme on his code screenshots, and th
osakana.factory - ブレンドモード詳説
PhotoShop に初めて触れた人は、あまりに多彩なレイヤーや描画の ブレンドモード に戸惑うのではないでしょうか。しかも、PhotoShop のヘルプの記述は抽象的で感覚的な表現が多いので、いまいち用途や意味が不明だったりします。このドキュメントでは、実際に絵を描く上で役に立ちそうな実践的なサンプルを交えて、全ブレンドモードの意味を考えていきたいと思います。 このドキュメントでの変数や用語を定義しておきます。話を厳密にするために書いておくものですので、よく分からなければ読み飛ばしてもかまいません。Pa、Pb、Pn の3つの変数を使います。 Pa : 重ねられるレイヤー（下）の任意のチャンネル（ RGB 3つのうちのどれか）の任意のピクセルの明度（PhotoShop のヘルプで「基本色」とされているもの）で、 0～255 の整数で表す。Pb : 重ねるレイヤー（上）上の、Pa と同じチャ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://appleple.heteml.jp/blog/index.php?ID=673