[B! drawing] tasukuchanのブックマーク

Patternify | CSS Pattern Generator

What is Patternify? Patternify is a simple pattern generator. I built it to save myself the pain of launching Photoshop just to export a 2px by 2px stripe pattern. Not only can you build your pattern online, but with the base64 code, you don't even need an image file anymore: just include the code in your CSS and you're ready to go! Instructions Draw your pattern on the grid. You can use the curso

tasukuchan 2011/04/11

drawing

リンク

がくのほめぱげ - 色の結合演算について（その１）

Adobe Photoshop，Paint Shop Pro，Gimp などのペイントツールにおいて、﹁レイヤー︵Layer︶を重ね、描画モード︵Blend Mode︶を切り替え、透過率︵Opacity︶を与える。﹂のような使い方は、フォトレタッチだけではなく、お絵描きするときにも頻繁に行われていることと思います。描画モード︵ブレンドモードとも呼ぶらしい︶の操作については、画像を用いて具体的に説明しているホームページをよく見かけますが、色を結合︵合成︶するための計算方法として、紹介、解説している書籍、ホームページとなると、ほとんど見かけませんね。＃これって大きく取り上げちゃダメな話なのかなぁ・・・？(^^; このページでは、この描画モードを数式として示します。ソフトウェア開発者向けの非常にマニアックな内容となっていますが、描画モードをサポートしているペ

tasukuchan 2008/03/04

やっとちゃんと理解できそうだ。

リンク

ずんWiki - Flex/Tips/Flashの表示を画像に変換する

Ads 手順 † 大筋の手順は以下の通りです。 Flashの表示内容をBit mapDataオブジェクトとして取得 Bit mapDataオブジェクトを画像のバイトストリームに変換サーバにPOSTして保存 ↑ DisplayObjectの表示内容をBit mapDataオブジェクトとして取得 † 手順は以下の通り必要なサイズの幅と高さのBit mapDataオブジェクト生成 drawメソッドでDisplayObjectを描き込むサンプルソース function createBit mapData(src:DisplayObject):Bit mapData { var bit map = new Bit mapData(src.width, src.height); bit map.draw(src); return bit map; } ↑ Bit mapオブジェクトを画像のバイトストリームに変換 †

tasukuchan 2008/03/02

リンク

ActionScript3.0 png/jpegエンコード - kozy.heteml.jp

PNGEncoder † PNGEncoderはstatic。 : var bmd:Bit mapData = new Bit map(100,100); : var byteArr:ByteArray = PNGEncoder.encode(bmd); ↑ JPGEncoder † JPGEncoderはnew。コンストラクタ引数は圧縮率。 : var bmd:Bit mapData = new Bit map(100,100); : var jpge:JPGEncoder = new JPGEncoder(80); var byteArr:ByteArray = jpge.encode(bmd); ↑ Flex3に追加されたpng/jpegエンコーダー † PNGEncoderとJPEGEncoderと同じ︵ような︶クラスがFlex3でしれっと追加されてます。 mx.graphics.code

tasukuchan 2008/03/02

SpriteからBitmapDataへ変換

リンク

BASIC 風に円を書く - てっく煮ブログ

as回顧主義的 Flash。小学生のころ、BASIC でドラえもんを描こうとして挫折したのを思い出しました。PC-98 とかだともっと速く描画できるんでしょうが、私が愛用していた MSX はこんな感じでした。MSX マガジンよりも MSX-FAN のほうが好きでした。んなことはどうでもいいですね、はい。アルゴリズムは円を描く (1)円弧描画のアルゴリズムあたりを参考にしてます。処理に時間がかかってるように見せるために、あえて途中で setTimeout を入れてます。ソースの見所は、dispatchEvent で無名関数から無名関数を呼び出しているあたり。短いコードならではの威勢のいい実装となっております。ソース(61行)‥ package{ import flash.display.*; import flash.events.Event; import flash.utils.se

tasukuchan 2008/03/02

リンク

price-change:blog ActionScript3.0 | ImageクラスをBitmapクラスに変換してmxmlコンポーネントに追加

ActionScript3.0 | ImageクラスをBit mapクラスに変換してmxmlコンポーネントに追加ブログの更新をさぼっているように見せかけて、ActionScript3.0 のお勉強を始めてしまいました。flash初体験なので試行錯誤して遊んでいる今日この頃です。そんな前置きはさておき、画像を読み込んで Canvas に追加して拡大したり縮小したりするという単純な物をシコシコと作っているんだけども、Image クラスの load メソッドで画像を読み込んだものは、拡大縮小すると画像がギザギザになるの。でも、スムーズにしたいの。したいーしたいよー。と思って調べてみたら、Bit map の smoothing プロパティを true に設定すればOKということが判明したの。でも、読み込んだ画像は Image クラス、スムーズに出来るのはBit map クラス…。ここは素直にU

tasukuchan 2008/03/02

リンク

ActionScript3.0 お絵かきツール - kozy.heteml.jp

線の弾きかた † 描画用のSpriteとマウスイベント取得用のSpriteを作成。ひたすらgaphics.lineTo()！ lineToの座標はマウスイベント取得用のmouseX&mouseYをひたすら渡し。終了したらマウスイベント取得用はremoveChildしとけばOK。 : private var remove:Sprite; // 後でremoveChildするためにクラススコープで... : private function drawModeStart():void{ var drawSprite:Sprite = Sprite(addChild(new Sprite())); var mouseSprite:Sprite = Sprite(addChild(new Sprite())); remove = mouseSprite; // マウスイベント取得せないかんので

tasukuchan 2008/03/02

drawing

リンク

sai商品化記念に愛用の無料お絵描きソフト周りを晒す - とびだせ　ユズアメの森

︵代替ソフトの話ではありません︶多くの人に愛されているお絵描きソフトのペイントツールSAIがついに商品化するらしいです。何故嬉しそうにいうのかというと、今まで本当にお世話になってきたのと、毎月の無料使用のための更新もなくずっと使っていけることが嬉しいからです。このサイトのイラストの多くはsaiで描かれています。最近ははてなハイクのお絵描きツールもけっこう多いけど・・・。というわけで記念に、他の愛用のお絵描き︵？︶ソフトもまとめてみました。貧乏性なので全部フリーソフトー。Photoshopなにそれたべれるの？ゆめいろのえのぐ︵アナログ水彩︶ http://mediatelier.net/ 色を絵の具のように混ぜて、本当に水彩絵の具で遊んでるかのように簡単＆本格的に絵が描けるソフト。﹁選択範囲﹂﹁レイヤー﹂や﹁カラーホイール﹂といったCG的概念に悩まされずに、﹁鉛筆﹂﹁消しゴム﹂﹁絵の具﹂