zoukankan      html  css  js  c++  java
  • 教你20分钟建一个720°全景图网站

    0.什么是720°全景图

    1.本文内容

    本文告诉你什么是krpano,不涉及编程知识。
    最后,你使用一台手机,一架三脚架,一台电脑,就可以部署自己的全景图网站。

    2.制作2:1全景图

    在手机上下载“谷歌相机app”,选择其中"photo sphere"模式,架上三脚架,根据指引旋转相机,拍摄各个角度的照片,拍摄完成后会自动生成一张2:1的全景图照片。照片质量可以在拍摄设置中调整。

    谷歌相机app

    拍摄装备

    拍摄过程

    2:1 全景图成品

    这张2:1的照片,就是下一步需要的材料。

    3.全景图三维化处理

    接下来使用全景图引擎krpano,本文使用krpano-1.19-pr16。

    krpano

    在krpano安装的目录下,有MAKE PANOMAKE VTOUR两种名字的exe可执行程序,其中MAKE PANO适用于单张全景图,而MAKE VTOUR适用于一套漫游场景。将上一步的2:1图片拖动到MAKE VTOUR的可执行程序上面,执行完成后,生成一个vtour文件夹。vtour里面就是你需要的网页文件。

    GIF3.gif

    将vtour文件夹里面的tour.xml导入krpano.exe,编辑交互脚本。

    GIF.gif

    对于HelloWorld来说这一步并不需要,除非你想添加特效和交互功能。

    4.网站部署

    你可以放入Tomcat作为静态网站发布,或者结合其他网页创造更多功能。
    或者直接执行tour_testingserver.exe启动内嵌的服务器来测试效果。

    video2gif_20200213_223725.gif

    建好了。一个有意思的HelloWorld,在以后的实践中又多了一些玩法。

    本文转自 https://www.jianshu.com/p/44223249ca4f,如有侵权,请联系删除。

  • 相关阅读:
    原型模式
    windows下Redis安装及利用java操作Redis
    redis笔记
    STS 安装SVN插件
    java 操作MongoDB简易工具类
    Mysql 单表数据量过大移除数据
    Mysql 提示拷贝效率
    JS 图片显示一部分 小计
    FashJson转换
    WIndow MongoDb安装和启动
  • 原文地址:https://www.cnblogs.com/hustshu/p/15627518.html
Copyright © 2011-2022 走看看