Responsive Img を試す このライブラリは、要素に対して幅を取得して画像ソース(ファイル名)を変更してくれます。 また、PHPによる画像生成機能もあるようですが、私はJavaScriptのみを使用します。 Responsive Imgの設置方法 画像の幅が640px以下になる場合は、画像名に『_mini』が付くように設定。 <script src="js/jquery-1.8.2.min.js"></script> <script src="js/responsiveImg.js"></script> <script> $(function() { $(".mini").responsiveImg({breakpoints:{"_mini":640}}); }); </script> 画像の準備 画像タグの指定方法 上で設置したclass名を画像タグに記述します。 <img c

junaioARマーカー画像の設定方法です。 マーカー画像と表示する画像・動画を変更できれば、名刺・チラシ・DMにオリジナルのARマーカーを追加することができます。 はじめに、junaioARマーカーのサンプルをダウンロード junaioには、簡単にはじめられる『Quickstarts』が用意されています。このQuickstarts、5.Multiple References with Images and Videos (Movie Textures)が、ちょうど複数のマーカーを使ったサンプルとなっています。 サンプルソースの構成[GLUE_5_MultipleReferencesWithImagesAndVideos] GLUE_5では、複数のARマーカー画像を登録して、コンテンツを表示するサンプルです。 index.php （出力するコンテンツ主なAR宣言処理） .htacce

junaioは、モバイル向けのARブラウザです。簡単な登録をするだけで、無料でARコンテンツを配信することができます。コンテンツはチャンネルとして登録して、PHP・HTML5・JavaScriptでコントロールできます。（一部の制作ツールは有料のようです。） junaioのdeveloper登録をしよう junaioのデベロッパーサイトにアクセスをして、Free Developer Signupより登録を行います。必須項目のみを入力し、Sign UPを押します。すると、先ほど登録したメールアドレスにデベロッパー登録承認のメールが届きます。デベロッパーサイトにログインします。 ※．ドイツの会社なので、一応英語で入力 QuickStartよりサンプルとライブラリをダウンロード 古いjunaioは、Zend Frameworkが必要だったようですが・・・。現在の物はPHPと.htaccessだけ

コンテンツの作り方をまとめる前に、アルファチャネル動画も試してみました。これは、クロマキー合成のような背景部分を透明した動画です。 内容的には、前回、ARマーカーの上に画像を表示させた方法と同じですが、背景を消した動画を、どうしても試してみたくなり。動画・アニメーション用のデータを作りテストして見ました。 前回は、ARマーカーの上に画像表示。 第１回：ARモバイルブラウザ『junaio』を試す!? 『junaio』コンテンツ背景透過動画を見る junaioをインストールしていない人は、インストールからはじめてください。junaioアプリの使い方は、こちらへ。 ARモバイルブラウザ『junaio』のインストール iPhoneアプリ：junaio Augmented Reality Browser スマートフォン：junaio Augmented Reality Browser junaioの

『AR』とは『Augmented Reality』。日本語だと「拡張現実・強化現実」と呼ばれる技術です。カメラ越しに見た世界に、CGや写真・動画を合成することができます。雑誌・広告や観光案内などでも利用されています。で、無料で気軽にARコンテンツが配信できる『junaio』を玉して見ました。 ARアプリ「junaio」の存在 勉強不足で知りませんでした。が、『ARモバイルブラウザ』と言うジャンルがあります。このジャンルのアプリは、ブラウザからでは出来ないカメラへのアクセスを実行してくれます。 幾つかアプリがありますが、今回は、ドイツの会社「junaio」を試してみました。「junaio」は『チャンネル』を作成することにより、ARコンテンツを無料で配信できます。（一部開発ツールが有料） iPhoneアプリ：junaio Augmented Reality Browser スマートフォン：j

Facebookの「いいね！」やGoogleの「＋1(プラスワン)」、他にも画像系ソーシャルネットワークだと、instagram・pinterest（Like）など多くのソーシャルサイトが画像・記事を評価するボタンを用意しています。 これらを利用には外部サイトとの連携が必要であり。ユーザは、ホームページを評価するの為に、なんらかのサービスの利用者でなくてはなりません。 情報伝達、記事・画像の拡散としては大変素晴らしいのですが、全てのユーザが評価ボタンを利用する事ができません。 で、サイトオリジナルの評価ボタン（Like・いいね！）を設置します。 Drupal7：Vote Up/DownモジュールでオリジナルLikeボタンの設置 Drupal7で記事・画像を評価するモジュールは、色々あります。 モジュールによっては、評価の「＋1」「-1」だけなく、5段階で評価できるモジュールもありま