mieki256's diary

参議院議員補欠選挙＋市議会議員補欠選挙、かしら。雨が降っていたので歩きで行ってきた。

市議会議員に30歳台の方が立候補していた。会津大学出身でコンピュータに強そうな方。なんだか珍しい。当選しないものだろうか。もっとも、当選しても周囲の議員は御爺ちゃんばかりだから、ヒヨッコ扱いされて話がほとんど通じない予感。

◎ そのまま食料の買出しに。 :

gifについて検索してたら辿りついた。png のネガティブキャンペーン記事、なのだろうか。ソーシャルブックマークは使ってない自分だけど、仮に使ってたら「これはひどい」タグをつけてたであろう予感。アイドルマスターとハルヒダンスを比較してたblog記事を思い出してしまった。こういうのって、釣りネタなのかなぁ。

PNG は ZIP と同じ inflate/deflate を用いています。なぜ ZIP と同じ圧縮エンジンを用いているのでしょうか？ おそらく、キィーッ！！っとなった時に たいした考察もなく「圧縮エンジンは有名所の ZIP と同じにしておけば良いだろう」ぐらいの考えだったのでしょう。

koujinz blog: （連載）第５回：PNG（ぴんぐ） より

特許問題回避を念頭においたから、じゃないのかしら。性能以前の話で、「自由」に使える方式じゃないと。独自に作ってもいいけど、特許に抵触してるかまた調べなきゃならないし。gifの二の舞は勘弁してくれ。いや、実際どういう経緯で決まったかは知らんのですが。

ところで、optipng ぐらいは使ったのかしら。＞gifとのファイルサイズ比較。ファイルサイズの小ささを比較するなら、画像形式を問わず、現状で極力サイズを小さくできる手順で検証しないと意味が無い。 *1

“可逆”を捨てきれない PNG は “不可逆”と割り切った JPEG には全く太刀打ちできません。完敗です。

koujinz blog: （連載）第５回：PNG（ぴんぐ） より

「可逆圧縮」と「不可逆圧縮」を比較して、全体的な優劣を語れるわけがない。元画像との相違ドット数を比較されたらjpegは試合にすら出られず門前払いだろう。…ファイルサイズが大きくなっても画質を「元のまま維持」したいなら png で。画質が劣化してもファイルサイズを小さくしたいなら jpeg で。そんな具合に使い分けるしかないものに優劣をつけるのは土台無理ではないかと思うのだった。 *2

もし“可逆”が必要な画像データだったら （情報量を落とさずに圧縮したいなら）、 ZIP 圧縮すればよいのです。

koujinz blog: （連載）第５回：PNG（ぴんぐ） より

その場合、問題点が2つありそう。

1. ZIPファイルに圧縮するという、その画像には、一体何のフォーマットを選択するのか。
2. データの堅牢性。一部が壊れたときにどの程度データを救えるか。

_ImageMagick 、 _XnView 、 _IrfanView の対応フォーマットページでも眺めてみれば、そもそもどの画像フォーマットを選択すべきか悩むだろうと。どれも一長一短。つまるところ、画像フォーマットを選択するその行為自体が、そもそも最初の問題点ではないかと思える。また、仮に画像フォーマットが決まったとして、1000個の画像があったら1000回zipファイルを作るのか、それとも1つのzipにまとめるのか。前者では操作手順を考えた場合現実的ではないが、後者、1つのzipにまとめた場合、そのzipファイルが途中で壊れたらどうなるだろうか。そう考えると、1ファイル単位で可逆圧縮する画像フォーマットというだけでも一手間減ってる ＝ ユーザは利便性を1つ入手してる、と言えるのではないだろうか。

◎ PNG = モノグサなユーザのためのフォーマット、ではないかと思っていたり。 :

◎ _スラッシュドット ジャパン | Microsoftが新しい画像フォーマットの仕様公開 :

---

Palette から getEntry() で取り出した int を Integer.toHexString() で16進数表示したら、

00ffffffff 00ffff0000 00ff00ff00 00ff0000ff 00ff010203 00ff800000 00ff008000 00ff000080 00ff00ffff 00ffff00ff 00ffffff00

こんな感じの値に。おそらくは、

((謎値 & 0x0ff) << 24) | ((R & 0x0ff) << 16) | ((G & 0x0ff) << 16) | (B & 0x0ff)

という感じ？ 謎の値で 0x0ff が入ってるのが気になるけれど。もしかすると不透明度の情報なのかもしれない。ということでそんな感じに推測して実験ソースを。

/**
 * PalettedImage の表示テスト
 */

import java.io.InputStream;

import javax.microedition.io.Connector;
import com.nttdocomo.io.ConnectionException;
import com.nttdocomo.ui.Canvas;
import com.nttdocomo.ui.Dialog;
import com.nttdocomo.ui.Display;
import com.nttdocomo.ui.Graphics;
import com.nttdocomo.ui.IApplication;
import com.nttdocomo.ui.Image;
import com.nttdocomo.ui.MediaImage;
import com.nttdocomo.ui.MediaManager;
import com.nttdocomo.ui.Palette;
import com.nttdocomo.ui.PalettedImage;
import com.nttdocomo.ui.PhoneSystem;


public class TestPalettedImage extends IApplication {
    Main m = new Main();
    public void start() {
        Display.setCurrent(m);
        m.exec();
    }
}


final class Main extends Canvas {
    static final int FPS = 20;
    static final int SLEEP_VALUE = 1000 / FPS;
    static final int SCR_W = 240;
    static final int SCR_H = 240;

    private Graphics g = getGraphics();
    private int waitTime;
    private long getTime;
    private int frameCounter;
    private int rootStep;
    private Image bgimg;
    private PalettedImage palimg;
    private Palette[] pal = new Palette[5 * 5];
    private int btnStsInterrupt;

    // コンストラクタ
    public Main() {
        System.gc();
    }

    // メイン
    public void exec() {

        waitTime = SLEEP_VALUE; // フレーム間隔
        rootStep = 0;

        // バックライトON
        PhoneSystem.setAttribute(PhoneSystem.DEV_BACKLIGHT, PhoneSystem.ATTR_BACKLIGHT_ON);

        getTime = System.currentTimeMillis();

        // メインループ
        while (true) {

            try {

                switch (rootStep) {
                    case 0 :
                        // init
                    {
                        // 背景画像をロード
                        MediaImage image = MediaManager.getImage("resource:///3.gif");
                        try {
                            image.use();
                            bgimg = image.getImage();
                        } catch (ConnectionException e) {
                            image = null;
                            displayDialog(Dialog.DIALOG_ERROR, "実行エラー", "BGイメージロード失敗。" + e);
                        }

                        // パレットを変える画像をロード
                        try {
                            // Connection con=Connector.open("resource:///testimg.gif",Connector.READ);
                            // InputConnection incon=(InputConnection)con;
                            // InputStream in = incon.openInputStream();

                            InputStream in = Connector.openInputStream("resource:///2.gif");

                            // パレットを設定できるイメージを生成
                            palimg = PalettedImage.createPalettedImage(in);
                            in.close();
                        } catch (Exception e) {
                            displayDialog(Dialog.DIALOG_ERROR, "Error", "パレットイメージロード失敗。" + e);
                        }

                        // パレットを取得
                        Palette p = palimg.getPalette();

                        // 色数取得
                        int colnum = p.getEntryCount();

                        // パレット値を表示してみる
                        for (int i = 0; i < p.getEntryCount(); i++) {
                            int argb = p.getEntry(i);
                            String s = "0000000000000000" + Integer.toHexString(argb);
                            String sb = s.substring(s.length() - 16);
                            System.out.println(sb);
                        }

                        // 変化させるためのパレットオブジェクトを確保
                        for (int i = 0; i < pal.length; i++) {
                            pal[i] = new Palette(colnum);
                        }

                        // 変化させるためのパレットを作成
                        for (int c = 0; c < pal.length; c++) {
                            int v = c * 256 / (5 * 5);
                            for (int i = 0; i < p.getEntryCount(); i++) {
                                int argb = p.getEntry(i);
                                int a = (argb >> 24) & 0x0ff;
                                int r = (argb >> 16) & 0x0ff;
                                int g = (argb >> 8) & 0x0ff;
                                int b = argb & 0x0ff;
                                r = r * (256 - v) / 256;
                                g = g * (256 - v) / 256;
                                b = b * (256 - v) / 256;
                                argb = Graphics.getColorOfRGB(r, g, b, a);
                                pal[c].setEntry(i, argb);
                            }
                        }

                        rootStep++;
                    }
                        break;
                    case 1 :
                        // draw
                    {
                        g.lock();

                        // BG 描画
                        g.drawImage(bgimg, 0, 0);

                        {
                            int w = palimg.getWidth();
                            int h = palimg.getHeight();

                            int idx = 0;
                            for (int y = 0; y < 5; y++) {
                                for (int x = 0; x < 5; x++) {
                                    int dx = 16 + (w + 8) * x;
                                    int dy = 16 + (h + 8) * y;

                                    // パレットを変える
                                    palimg.setPalette(pal[idx]);

                                    // 描画
                                    g.drawImage(palimg, dx, dy);

                                    idx++;
                                }
                            }
                        }

                        g.unlock(true);
                    }
                        break;
                }


                System.gc();
                while (System.currentTimeMillis() < getTime + waitTime)
                    Thread.yield();
                getTime = System.currentTimeMillis();

                frameCounter++;


            } catch (Exception e) {
                displayDialog(Dialog.DIALOG_ERROR, "実行エラー", "処理中に問題発生。" + e + " rootStep=" + rootStep);
            }
        }
    }

    // 画面描画
    public void paint(Graphics g) {
    }

    // イベント通知処理
    public void processEvent(int a_type, int a_param) {
        if (a_type == Display.KEY_PRESSED_EVENT) btnStsInterrupt |= (0x01 << a_param);
    }

    // エラー時のダイアログ表示
    public void displayDialog(int type, String title, String str) {
        Dialog d = new Dialog(type, title);
        d.setText(str);
        d.show();
        IApplication.getCurrentApp().terminate();
    }

}

なんとかなりそうな予感。後は画像のロード部分に処理を追加 or 別途ロード処理を作成、かしら。実機上で動かした際のヒープサイズや描画処理速度が懸念されそうではあるけど。

◎ 2007/04/23追加。 :

親父さんがビデオで「眠狂四郎」なる映画を見ていた。自分も画面をしばらく眺めていたが、どうも悪の側が白装束らしい。感心。劇場版ハカイダーを思い出してしまった。＜見てないけど。月光仮面が白装束だったことを考えると、どこかで「正義が白、悪が黒ではありきたりでつまらんやろ」という変化があったのだろうと想像するのだけど。いや、むしろ月光仮面が王道から外れてたりしたらどうしよう。江戸時代の作品なんかは悪が白なのが常、だったりして。うーむ。

◎ 「大江戸八百八町を火の海に」という何気ない台詞を耳にして唸ってしまった。 :

◎ 「ヒーロー404」てのはどうか。 :

イリーガル＝違法・不法、という意味らしいので。別に法があるわけでもないんだけど、常道から外れてると思われるものは、何と呼ぶのか。適した英単語 or カタカナ言葉があったような気もするんだけど。

アブノーマル、とか？ 「正義が白、悪が黒という常道から外れてるわけで、いわば眠狂四郎はアブノーマルなデザインでまとめられている」とかそんな感じで使ってもいい感じ？ なの？ 自信がないであります。