vue krpano 小行星开场效果

最新推荐文章于 2024-07-08 08:57:01 发布

elizebeth6

最新推荐文章于 2024-07-08 08:57:01 发布

阅读量794

点赞数

分类专栏： vue kroano 全景

本文链接：https://blog.csdn.net/elizebeth6/article/details/115717875

版权

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

摘要由CSDN通过智能技术生成

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(v