canvas 要素で画像にフィルタを適用したい - ヨーキョクデイ
ImageData オブジェクトなるものを取得すると、その data プロパティをいじることでピクセルごとに画像をいじることができるらしい。Canvasリファレンス - getImageData/putImageDataメソッド- HTML5.JP を見ればいいわけだけど、結局は data プロパティというのは配列であって、各ピクセルの情報がその要素になっている。そしてその要素の値を変更していくことで画像にフィルタをかけるということを実現しようではないかというのが今回の話。 流れとしては canvas に適当な画像を作り、getImageData メソッドでその画像についての ImageData オブジェクトを取得し、data プロパティをいじり（フィルタ）、その中身が変更された ImageData オブジェクトを putImageData メソッドで canvas に書き出すという感じ。
Colors Live for Nintendo Switch™
turn your Nintendo Switch™ into a portable art studio! buy now packed with painting features an interface that takes five minutes to learn tons of different brushes up to ten layers with a canvas size of 2560x1980 pixels export still images and timelapse videos to your Nintendo Switch image gallery undo, eyedropper, opacity, blending, flip, and much more!
[PHOTOSHOP] Fake HDR in Photoshop - JPEG 1枚から作る疑似HDR画像
[PHOTOSHOP] Fake HDR in Photoshop – JPEG 1枚から作る疑似HDR画像 Pocket Tweet 通常HDR画像を作る際には、3通り以上の露出で撮影した写真、もしくはRAW画像が必要なんだけど、ここでは1枚のJPEGからHDRっぽい写真を生成する方法が紹介されてます。どういう仕組みかというと、ようするにハイライトとシャドウ部を別レイヤーに分離させて、それぞれ個々にレイヤーの描画モードを設定するという流れ。リンク先で配布されているフォトショップ用のアクションファイルを試してみたんだけど、これは結構使えるかもという印象。色々イジくる事でイラスト調にする事もできます。“続きを読む”クリックで、作例＆手順が見れます。 写真：Nikon D80 | AF-S DX Zoom Nikkor ED 18-135mm F3.5-5.6G (IF) | JPEG まぁ被
sai商品化記念に愛用の無料お絵描きソフト周りを晒す - とびだせ ユズアメの森
（代替ソフトの話ではありません）多くの人に愛されているお絵描きソフトのペイントツールSAIがついに商品化するらしいです。何故嬉しそうにいうのかというと、今まで本当にお世話になってきたのと、毎月の無料使用のための更新もなくずっと使っていけることが嬉しいからです。このサイトのイラストの多くはsaiで描かれています。最近ははてなハイクのお絵描きツールもけっこう多いけど･･･。 というわけで記念に、他の愛用のお絵描き（？）ソフトもまとめてみました。貧乏性なので全部フリーソフトー。Photoshopなにそれたべれるの？ ゆめいろのえのぐ（アナログ水彩） http://mediatelier.net/ 色を絵の具のように混ぜて、本当に水彩絵の具で遊んでるかのように簡単＆本格的に絵が描けるソフト。「選択範囲」「レイヤー」や「カラーホイール」といったCG的概念に悩まされずに、「鉛筆」「消しゴム」「絵の具」
OpenGL と LLVM の話 - steps to phantasien t(2008-01-19)
昔の同僚の Apple ファンからメールをもらった. 去年のマイコミジャーナルの記事 にある OpenGL と LLVM の関係がようわからんので教えろとのこと. ざっと説明を書いてみたらそれなりに良いまとめになった気がするので 無断転載してみることに. 若干くどくて知ったかぶり風なのは見逃してください. 1. Shading Language について 最近の OpenGL には Shading Language (略して GLSL) というのがあります. 物体の質感を表現するための専用言語, いわゆる DSL です. 昔の OpenGL は質感の表現に使う式が固定されていて, プログラマはパラメタだけを指定していました. リッチな質感を表現するのにはテクスチャを使い, 更にリッチにするときは複数のテクスチャを使って色々やってました. これを "固定機能パイプライン" といいます. ハー
いろいろな曲線
グラフ描画についての指針 グラフを調べる場合、次のことを念頭において計算を進めればよい。 （１） 曲線の存在範囲（Existence)や座標軸に対する対称性(Symmetry) （２） 座標軸との交点(Intersection)や曲線上の特殊な点の座標(Special point) （３） 関数の増減と極値(One) （４） 関数の凹凸と変曲点(Two) （５） 漸近線(Straight line) 私の高校時代、上記手順を覚えるために頭文字をつなぎ合わせて、 ＳＥＳＩＯＴＳ（セシオッツ） などという語呂合わせを考案したものだ。 例 曲線 Ｙ２＝Ｘ２(１－Ｘ２) のグラフを描いてみよう。 式の特徴から、曲線は、Ｘ軸に関して対称、Ｙ軸に関して対称、原点に関して対称である ので、計算する範囲を、Ｘ≧０、Ｙ≧０ としてよい。さらに、Ｙ２≧０ であるので、 ０≦Ｘ≦１ としてよい。このとき、与えら
Crayon Physics Deluxe
is a 2D physics puzzle / sandbox game, in which you get to experience what it would be like if your drawings would be magically transformed into real physical objects. Solve puzzles with your artistic vision and creative use of physics. Looking for your old secret key or download link? Try our keysender below: Bought the game from Humble Widget? Try the Humble Order Resender. Please provide the em
CG Magic：レンダリング | Ohmsha
最先端（2000年以降）のCG技術のうち「レンダリング」（描画）に関するものを、幅広く俯瞰し、系統立てて紹介すると同時に、要点を掘り下げて解説。世界にも類を見ない一冊。革新的な技術を生み出した研究者本人に取材しており、教科書や論文には載っていない技術開発の裏にある物語も織り込まれている。 刊行によせて はじめに 第I部 ジオメトリベースのアプローチ 第1章 フォトリアリスティックレンダリングの基礎知識 1.1 光の物理量 1.2 光の挙動のモデル化 1.3 レンダリングの仕組み 第2章 グローバルイルミネーション 2.1 レンダリング方程式とその解法 2.2 MCRT 2.3 フォトンマッピング法 2.4 プログラマブルグラフィックスハードウェアとGI 第3章 ボリュームレンダリングとパーティシペイティングメディア 3.1 ボリュームを視覚化する手法 3.2 ボリュームレンダリング 3.3
Chaoscope > Home
Home of Chaoscope, a 3D strange attractors rendering softwarePeter Jansen, a Dutch artist, has created a series of Strange Attractor sculptures with the help of an experimental version of Chaoscope. These sculptures are now for sale online. You can even send your own Chaoscope project and receive it as a real object! Part of the profits will be donated to the Chaoscope project. Click here to find
カオス図形描画ソフト｢Chaoscope｣ - SourceChord
この間，オススメのフリーグラフィックソフトのまとめのページを見ていたら，面白いソフトを見つけたのでレビューします． ・↓オススメのフリーグラフィックソフト http://alfalfa.livedoor.biz/archives/51125257.html こんな画像が生成できます． ソフトのダウンロードは↓コチラから http://www.btinternet.com/~ndesprez/ Downloadのページにインストーラ版とzip圧縮版がおいてあります． zip圧縮版は解凍するだけで起動できるので，お気軽に試せると思います． ソフトを起動すると，デフォルトではメニューがフランス語になっているので， File→Optionsを開き，GeneralタブのLanguageを変更することで，メニューを英語表記に出来ます． 参考ページ ・ChaoScope Wiki http://urad
HugeDomains.com
wheelerstreet.com is for sale Please prove you're not a robot
void element blog: ハーフトーンカメラ（カラー）
前回のエントリに引き続きハーフトーンカメラ処理、今度はカラー版です。 RGBそれぞれに対してハーフトーン処理を行うと、8色に減色できるようなのでこちらも作ってみました。 大部分はモノクロ版と同じですが、最後の変換を paletteMap で一括変換しています。 こちらも全ピクセルをなめる必要なし。 画像処理様様ですね。 ソースは以下。 package { import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.Shape; import flash.display.Sprite; import flash.display.StageAlign; import flash.display.StageQuality; import flash.display.StageScaleMod
軽量なGUI、グラフィックス、アニメーション向けライブラリRuby Shoes
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
チュートリアル バナー Advanced Glow Effects
1. How to Create the Background Step 1 As with pretty much every tutorial I've ever written, we begin with a Radial Gradient. This one is pretty harsh and goes from a reddish brown color to black. Here are the exact color codes: Foreground color: #922f00 Background color: #000000 Step 2 In this tutorial, we actually need a pretty intense center, so what we'll do is duplicate the layer we just made
てっく煮ブログ - AS3 で RSS アイコンを描画
asActionScript 3 で Photoshop チュートリアル実践シリーズ 第２弾。今回は RSS アイコンを作ってみました。参考にしたサイトは Photohop: RSS-Icon Standard in Variationen。ドイツ語で読めないけど、PSD ファイルが公開されているのでそれに沿って作成しました。表面の描画は 前回 とほとんど同じなので省略。いろいろ思いついて面白いのが「1/4 ドーナッツ」をどう描くか。円をマスクしてもできるんですが、それでは面白くないので、別の方法を３通り考えてみました。1. 素直に外枠をなぞるパスを作る１つ目は一番最初に思いついた単純だけどめんどくさい方法。内側のドーナッツ作成コードがこれです。 private function drawPattern1(g:Graphics):void { g.beginFill(0xffffff);
Peter Selinger: Potrace
For changes prior to version 1.14, see the file NEWS. For a more detailed list of changes, see the ChangeLog. September 17, 2019: Release 1.16. This release consists of bugfixes and minor portability improvements. A potential arithmetic overflow was fixed. Rotation angles are now normalized to between -180 and 180. We now use binary file I/O on the OS/2 platform. The test suite tolerances were adj
xe-kdoo(2007-05-06)
>> [Memo] ２次元画像から３次元形状 Compute 3D shape and scene from a single image １枚の２次元画像から３次元形状を再構成 @ potasiumchの日記 「一枚の２次元画像から３次元形状を再構成」 @ 最上の日々 メモ。 「不良設定問題」とゆーのは、「自由度が高すぎて解が一意に定まるわきゃーない問題」という認識でよろしいのかしら。 写真ではなく絵を入力とした時にどうなるもんか、というのに興味がある。 具体的には、不可能物体*1を入力とした時にどんな解釈が得られるか、そしてその解釈と人の直感とを対比させたらどんなもんか、というのが面白そう。 もう一つは 2.5 次元的な話。将来的にはアイドル開発を語る上で無視できない存在になる、かもしれない。ならないかもしれない。 とゆーか、論文見てたら（2D や 3D にまじって）2.5D という
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Intensify Pro vs Luminar Neo: Detailed Comparison and Key Differences
Vector Magic | Precision Bitmap to Vector Conversion Online
http://home.f01.itscom.net/toge/programingreport/program/clang/dither.html