バーチャルツアービューアーを探しています。famo.usを使用して作成されました。誰かがそのシステムを使用して360度のパノラマの3D変換を検討している場合、私は興味がありますか?私は周りを見回しましたが、特にそれに関連するものは見つかりませんでした。
私は3D空間で囲まれた立方体を見つけましたかなり良いステップです。キューブのサイズを1500に変更すると、キューブの中心にいます。顔が「立体化された」パノラマで、いくつかのコントロールが追加されていれば、うまくいくと思います。
http://codepen.io/webossfo/pen/EAIam
回答:
回答№1は2私はちょうど使用してかなりクールなパノラマの例を作りましたスクロールビュー。 Famo.usのスクロールビューは、スクロール位置が変更されても速度を維持するため、無限スクロールの錯覚を作成できます。同じ360枚のパノラマ画像のうち、幅4000ピクセルの画像を2枚ずつ追加します。スクロール位置4001に到達すると、スクロールビューを位置1にジャンプします。同様に、スクロール位置0に到達すると、スクロール位置を4000にジャンプします。
以下に例を示します。
var Engine = require("famous/core/Engine");
var Surface = require("famous/core/Surface");
var Scrollview = require("famous/views/Scrollview");
var SequentialLayout = require("famous/views/SequentialLayout");
var context = Engine.createContext();
var scrollview = new Scrollview( {
direction:0,
friction:0.001,
drag:0.001
});
var cells = [];
scrollview.sequenceFrom(cells);
var sequence = new SequentialLayout( { direction:0 } );
var surfaces = [];
sequence.sequenceFrom(surfaces);
var imageWidth = 4000;
for (var i = 0; i < 2; i++) {
var surface = new Surface({
size:[imageWidth,undefined],
content:"<img style="width:100%" src="/images/http://www.olivewhite.com/photographies/album_040_panoramas/Le_Pano_de_la_Roche_Parstire_gamma.jpg" />"
});
surface.pipe(scrollview);
surfaces.push(surface);
};
cells.push(sequence);
scroller_prerender = function(){
var pos = scrollview.getPosition();
if (pos > imageWidth) {
scrollview.setPosition(1);
} else if (pos < 1) {
scrollview.setPosition(imageWidth);
}
}
Engine.on("prerender",scroller_prerender);
context.add(scrollview);
ここにホストされている例があります。
http://higherorderhuman.com/examples/infinite.html
私が知っていること」は、あなたが前に近づいていたイデオロギーとは少し異なりますが、現在利用可能なツール(および3Dヘルパーの欠如)を使用すると、ソリューションを一緒にハックできる可能性があります。
お役に立てれば!
回答№2の場合は0
あなた」は正しい線に沿って考えています。あなたが直面しているのは、画像/写真をつなぎ合わせるようなものです。
しかし、アーティストと開発者の両方からの構築方法に関する多くのドキュメントがあります 「スカイボックス」 ビデオゲームの屋外環境については、Game Developersスタック交換サイトで何かを見つけられるでしょう。