パノラマSWFの表示

パノラマ作成ソフトPano2VR2.1.1試用版で作ったswf(panorama_out.swf)をOpenLaszloの<window>の中に表示しています。

• 画像をドラッグしたら上下左右に動きます。ホイールを使うと拡大縮小ができます。
• Pano2VRは試用版なので、画像に「Pano2VR - Trial」の文字が入っています。

※コントローラ(controller.swf)も画面上に出るはずなのですが、このWIKIに貼り付けると何故か出ない(追求する気もなし^^)ので、コントローラ付き版は下のSWF直リンクをどうぞ。
※Pano2VRの使い方は簡単ですが、パノラマ写真を作るのは専門家でないと難しいですね。サンプルのパノラマ写真は下記サイトからいただきました。

Photo by Free Photo Material

▼コントローラ付き
http://www.openlaszlo-ason.com/media/panorama.lzx.lzr_swf8.swf

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee">
  <window width="400" height="200">
    <view>
      <handler name="oninit">
         var vr =this.getMCRef();
         vr._lockroot=true;
         vr._x=0;
         vr._y=0;
         var myLoader = new MovieClipLoader();
         var myListener = new Object();
         myListener.onLoadStart = function () {
           vr.window_width=400;
           vr.window_height=300;
           vr.window_x=0;
           vr.window_y=0;
         };
         myListener.onLoadInit = function () {
           vr.pano.setWindowSize(400,300);
         };
         myLoader.addListener(myListener);
         myLoader.loadClip("/media/panorama_out.swf", vr);
      </handler>
    </view>
  </window>
</canvas>

下記サンプルはswf10コンパイルです。swf9でもコンパイルできます。

(OpenLaszlo4.3.0/swf10)

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee">
    <view>
      <switch>
        <when runtime="swf9">
          <passthrough>
            import flash.display.*;
            import flash.net.URLRequest;
            import flash.events.Event;
          </passthrough>
        </when>
        <when runtime="swf10">
          <passthrough>
            import flash.display.*;
            import flash.net.URLRequest;
            import flash.events.Event;
          </passthrough>
        </when>
      </switch>
      <handler name="oninit"><![CDATA[
        var loader;
        loader = new Loader();
        var url = "/media/panorama_out_2.swf";
        var urlReq = new URLRequest(url);
        var vr = this.getMCRef();
        function finished_loading(e){
        }
        function initHandler(event){
          vr = MovieClip(loader.content);
          vr.pano.setWindowSize(400,300);
          vr.pano.setWindowPos(0,0);
        }
        loader.contentLoaderInfo.addEventListener(flash.events.Event.COMPLETE, finished_loading);
        loader.contentLoaderInfo.addEventListener(Event.INIT, initHandler);
        loader.load(urlReq);
        vr.addChild(loader);
      ]]></handler>
    </view>
</canvas>