vue krpano 小行星开场效果

最新推荐文章于 2023-08-24 10:44:35 发布

原创

最新推荐文章于 2023-08-24 10:44:35 发布 · 912 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何在Vue.js项目中结合Krpano创建小行星开场效果，详细阐述了如何确保该效果在页面加载时优先执行，并在热点加载之前完成。同时还提到了如何进一步设置，使得动画在所有其他效果之前自动启动。

vue krpano 中的小行星开场效果，要求在页面最开始执行，并且需要在热点之前加载
首先是单纯的小行星效果

<!-- 小行星开场 -->
	<action name="aaa" >
		copy(lp_scene, xml.scene);
		copy(lp_hlookat, view.hlookat);
		copy(lp_vlookat, view.vlookat);
		copy(lp_fov, view.fov);
		copy(lp_fovmax, view.fovmax);
		copy(lp_limitview, view.limitview);
		set(view.fisheyefovlink , -1);
	
		lookat(calc(lp_hlookat - 180), 90, 179, 1, 0, 0);
		set(view.architecturalonlymiddle );
		set(events[lp_events].onloadcomplete,
		delayedcall(1,
		if(lp_scene === xml.scene,
		set(control.usercontrol, off);
		copy(view.limitview, lp_limitview);
		set(view.vlookatmin, null);
		set(view.vlookatmax, null);
		tween(view.hlookat|view.vlookat|view.fov|view.distortion|view.fisheyefovlink, calc('' + lp_hlookat + '|' + lp_vlookat + '|' + lp_fov + '|' + 0.0 + '|' + 0),
		3.0, easeOutQuad,
		set(control.usercontrol, all);
		tween(view.fovmax, get(lp_fovmax));
		);
		);
		);
		);
	</action>```

然后是在热点之前执行的小行星