タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとbinaryとCanvasに関するraimon49のブックマーク (4)

  • JavaScript を PNG に圧縮する | Yomotsu net

    JavaScript を PNG に圧縮するツールを作りました。JS_Packer demoscene は最近 WebGL を使ったものも多くなってきています。 demoecene は基本的に ローカルにファイルとして存在しているものを使う そのファイル容量は 1 バイトでも少ないほうがいい (容量制限がある分野がある) という文化です。そして JS ファイルを圧縮する手法の一つに、JS を PNG 画像にして、それをデコードする、という手法が存在します。 JS の性質JS のコードは基本的にアスキー文字の集まりです。アスキーコードは、小文字/大文字のアルファベット、数字、スペースといった 128 種類しか存在しません。 PNG8 の性質8 ビット PNG は 256 種類の色をパレットに持っています。 PNG は可逆圧縮（ロスレス）形式の画像です。圧縮しても失われるデータはありません。

    JavaScript を PNG に圧縮する | Yomotsu net

  • Android 4の新機能でカメラWebアプリ作ってみた (1/5)

    Android OSの最新バージョン「Android 4」ではさまざまな新機能が追加され、標準のWebブラウザーも大幅に機能強化されました。中でも注目は、W3Cが標準化を進めている「Media Capture API」のサポートです。 従来、カメラやマイクなどのデバイス固有の機能をWebで利用するには、PhoneGapなどのモバイルフレームワークの力を借りる必要がありましたが、Androdi 4ではHTMLとJavaScriptだけで利用できます(*1)。Media Capture APIを利用することで、カメラやマイクなどを利用したWebアプリケーションを手軽に作成できるのです。

    Android 4の新機能でカメラWebアプリ作ってみた (1/5)
    raimon49
    raimon49 2012/04/13
    Media Capture API + File API + Canvasでカメラから入力された画像をグレースケール化
    リンク

  • PNGを解析してJavaScriptでPNGを描く·png.js MOONGIFT

    png.jsはJavaScriptを使ってPNGを解析し、その結果をCanvasタグにレンダリングするライブラリ。 png.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Web上で扱われる画像のフォーマットと言えば、GIF/JPEG/PNGだ（WebPもあるか）。個人的な主観としてGIFはアニメーションやアイコン、JPEGは写真やサイズの大きな画像、その中間がPNGに向いていると感じている。 レコード画像を描く 写真を取り扱うサイトでは、そのメタデータを解析して撮影した機種や撮影場所、露出といったデータをEXIFから得ている。同様のPNGを解析するJavaScriptライブラリがpng.jsだ。 png.jsはPNGをJavaScriptで解析し、その結果をCanvasタグを使って画像として表示する。つまり表示されるのはPNG画像であり、単純にWebブラウザでim

  • GREE Engineering

    404 お探しのページは見つかりません GREE Engineering トップへ戻る

    GREE Engineering
    raimon49
    raimon49 2011/02/08
    GIFファイルヘッダを切り出して解析, Data URI や Canvasに連続で突っ込んでアニメーション化
    リンク
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2025 Hatena. All Rights Reserved.