2016年10月10日月曜日

「たべものステレオ写真館」スマホでもどうにか立体視できるように

僕がやってるもうひとつのブログ「たべものステレオ写真館」ですが、しばらく更新してなかったのを久しぶりに更新しました。
今年の5月から普通にスマホを使いだして、スマホブラウザで「たべものステレオ写真館」を見ると、
bloggerブログはデフォルトでスマホ用ページに飛ばされて、
あれれ、画像が小さくしか表示されないし、リンクをクリックしてもcrosseye 3D・wiggle 3Dが表示されませんね。スマホブラウザでJavaスクリプトは流行らんのか。そうかもしれん。

それと、このブログ9月22日の記述にあるように、スマホ用VR3Dビューワで見るのに適切な立体写真とは?みたいな事も考えたので
・PCブラウザで見て、平行法立体視できるサイズの画像が表示されてて、
なおかつ
・スマホブラウザで見ても、簡易VR3Dビューワを使用して立体に見える適切なサイズが表示される
ってどれくらいのサイズがどう表示されるのがいいかな〜

僕が持ってるスマホ(4.5インチ画面で解像度854×480 OSはAndroid ブラウザはChrome)でのみ考慮して…他は気にしてもきりがない…
横幅800ピクセルの画像をbloggerにアップロードして、そのサイズのまま表示させる。というのはPCブラウザでの設定で、スマホブラウザで見るとそのままだかなんだか微妙。でもだいたいスマホ画面より少し小さいくらいだからまあよしと。
横幅800より大きいと、PCブラウザで見て平行法で見るのは厳しい人もいるかな、と。僕の環境では平気だけど、800でも厳しい人いるような。

交差法とwiggle 3Dについては、リンクをクリックでFlickrの画像に直リンクするようにしました。
するとスマホブラウザではアドレスバーを除いて画面いっぱいに表示されるので。
じゃあ最初の平行法もFlickeの画像に直リンクでいいじゃん?
リンクをクリックする回数をひとつでも減らしたいから、それもちょっとねえ。

とりあえずこのようになってます。
ガトーモンブラン
http://3d-foods.blogspot.jp/2016/10/gateau-montblanc.html
チョコケーキ
http://3d-foods.blogspot.jp/2016/10/choco-cake.html

このブログ9月22日の記述で書いたように、黒ワクにしてしまったので、デザイン的にいまいちかな〜。背景を黒にすりゃいいのかな。でもなんか雰囲気変わるよな〜。とかなんとか