krpano
文章平均质量分 95
格斗家不爱在外太空沉思
什么BUG?那是我设计的彩蛋
展开
-
Krpano:打造全景漫游体验—全景开发(四)
飘落特效主要使用krpano提供的插件snow.js,这是官方实例,这是一个天气效果插件,可以为全景添加雪雨(像素)或者自定义的图像mode:可以设置的值有snow,rain,image,雨雪像素的颜色可以通过color属性定义,掉落的线条则通过rainwidth和rainalpha属性用来模拟下雨,image代表使用自定义图像,必须设置imageurl属性imageurl:图像的地址imagescale:图像的缩放比例,默认为1.0flakes:特效的数量,默认为4000color。原创 2024-04-17 09:56:55 · 2117 阅读 · 2 评论 -
Krpano:打造全景漫游体验—全景开发(三)
首先制作视频中的红白色的框框,用来定义初始的视角但是发现使用html制作的框,在框内拖动不了全景,所以得使用krpano来制作,新建一个xml文件,命名为perspective.xml,并在主xml文件里引入,设置一个layer元素命名为view_bar,宽度为屏幕的60%,高度为屏幕的70%,并且设置bgborder属性为layer元素添加白色的虚线边框。原创 2024-04-17 09:56:20 · 1183 阅读 · 4 评论 -
Krpano:打造全景漫游体验—全景开发(二)
定义组件实现皮肤导航隐藏/显示实现滚轮滑动效果实现鼠标拖动效果实现点击切换场景show:用于控制导航条的显示与隐藏scenes:场景列表:场景切换事件处理函数,接受一个场景对象作为参数children?/*** boolean: 导航条显示/隐藏*//*** scenes: 场景列表*//*** onSceneChange: 场景切换回调*/return (原创 2024-04-16 17:21:51 · 1035 阅读 · 2 评论 -
Krpano:打造全景漫游体验—全景开发(一)
前面的文章主要基本介绍了krpano一些元素的用法,从这篇文章开始我们就进入全景开发的,从到最后到,前端使用react框架+antd组件库+krpano,后端使用koa来实现一个类似720云全景的制作网站在中都是通过应用程序来手动切图的,但是对于一个制作网站来说肯定是网站来帮用户实现切图,用户只需要上传全景图片,前端拿到图片再传给后端,通过后端来完成切图,所以步骤是-->用户选择图片切图-->客户端拿到图片后调用接口进行上传-->服务端实现切图-->切图完成。原创 2024-04-16 17:02:27 · 1786 阅读 · 2 评论 -
Krpano:打造全景漫游体验—Layer详解
layer元素是krpano中的主要用户界面元素,熟练使用是非常必要的,当然更加详细的内容可以查看官方文档来查阅资料。原创 2024-04-16 17:01:44 · 612 阅读 · 0 评论 -
Krpano:打造全景漫游体验—基础(四)
以上就是常用的krpano动作了,下一篇就来讲讲krpano中的layer元素,作为krpano中最常用使用范围也最为广泛的元素之一,可以玩出什么花样。原创 2024-04-16 17:00:59 · 845 阅读 · 0 评论 -
Krpano:打造全景漫游体验—基础(三)
通过这些动作我们可以实现很多的交互效果和自定义的交互,但是这也其中一部分的动作,还有一部分下一篇再作讲解。原创 2024-04-16 16:59:25 · 721 阅读 · 0 评论 -
Krpano:打造全景漫游体验—基础(二)
详细讲解了< action >元素的使用之后下一篇文章就来讲解krpano中相关的动作(方法),通过一些动作来完成自己想要的交互效果。原创 2024-04-16 16:55:30 · 964 阅读 · 0 评论 -
Krpano:打造全景漫游体验—基础(一)
由于基础知识太多,篇幅太长,本文只讲解了krpano的运作机制、tour.js的讲解以及krpano各个元素的简单介绍,下一篇文章将详细讲解krpano中的动作也就是< action >元素的使用和用法。原创 2024-04-16 16:52:25 · 1151 阅读 · 0 评论