ウノウラボ Unoh Labs: PNG画像書き出しの「あとちょっと軽くできたら...」を可能にするファイル作成TIPS
こんにちは。ウノウでデザイナーをしているChristelです。 銀色の全身スーツを着、透明チューブの中を走る車で移動する21世紀で暮らす私たち。 夢のクラウド化が囁かれる昨今ですが、未だ携帯電話関連の画像作成には、スカイツリーよりも高い容量の壁があります。 「Flashの3階層メニューで文字も画像で100kb以内でよろしく」とか 「あれとこれとそのファイル合わせて一回で表示するのは20kb以内でね」など、 関係者の皆さんは、1バイトに泣き、1バイトに笑う日々を送っておられることでしょう。 今日はそんな皆さんに 「ビットマップデータを透過PNGで書き出すとき、クオリティを下げずにサイズをちょっとだけ減らせる画像作成のコツ」 をご紹介します。ニッチ過ぎて申し訳ないです。 １）まずPhotoshopで画像を作成 ↑ 一世を風靡した感のあるWEB2.0風。画像の痛さには目を瞑ってください。
QuickDrawはどのように素早く円を描いていたのか？ - ザリガニが見ていた...。
かつてのMac OS9までの描画エンジンの主役はQuickDrawが担っていた。GUIなOSでは、文字も含めてすべてをグラフィックとして扱うので、画面に見えているすべてのもの*1はQuickDrawによって描かれていたことになる。描画エンジンは、GUIなOS開発の要となる技術である。その出来が、GUIなOS開発の成否を分けるとも言える。 そして、最初期のQuickDrawは、ビル・アトキンソンがたった一人で開発したそうである。 当時（25年以上前）のCPUは、動作クロックが8MHzという性能だった。（現在は2GHz=2000MHzかつ、複数コアが当たり前） そのような性能であっても、違和感なくマウスで操作できるOS環境にするために、斬新な発想や試行錯誤を重ね、相当な努力の末に開発されたのがLisaやMacintoshであった。 Amazon.co.jp： レボリューション・イン・ザ・バレー
でお絵かき->DBに保存->PHPで表示->(ﾟДﾟ)ｳﾏｰ - TakiTakeの日記
きっかけ canvasタグ上に描いた絵を保存しようとしたら、 意外に情報が見つからず苦労したんで、載せときます。 canvas? まず、canvasやHTML5についての仕様は、以下のサイトを見てください http://www.html5.jp/ 流れ 今回は、フリーハンドで描いた絵を保存します。 canvasタグを用意 お絵かき 画像情報をサーバに送り、DBに保存 DBから画像情報を取り出し表示 (ﾟДﾟ)ｳﾏｰ なお、DB関係の記述は省略します。 canvasタグを用意 <html> <head> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/canvas.js" type="text/javascript"></script> <style type="text/css">
iPhone アプリ研究会 角丸ボタンの作成法（暫定版）
iPhone/iPad(iOS)アプリの開発情報の発信を行っていきます。 presented by NEXT-SYSTEM iOS Developers 昨日掲載分がアップロードされずに悩んでいたら、 ブログの投稿区分が下書きになっていたというオチで 時間をムダにしてしまった Tasaki です。 そんなところいじった覚えはないんだけどな…… それはさておき、今回は前回の続きということで、 実際に任意の背景をもつ角丸ボタンの作り方を紹介します。 これは特に難しいところはありませんが、回りくどい感じはします。 まず、角を丸くした画像を用意します。 例えば、以下のこのような感じで。 作り方は PhotoShop などの画像編集用ソフトの解説などを見ていただくとして、 要するに Custom ボタンの背景としてこの画像を貼付けるわけです。 このとき、そのまま画像を引き延ばしてしまうと、 角の部分
Cocoaプログラミングメモ
図形を描画するプログラムを作成する。 プロジェクトの作成 Xcodeで「GraphicsEx」という名前のCocoa Applicationプロジェクトを作成。 「HelloWorld」と同様に「GraphicsView.m/GraphicsView.h」を作成。 FrameworksにQuaartzCore.frameworkを追加。 「HelloWorld」と同様にインターフェイスの作成。 ソースコードの記述 GraphicsView.h #import <Cocoa/Cocoa.h> #import <QuartzCore/QuartzCore.h> //GraphicsEx(View) @interface GraphicsView : NSView { } //色の指定 - (void)setColor:(CGContextRef)c r:(float)r g:(float)
ベジエ曲線の仕組み (1) - 昔話 - てっく煮ブログ
asドローソフトなどでもお世話になることが多いベジエ曲線について解説していくシリーズ。小学生のころ、BASIC で本のサンプルを入力して遊んでいたのですが、あまりのきれいさに衝撃を受けたプログラムがありました。それはこんな絵を出力するプログラムでした。左上と左下の点をそれぞれの x 座標、y 座標を少しずつ増やしながら、直線を引いています。いくつもの四角形が端に行くにしたがって変形していくところが、いかにも近未来風の CG に見えました（当時は）。しかも、この絵は直線だけで構成されているのに、カーブして見えるところが不思議でなりませんでした。さて、15年のときを経て、このプログラムを ActionScript で実装してみました。点をドラッグして曲線の変化を楽しんでみてください。前置きが長くなりましたが、実はこのカーブして見える曲線の部分は２次ベジエ曲線になっています。３つの黒い点がベジエ
【iPhone】カメラアプリ系の画像処理をする | iphoneアプリで稼げるのか
久しぶりに開発のエントリを。 これまで画像処理系のプログラムを書いたことがなかったので調べてみた。 カメラアプリ系の画像処理を行うには UIImageのピクセルデータへアクセスする方法を知る 画像処理アルゴリズムを知る が必要。 UIImageのピクセルデータへアクセスする 以下のサイトがとても参考になった。 sonson@Picture&Software – [iPhone SDK] UIImageでピクセルを扱う WWDC2009_Kazuki_Endo UIImageからCGImageを取得してごにょごにょするとピクセルデータにアクセスできる様子。 上のサイトでは画像をグレーにするサンプルコードを公開してくれていたので、それを丸ごと拝借してみる。 いちいち変換クラスを用意するのは面倒なので、カテゴリを使ってUIImageを拡張してみる。 UIImageAddtio
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MacPaint と QuickDraw のソースコード、公開される | スラド アップル