potraceをjavascriptに移植した - Webと文字
生存報告 （ ^ω^）とりあえず生きてます。 potraceとは potraceとはラスター画像からSVG等のベクター画像を作成するソフトです。無料で使えてソースも公開されているオープンソースなソフトです（参考資料１）。元はCで書かれていますが、python、ActionScript、C#に移植されていたりします。 だから何ができるの？ 左が元のビットマップ画像、右がそれをpotraceでトレースした画像 C→javascript(´・ω・`)、ActionScript→JavaScript(ﾟ∀ﾟ) ActionScriptとJavaScriptは兄弟みたいなものなので移植はとっても簡単です。今回は参考資料２をパクって参考にしてjavascriptに移植してみました。 処理フロー imgタグで画像を読み込み 画像をcanvasに転写 画像をグレースケールに変換 画像を二値化 画像の輪郭の
昨日からネットで大騒ぎ "PhotoSketch"が凄い件：In the looop：ITmedia オルタナティブ・ブログ
Gizmode, CNET, Mashable と立て続けに記事になり，凄すぎると話題のPhotoSketch。 TwitterでもBuzzりまくっています。 【Twitterで旬な話題を調査できる "CrowdEye" より】 (2009年10月7日データ） それでどんなサービスかというと，ラフスケッチの情報をもとに，それに最適な画像をネットが集めてきて，しかも信じられないほど巧妙に合成写真を完成されるというものです。 開発元は Tsinghua University（清華大学）とNational University of Singaporeの共同チーム。 とにかく，まずこの動画を見てください。 PhotoSketch: Internet Image Montage from tao chen on Vimeo. つまり， ごく適当にイメージを書く。 これに名前をつける。 あとはシステ
Live2D − 3Dとは異なるアプローチによる本格的な立体表現
株式会社Live2Dでは2006年の創業以来、世界中で使われる技術、100年後にも残り続ける技術を目指して、 映像技術「Live2D」の開発を行っております。 『描きたいとおりに描き、動かしたいとおりに動かす』 そんな夢をクリエイターの皆さんと共有しながら、Live2Dは更なる新次元へと歩み続けます。 Live2D Cubism 1枚の原画から「2Dによる立体表現」を実現する、2Dモデリングのプロフェッショナルスタンダード。 単純化した2Dアニメーションや、3Dモデルを使ったアニメーションとは異なり、原画を直接加工するアプローチを採用。線のタッチや塗りの質感などもそのまま保たれるのが大きな特徴です
「攻殻機動隊」「電脳コイル」の世界を実現！ - ARToolKitを使った拡張現実感プログラミング
仮想世界と現実世界を融合する技術は，拡張現実感（Augmented Reality：AR）と呼ばれています． おおげさな言い方をするとARは現実の世界に情報を「上書き」することができる技術です． アニメや映画にでてくる「電脳」を想像してみてください． 手のひらの上に3Dキャラクタを表示したり，現実の世界でデジタル・データに触れてみたり… そんな魔法のような技術です． ARToolKitは，ARアプリケーションの実装を手助けするC言語用のライブラリです． ARToolKitを使うと，紙に印刷されたパターンをカメラで読み取り， その上に3Dオブジェクトをオーバーレイ表示するアプリケーションが簡単に作れます． 本来は非常に敷居の高い技術なのですが，このライブラリは「難しい部分」の処理を 全てやってくれます． …というわけで今回はARToolKitを使って近未来の技術 「拡張現実感」 を体験してま
GIMPでミニチュア風写真を作ってみる
はてブでちょっと話題になっていたので。 それGIMPでも余裕じゃないかしら？ということでやってみた。 ネタ元はこちら。 http://www.designwalker.com/2007/06/tilt_shift.html で、ちょっと調べたらもうちょっとハイレベルなチュートリアルがあった。これも参考に。 http://aska-sg.net/pstips/tips/pages/sentakuhanni-quickmask-01.html 素材元はFlickrにて拝借。エッフェル塔からの眺め。 元の著作権はこちらの方に帰属します。 http://www.flickr.com/photos/alvan/105202547/ レイヤーは一枚のまま進めます。 1.明度・コントラストの設定 道具(T)→色ツール(C)→カーブ(C)を選択。 チャンネルが明度となっているのを確認してから S字を書くよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pixie, Fully customizable JavaScript image editor SDK
http://www.designwalker.com/2007/06/tilt_shift.html
