iOS12.2のジャイロ問題-アラートを作りました。

    iPhone でパノラマを見るとジャイロが効いていないじゃん。WebVRも動かないぞ。問題。原因は、iOS12.2+Safari の初期設定が原因というのは前の記事で紹介しました。 上記ケースでジ...
もっと詳しく

iOS12.2でジャイロが効かないぞ! 問題

    先日までちゃんと動いていたのに、iPhone でパノラマを見るとジャイロが効いていないじゃん。WebVRも動かないぞ。という問題。 どうやら、iOS12.2にアップデートしたのが原因らしい。 ...
もっと詳しく

番外 1.昼夜・ビフォーアフターなど同一視野切り替え

番外 1.昼夜・ビフォーアフターの記述 同一視野切り替え サンプル1 ドロップレットで自動生成されるvtourのサムネイルでシーンを切り替える時に、同一視野で切り替えるようにするための記述とその解説があります。 ...
もっと詳しく

exsamples 1.アニメーション・ホットスポット

1.animated-hotspots 画像ベースのアニメーションホットスポット 概要 短冊状、または縦横に並べた画像を切り替えてアニメーション表示になるホットスポットを設置します。解説書はPDF12ページ(表紙含む)、...
もっと詳しく

exsamples 0.準備

examples でxmlコードを学ぶにあたり、元のパノラマが必要になります。通常通り作成したパノラマ画像を使用してもよいのですが、ファイルサイズが大きくなりがちで、再利用するために保存するのには不向きです。previewを使ったグ...
もっと詳しく

『これからはじめるバーチャルツアー Panotour Pro 2 & krpano完全入門』発売されました!

『これからはじめるバーチャルツアー Panotour Pro 2 & krpano完全入門』 6月24日発売。↓ 本のようにページ上下端をめくって見られます。 ←なんとなく怪しい袋とじには、 ptp2&krp...
もっと詳しく

layerの研究(2)

さてさて「layer(レイヤー)」をパノラマに貼り付けて、その特徴を調べていきます。 以前も紹介したよう、レイヤーは、ブラウザ画面に対して位置を固定したボタン類です。ですから、画面下に配置されている上下左右ボタンなどもレイヤーです。 準...
もっと詳しく

layerの研究(1)

「layer(レイヤー)」は、パノラマの画面に貼り付けるボタン類のことです。かつては「plugin(プラグイン)」と呼ばれていましたので、古いコードを見るとpluginになっています。今は、どちらの表記でも使えます。ただ、現在では基本的にl...
もっと詳しく

iPhone-ipad-simulatorを使う

今回は「iPhone-ipad-simulator」。PCローカル上の画面で、iPhoneやiPadでパノラマを見たらどう見えるか、動作はどうか? を確認するためのシミュレーターがあります。v19版はまだ作られていませんので、v18版を使う...
もっと詳しく

「オプション」と「エディタ」を使う(2)

今回は「エディタ」プラグインの使い方。これを使うと、画像を貼り付けるホットスポットを簡単に配置し、座標を記したコードを取得することができます。また、多角形(ポリゴン)のホットスポットを描いてコードを得ることもできます。これらの手順を紹介して...
もっと詳しく

「オプション」と「エディタ」を使う(1)

前回はホットスポットをパノラマの中央に配置しましたが、適切な箇所に配置するには、パノラマの座標の仕組みを理解しておく必要があります。今回はその説明をした後に、「オプション」と「エディタ」の二つのプラグインの説明をします。ちょっとややこしいで...
もっと詳しく

ホットスポットをつけて、写真をポップアップさせる

今回から、ちょっと本格的な動作指定を行っていきます。テーマは下記。 1)パノラマにボタン(ホットスポット)を配置する。 2)ホットスポットをクリックしたら画像がポップアップ。 3)ポップアップ画像をクリックしたら、画像が閉じる。 準備 ...
もっと詳しく

xmlをいじる(2)ボタンをいじる

前回と同じパノラマを使って、上下左右拡縮などのボタンをいじってみます。 まずは、コードの説明から。 skinフォルダにある、defaultskin.xml を開いて、14行目あたりを見ます。これがボタンの設定になります。 ボタンの設定部分...
もっと詳しく

xmlをいじる(1)マウスタイプを変更する

いよいよxmlをいじっていきます。 初回は、マウスタイプの変更。MAKE PANOドロップレットで作成したパノラマは、初期状態のマウスモードが「moveto」と呼ばれるタイプになっています。一昔前のQTVRに準じた動かし方で、マウスカーソル...
もっと詳しく

xml編集の基礎知識

さてさて。 これからやっと、krpanoをいじくっていくわけですが、その前段階として、xmlを記述する際の基本的な文法を整理しておきます。 webサイトをいじるhtmlの書き方を知っている方でしたら、ほとんど馴染み深いものばかりですが、ち...
もっと詳しく

サイトをつぶさに見ていくよ!(6) HTML5

メニューボタンの「HTML5 」は、「Documentation」のサイドバーの中の「HTML5」と同じリンク先です。せっかくなので、細かく読んでいきます。全て、グーグル先生にお任せですが・・・。 「HTML5」 krpano H...
もっと詳しく

サイトをつぶさに見ていくよ!(5) Plugins

以前も紹介したよう「Plugins」は、パノラマに追加する機能をコンパクトにまとめたもので、パノラマの基本がわかってから、一つ一つを実際に組み込んで使ってみることでわかるところが多いので、後でしっかり説明していきます。ここで、とりあえず一番...
もっと詳しく

サイトをつぶさに見ていくよ!(4) Toolsの続き

「Tools」の中の「Droplets」以降の項目の説明です。直下の「Makepano」については、前回のリンク先として紹介しましたので、その下の「krpano Update Tool」から。これらも実は、kpano の中身を見ていこう! ...
もっと詳しく

サイトをつぶさに見ていくよ!(3) Tools/Droplets

「Tools」の中の「Droplets」です。画像をドロップしたらパノラマデータができる、あのドロップレットの作りについて説明されています。これが理解できれば、ドロップレットをカスタマイズして、オリジナルのパノラマが一発でできるドロップレッ...
もっと詳しく

サイトをつぶさに見ていくよ!(2) Documentation

「Documentation」です。ここを一通り理解できれば、krpanoの基本がぜんぶ分かったことになるんじゃないかと思います。一つ一つを理解できないまでも、どこに何が書いているのか? だけは覚えておきましょう。コードを書いたり、なにか問...
もっと詳しく

サイトをつぶさに見ていくよ!(1) Home・News・Exsamples

これまでkpapnoフォルダの中身を一つ一つ調べてきました。いよいよ本題に入りたい気持ちはやまやまなんですが、ここでもう一度krpanoのサイトの中を一通り詳しく見ていこうと思います。よくよく見ると、やっぱり、よくできているわけなんですよ。...
もっと詳しく

krpanoの中身を見ていこう!(7)

今回は、「krpano Tools.exe」です。「krpanotools32.exe」と「krpanotools64.exe」が後ろで動いているようで、同じディレクトリーにないと起動しません。前者は32ビット用、後者が64ビット用です。 ...
もっと詳しく

krpanoの中身を見ていこう!(2)

なんだか忙しくなってしまって、久々の更新。krpanoの中身を見ていこう!(2)は、「MAKE OGJECT」のドロップレットです。 「MAKE OGJECT droprtt」 「MAKE OGJECT droprtt」VRパノラマとは...
もっと詳しく

krpanoの中身を見ていこう!(1)

さてさて、とりあえず簡単にパノラマツアーを作れるところまで来ました。 ここで、krpanoフォルダの中身をじっくり探っていきましょう。一つ一つを詳しく見ていくと、それだけでkrpanoの全てがわかります。なぜなら、ユーザーが変更できる...
もっと詳しく

krpano・エディタを使って、パノラマツアーを編集する(3)

ツアー・エディタを使って編集の、さらなる続きです。 複数のパノラマ(シーン)を連結させたものを、パノラマツアーなどといい、それぞれのシーンはサムネイルで切り替えることができますが、ちょっとまどろっこしい感じがします。シーンとシーンの撮影場...
もっと詳しく