Nút điều khiển Autotour trong Krpano

1. Khai báo biến + nút điều khiển

<krpano version="1.22.4" title="Auto Tour with Pause Button" onstart="startup();">

<!– Biến điều khiển autoplay –>
<var name=“autotour_enabled” value=“true” />

<!– Hành động khởi động –>
<action name=“startup”>
loadscene(scene1);
</action>

<!– Nút Tạm dừng / Tiếp tục –>
<layer name=“autotour_btn” url=“pause.png” keep=“true”
align=“righttop” x=“20” y=“20” scale=“0.5”
onclick=“toggle_autotour();” />

<!– Hành động chuyển trạng thái –>
<action name=“toggle_autotour”>
if(autotour_enabled,
set(autotour_enabled, false);
set(layer[autotour_btn].url, ‘play.png’);
,
set(autotour_enabled, true);
set(layer[autotour_btn].url, ‘pause.png’);
call(continue_autotour);
);
</action>

<!– Gọi lại autotour nếu được bật lại –>
<action name=“continue_autotour”>
if(autotour_enabled,
delayedcall(5, loadscene(scene2, null, MERGE, BLEND(1)); );
);
</action>

2. Cấu hình scene có autotour kiểm tra biến autotour_enabled

<!– Scene 1 –>
<scene name=”scene1″ title=”Cảnh 1″ onstart=”if(autotour_enabled, delayedcall(5, loadscene(scene2)); );”>
<view hlookat=”0″ vlookat=”0″ fov=”90″ />
<image>
<cube url=”panos/scene1_%s.jpg” />
</image>
</scene>

<!– Scene 2 –>
<scene name=”scene2″ title=”Cảnh 2″ onstart=”if(autotour_enabled, delayedcall(7, loadscene(scene3)); );”>
<view hlookat=”0″ vlookat=”0″ fov=”90″ />
<image>
<cube url=”panos/scene2_%s.jpg” />
</image>
</scene>

<!– Scene 3 – dừng ở đây –>
<scene name=”scene3″ title=”Cảnh 3″>
<view hlookat=”0″ vlookat=”0″ fov=”90″ />
<image>
<cube url=”panos/scene3_%s.jpg” />
</image>
</scene>

</krpano>

📝 Ghi chú:

Nút điều khiển Autotour trong Krpano

Xem thêm: 

  1. Mua bản quyền krpano – Buy Licenses
  2. Krpano Plugins
  3. Khóa học VR360

VR360 – Virtual tour

Điện thoại
 or
Zalo
Facebook Twitter Youtube Wordpress

Dự án

Dịch vụ

  • Ghép ảnh 360 bằng Ptgui
  • Khóa dạy học vr360
  • Chụp ảnh 360º sản phẩm
  • Thiết kế web 360º

Liên hệ