1 Star 0 Fork 136

Oo肥鱼 / TPano

forked from 入栈 / TPano 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 2.09 KB
一键复制 编辑 原始数据 按行查看 历史
入栈 提交于 2021-04-25 11:56 . 更新说明文档

TPano 全景照片框架

项目介绍

用途

  1. 查看全景照片,实现全景漫游
  2. 编辑全景照片热点(暂未实现,计划更新中)

特征

  • 纯前端代码构建,可配合任意语言后端项目
  • 最简单的集成方式

代码案例

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TPano 全景照片查看器</title>
    <style>
        * {
            margin: 0;
        }

        #pano {
            width: 100vw;
            height: 100vh;
        }
    </style>
</head>

<body id="pano"></body>
<!--引入three.js-->
<script src="./three.js"></script>
<script src="../dist/tpano.js"></script>
<script>
var tpano = new TPano({
    el:'pano',//照片查看器根节点dom的id
    photo:[
        //全景照片数组,每项为一张照片
        {
            url:'1.jpg',
            name:'室内'
        },
        {
            url:'2.jfif',
            name:'建筑'
        }
    ]
})
</script>
</html>

开发语言

  • JavaScript
  • html
  • 底层基于Three.js

开发进度

持续更新优化中

v1.0.3

修复1.0.2版本中发现的影响手机端体感控制的重大缺陷

https://gitee.com/push_0x57df/TPano/releases/1.03

v1.0.2(废弃,发现重大缺陷)

增加快速加载组件 增强稳定性 废弃,发现重大缺陷导致手机端体感控制异常

https://gitee.com/push_0x57df/TPano/releases/1.02

v1.0.1

支持插入热点图标 修复了案例中笔记本屏幕分辨率下的显示问题

https://gitee.com/push_0x57df/TPano/releases/1.01

v1.0.0

第一个版本✨ 上线🎉🎉🎉

https://gitee.com/push_0x57df/TPano/releases/1.00

项目继续优化中,有建议请留言

开发文档

请看项目目录:/docs/doc.md

建议使用typora打开文档,或者在Git托管的Web页面上直接浏览,markdown语法编写而成

您可以直接点击这里:https://gitee.com/push_0x57df/TPano/blob/develop/docs/doc.md

Demo

https://push_0x57df.gitee.io/tpano/example

JavaScript
1
https://gitee.com/tianyuantech/TPano.git
git@gitee.com:tianyuantech/TPano.git
tianyuantech
TPano
TPano
develop

搜索帮助