[サイトトップ] [絵日記帳] [画廊] [漫画] [同人] [自己紹介] [掲示板]

絵日記帳

2011年4月上旬の日記

2011年4月1日（金）

http://tsurime.maid.ne.jp/diary/d201104a.html#01

▼4月1日

@ 2011.04.01・デジタル化

@ ということをやってました。コレを読まれる頃にはすでに終了、と。

トップだけ再現→コレ
再現なのでいろいろ書き換えてますが。

@ ええ、デジタルRGB化ですとも……(^^;

▼仕組み

@ HTML側はいじらず、CSSでどうにかやろうと。

実はfilterあたり使えばできるだろ、と思ってたら。イマイチならなかった。のでぐちゃぐちゃと作業してたり。

@ まずはCSSでの色指定をffと00の組み合わせだけに。こっちは単なる書き換え。

@ あとは画像なんだけど。filterでできなかったので、急遽ImageMagick登場願う。
ImageMagickはmaid.ne.jpサーバにないようなので、インストール……しようとしたら大きすぎる。なので、sakura.ne.jpを使うことに。 maid.ne.jpに対して画像アクセス来たらsakuraに飛ばしてそっちの画像を見せるように、.htaccess をいじる。

@ デジタルRGB画像生成するのはImageMagickを使って減色処理。

$image->Read( filename=>$filename);

binmode(OUT);
print "Content-type: image/png\n\n";

#  $image->Posterize(levels=>2, dither=>'True' );
$image->OrderedDither( threshold=>'h4x4a', channel=>'All' );
$image->Write('png:-');

こんな感じ。正しくデジタルRGBになるかは疑問だけど、まぁ1日だけだし、それっぽくなってるので深追いはしないようにする。

@ ……というのが流れです。

@ 朝突然に思いついてCSSで全部どうにかやろうと考えながらいじりだしたらまったく別の方向に走らざるをえなくなり出遅れて、出したのが18時とかでしたとさ。

エイプリルフールは準備必要ですなぁ。

▼ところで

@ ところで気になったのですが。

デジタルRGBってわかるよね？

「イロイッカイズツ」の8色ですよ？(^^;。 < ソレでわかる人は元々わかってると思うよ？

2011年4月2日（土）

http://tsurime.maid.ne.jp/diary/d201104a.html#02

▼帰省

@ 帰省しております。

@ 春分の日の3連休あたりで帰省しようか、と思ったら。地震の影響でガソリン不足&余震まだ続く。

@ もう大丈夫だろ、と今日顔見せ&お墓参りだけでも、と帰省。

@ で。「帰省するけど、実家に誰もいないとかないよね？」と昨日父にメールしたんですが、返信なく。今朝も何度か電話したけど出ない。

……ちょっとヤバい考えが頭をよぎる。父もいい加減歳だしなぁ。こりゃなんにせよ実家にいって確認せんと、と急いで支度。

とか考えていると、父から電話。ほ。一安心。

@ 安心したのでゆっくり支度してから家を出る。

@ ガソリンは実家までは大丈夫だろうけど。念の為満タンに。今日は高速道路使っていく予定なので、万が一がないようにしないと。

@ で。高速道路乗ったあたりで気づいた。ここしばらくチェーンに注油忘れてた（汗。

▼高速道路

@ 東名高速東京インター到着……ETC、前に通って問題ないことは確認してるけど。やっぱり緊張するのぅ(^^;。

@ 実家到着～。

@ 「順調に流れていれば」という条件があるけど、高速道路使うと、door to doorで3時間強か。さすがに新幹線より時間はかかるけど、差はたいしたことないね。

@ つか、東京インターまでが2時間近いんだよな(^^;。首都高速はわけわからんので避けてるんだが……。

@ いやぁ。高速道路は歩行者が飛び出してくる恐れや、信号がない、という点で気が楽だ。

▼実家にて

@ お墓参り行ったりなどして。

@ だらだらと過ごす。

@ 夕食は焼肉。
ここの焼肉屋さん、肉が分厚くておいしいんよなぁ。うぅ、食べ過ぎておなか痛くなる。< 馬鹿

2011年4月3日（日）

http://tsurime.maid.ne.jp/diary/d201104a.html#03

▼実家にて

@ 実家へ来たので。髪を切りに知り合いの美容室へ。ついでに髪の色も明るめに。だいぶ黒髪になってきてしまってたんでなぁ。

@ ここ十数年ではもっとも短く、そしてもっとも茶色い髪に。ちょっと茶色が明るすぎるかなー？とも思ったけど。まぁいいだしょ。

……今までの髪の長さもなんだが、どんどん一般社会人に見えなくなっていく今日この頃。いい歳なのに(^^;

@ あとは実家がCATV加入したので見たりとか、1Fにあったソファを2Fに持っていくとか。 ……このソファ、アチシがいないと運ぶの無理だったわ（汗。

▼帰るよ

@ とかやっているうちに午後になったので。千葉に戻るよ。

@ 復路も高速道路使って。ところどころ渋滞発生。

@ つか。なんなんだ？登坂車線に大量の一般車両、ちぅのは。登坂車線の終わり際、通常の走行車線に入れなくて車が止まってたりすることで渋滞になってるっぽいんだが……登坂車線はなんのためにあるのよ？

@ そんなこんなで高速道路を走ります。

@ 高速道路、思ったよりちょっと寒かったな、と。さすがに高速道路をそれなりの速度で走ってるせいなんでしょうなぁ、一般道に戻ったらどうということなく。
あ、でもSAでも寒かったけど(^^;。

@ んで、東京インター→国道246号で東京を抜けて、千葉へ帰るよ。

@ 無事帰宅完了。

@ いやいや。ETCと風防の効果を思い知らされましたよ。

ETCはゲート通過時にちょっと緊張するけど、お金を手で取ったりする必要がないのはいいし。バイクでETCの恩恵は大きい、というのがよくわかりました。
なにより休日割引で安い(^^;。1000円だとばかり思ってたら、東京からしばらくは上限1000円の割引対象外なのでちょとオーバーでしたがそれでも。

風防は威力絶大なんてもんじゃねーですな。
体に当たる風が時速80kmでキツかったのが、90km/hくらいじゃ余裕だし・100km/hでもまったく大丈夫、という感じで。ものすごく体が楽でした。高速で後方確認でちょと後ろ向くとヘルメットが風で押されて戻し辛かったのも、まったく平気だし。
100km/h超えるとどうかはソンナ速度出シテナイノデワカリマセンヨ？ 120km/hトカダトキツイカナァ？ト……イヤ想像デスヨ？

▼雑記

@ 帰省中の番組録画消化。

バクマン。
吉田氏の平丸さんに対する評価すごいな。現在の原作におけるこの二人の安定感あるやりとり（ん？）からは考えられないほどだ(^^;。

……二期やるんだ？「働きたくないんだ！」はいつかな？

@ 最近書いてなかったんでお買い物メモまとめて。

[Book/Comic]ナナとカオル(6) アニメDVD付き初回限定特装版 / 甘詰留太（白泉社）[Amazon]
[Book/Comic]おとなの1ページ心理学 (3) / ゆうきゆう, ソウ（少年画報社）[Amazon]
[Book/Comic]シュルルン雪子姫ちゃん feat.ドロロンえん魔くん / 天津冴（角川書店(角川グループパブリッシング)）[Amazon]

ナナとカオル……エロいな。
1ページ心理学……相変わらずの酷さ（誉）で安心。

シュルルン雪子姫ちゃん
【某方面向け解説】女の子の氷漬けアリ・あくまで氷漬けで氷像化などじゃないし、雪子姫主役なのにその辺の描写は少なめ。最初のエピソードで「妖気を吸い尽くして石化」とかいうてるけど、石化はなし。行方不明になった女の子は石にされて飾られているのかなぁ？などと妄想するくらい？

……きわめて偏った方面向けの解説でした。
なお。アチシは状態変化は好きだけど、氷漬けや水晶封印のような描写はあまりひかれない、というタチですのでその辺はマイナスして考えてくださいまし(^^;。

2011年4月4日（月）

http://tsurime.maid.ne.jp/diary/d201104a.html#04

▼デジタルへの道

@ 嘘。まーエイプリルフールネタでデジタルRGB化とかやったんで、ちょい続き。

@ canvasを使ってJavascriptによるディザ。 HTML中のimg要素をBayer法でディザしてまわる。
ソースはこんなんで。


function dither() {
  var bayer = new Array ( 0, 8, 2,10,12, 4,14, 6, 3,11, 1, 9,15, 7,13, 5 );
  var imgobj = document.getElementsByTagName('img');

  for( var i=0; i<imgobj.length; i++){
    var image = new Image();
    image.src = document.getElementsByTagName('img')[i].src;
    if ( 0 != image.src.indexOf('http://tsurime.maid.ne.jp/') ){continue;}

    var canvas = document.createElement('canvas');
    var context = canvas.getContext('2d');

    canvas.width = image.width;
    canvas.height = image.height;

    context.drawImage(image, 0, 0);

    var input = context.getImageData(0, 0, canvas.width, canvas.height);
    var output = context.createImageData(canvas.width, canvas.height);
    var inputData = input.data;
    var outData = output.data;

    for (var y=0; y < input.height; y++) {
      for (var x=0; x < input.width; x++) {
        for (var c=0; c < 3; c++) {
          var v = inputData[(y*input.width + x)*4 +c];
          outData[(y*input.width + x)*4+c]=((bayer[(x%4)+(y%4)*4]*16+8)<=v)?255:0;
        }
        outData[(y*input.width + x)*4+3]= 255; // alpha
      }
    }
    context.putImageData(output, 0, 0);
    document.getElementsByTagName('img')[i].src = canvas.toDataURL();

    context = null;
    canvas = null;
    image = null;
  }
}

@ Javascriptじゃ遅くて使いものにならんのじゃ？と思いきや、充分な速さだった。これだったらサーバで処理せんでもよかったかも。

でもコレだとcss中で使われてる画像はできんしなぁ。

@ しかし。ローカルの画像読み込みでSecurityErrorにはまいったですよ。 Safariだとなんもいわんのだがなぁ……。

メモ
about:config から security.fileuri.strict_origin_policy を falseに