krpano代码运行器

krpano代码运行器 点击提交代码按钮可查看效果

<krpano logkey="true" onstart="loadscene(scene_1, null, MERGE);">

<style name="htsp" type="text" width="60" height="60" bgroundedge="30" vcenter="true" css="data:css_text"/>

<data name="css_text">
font-family:helvetica;color:#000000;font-size:12px;text-align:center;
</data>

<scene name="scene_1" title="a1" onstart="">
<preview type="grid(cube,16,16,512,0xCCCCCC,0x666666,0x999999);" details="16"/>
<view hlookat="0"/>
<hotspot name="spot1" style="htsp" ath="0" atv="0" bgcolor="0x00ffff" html="前往 SCENE 2" onclick="Move(scene_2,90,0,120);"/>
</scene>

<scene name="scene_2" title="a2" onstart="">
<preview type="grid(cube,16,16,512,0xCCCCCC,0xff0000,0x999999);" details="16"/>
<view hlookat="0"/>
<hotspot name="spot1" style="htsp" ath="180" atv="0" bgcolor="0x00ffff" html="前往 SCENE 1" onclick="Move(scene_1,0,0,90,hello);"/>
<hotspot name="spot2" style="htsp" ath="90" atv="0" bgcolor="0xffff00" html="前往 SCENE 3" onclick="Move(scene_3,270,0,90);"/>
</scene>

<scene name="scene_3" title="a2" onstart="">
<preview type="grid(cube,16,16,512,0xCCCCCC,0x336699,0x999999);" details="16"/>
<view hlookat="0"/>
<hotspot name="spot1" style="htsp" ath="270" atv="0" bgcolor="0xffffff" html="前往 SCENE 2" onclick="Move(scene_2,180,0,90);"/>
</scene>

<events name="ns" keep="true" onnewscene="set(layer[show_scene_name].html, calc:'场景名为:[br]' +scene[get(xml.scene)].name));"/>

<layer name="show_scene_name" keep="true" type="text" align="bottom" y="20" bgroundedge="30" padding="4 20" vcenter="true" css="data:css_text"/>

<action name="Move">
loadscene(%1, null,MERGE,ZOOMBLEND(0.5)); lookat(%2,%3,%4);

if(%5 == 'hello', delayedcall(1, dolittleplanet()));

</action>
<action name="dolittleplanet">
tween(view.architectural, 0.0, distance(1.0, 4.25), easeoutquad); tween(view.fisheye, 0.0 ,distance(1.0, 4.10), easeoutquad,set(view.stereographic,true); set(display.details, 16); set(view.fovmax, 160); set(view.limitview,off); tween(view.fisheye, 1.0, distance(1.0, 4.65)); tween(view.fov, 150, distance(150, 4.65), easeoutquad); tween(view.vlookat, 90, distance(179, 4.65), easeoutquad); tween(view.hlookat, 370, 4.7, easeInOutQuad ););
</action>
</krpano>

点击按钮查看修改效果。