UJinn Competition
究極のモバイルマルチプレーヤーゲーム

「ステレオ文字グラムジェネレータ」を作ってみた

060225_063202 つい一昨日に「名作に隠されたメッセージを探せ!」という企画をアナウンスしたばかりだが、やはりその場で作れるという便利さは必要だろうということで、飛行機で移動する時間を使ってジェネレータを作ってみた。

 「ステレオ文字グラム」ジェネレータ

 自分だけでひそかに楽しむこともできるし、作った作品を投稿することもできるので、ぜひ遊んで見て欲しい。投稿していただいた作品には個別のURL(=Permalink)がアサインんされるので、自分のブログからリンクを張るなども可能である。

 しかし、これだけシリーズ化して書いているとそろそろ名前が欲しくなってきたので、これからは「ステレオ文字グラム」と呼ぶことにした。良くあるの3D画像が隠されたものを「ステレオグラム」と呼ぶので、それをもじって(文字って?)作った名前だ。

【追記】ちなみに、このジェネレータで使っているDIVのレイアウト(width と float)がなぜかFirefox(1.04)でうまく動かないのだが、どなたかこの問題の回避の方法をご存知の方がいたら教えていただけるとありがたい。しかし、このブラウザーごとに少しづつ異なるCSSの解釈のしかたは本当に不便で困ったものだ…

【追記2】 El Dorado さんから指摘していただいた通り、Firefox での不具合は、数字から始まるclass名("3d")が原因でした。IE でも Safari でも動いたので安心して見逃してしまいました。「聞くは一時の恥、聞かぬは一生の恥」とはこのことですね。助かりました。

Comments

El Dorado

3dというクラス名が問題を起こしているのではないでしょうか。クラス名は、数字ではなくアルファベットではじめると問題が解消されると思います。クラス名をa3dと指定したところ、水色の背景となりました(Firefox1.501で確認)。

Satoshi

El Doradoさん、ありがとうございます!a3dにしたら、レイアウトも全て直りました。ユーザーエラーだったんですね。

ginger_cat

はじめまして。
このシリーズ、とても楽しみにしております!私もがんばって「名作に隠されたメッセージ」を作ろうとしていますが、なかなか難しいですね・・・・

ところで、上記のジェネレータで作った画像ですが、Opera(Ver 8.0.1)で見ると、2枚の画像の縦方向の幅がずれてしまい、うまく見ることができません・・・・私の方の設定がおかしいのでしょうか??

Satoshi

 Operaですか、テストどころかインストールもしていません。Operaもインストールしてテストしてみますね。

&

 このようなジェネレータがあれば、2ちゃんねる等にあるアスキーアートでもステレオグラムが作れるでょうね。得意な方であれば、かなり力作が出来上がるような気がします。

mrwk

アクセスがなさそうなので一応こちらにも。。
我輩は猫である 、から特定のセンテンスが含まれているか
検索する単純なスクリプトを作ってみました。詳しくは
「名作に隠されたメッセージを探せ!」のコメントをどうぞ。

ma2

Firefox 1.5.0.1で見ていますが,文字の飛び出しがバラバラになってしまいますね。IEだと強調したいところだけが飛び出します。

Verify your Comment

Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

Post a comment

Your Information

(Name is required. Email address will not be displayed with the comment.)