conardli / tpanorama Goto Github PK

PS F:\workspace\sublime\360\tpanorama> npm install
npm WARN deprecated [email protected]: 🙌 Thanks for using Babel: we recommend using babel-preset-env now: please read https://babeljs.io/env to update!
npm ERR! Maximum call stack size exceeded

移动端似乎不能移动

错误信息为THREE.WebGLState: DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded，还有警告 image is not power of two (300x150)，这是怎么回事？
图片路径也引对了

现在看到的示例图片都是特别处理过的，所以我自己的图片怎么处理成这样呢。

就是标记点的图片，是 gif 格式，需要显示动态效果，要怎么处理才可以呀？

怎么全屏呀，这个图片切换链接可以放到图里么？

这是一个疑惑。

1. calPosition 和 geoPosition2World 逻辑重复了
2. worldPostion2Screen 空间坐标转为屏幕坐标是不是可以理解为一种 scale 的关系？

var result = {
    x: Math.round((vector.x + 1) * window.innerWidth / 2 - window.innerWidth / 2),
    y: Math.round(window.innerHeight / 2 - (-vector.y + 1) * window.innerHeight / 2),
    z: 0
  };
// 代码中计算公式有点奇怪，简化后如下...
var result = {
    x: Math.round(vector.x * window.innerWidth / 2),
    y: Math.round(vector.y  * window.innerHeight / 2),
    z: 0
  };

支持npm吗？

为icon时单击事件正常

经典bug：拖出容器后抬起鼠标，返回容器后事件依然触发。
onDocumentMouse~ 系列的事件应该为document 注册。

function onDocumentMouseDown(event) {
  // ...
  document.addEventListener('mousemove', onDocumentMouseMove, false);
  document.addEventListener('mouseup', onDocumentMouseUp, false);
}

function onDocumentMouseUp() {
  // ...
  document.removeEventListener('mousemove', onDocumentMouseMove);
  document.removeEventListener('mouseup', onDocumentMouseUp);
}

在图片的正上放和下方，中心点位置图片被拉扯

你好！
做到走动效果，是不是应该使用长方形的结构，不能用球形，然后通过设置相机位置达到效果？

文章写的挺好的 建议增加网站 并且支持手机端

1、这个方法报错；
2、标记看起来不清晰，不知道是不是我这儿的原因，另外样式可以修改吗？

npm包内没有定义那个extend方法，导致标记设置页面会报错

添加的标记位置不正确，偏差很大

希望作者有时间能讲一讲全景图资源管理。。现在的全景应用，往往都是由缩略图和高清图构成。。。为了良好的用户体验，先加载缩略图，之后慢慢加载高清图，并且高清图还是被分割成n*n份。一个线上demo：http://www.4dmodel.com/SuperTwo/index.html?m=159&version=one