- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用此代码 Panorama我想在这张全景图的地板上添加图像。有人可以指导我如何做到这一点吗?图像非常小(256x256)
最佳答案
为了在地板上添加图像,您应该创建一个 PlaneGeometry、一个 MeshBasicMaterial,然后将它们应用到 Mesh,然后更改位置和旋转轴。
示例:
var geometry = new THREE.PlaneGeometry( 1, 1 );
var material = new THREE.MeshBasicMaterial( { map : texture, opacity : 1, side : THREE.DoubleSide, transparent : true } );
var sprite = new THREE.Mesh( geometry, material );
其中纹理是您要插入的图像,通过纹理加载器添加。
然后你必须通过position.set函数设置 Sprite 的位置。
将 Sprite 设置为北:
sprite.position.set(0,-360,0);
将 Sprite 设置为南边:
sprite.position.set(0,360,0);
最后一步是将 Sprite 旋转 90 度以便可见,否则它将呈现如下 |并不是 [] 。所以我们必须做一个rotateOnAxis:
sprite.rotateOnAxis( new THREE.Vector3( 1, 0, 0 ), THREE.Math.degToRad(90) );
如果图像太小,您可以使用:
sprite.scale.set( scaleValue, scaleValue, scaleValue );
其中scaleValue是大于0的值。
关于javascript - Three.js:在全景图的地板上添加图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30802209/
我正在尝试在 AngularJS 应用程序中复制 Windows Phone Ui。这是一个 example Windows Phone 用户界面的外观。 无限滑动 关于它的一件有趣的事情是面板可以无
我正在编写一个 iOS 应用程序,它将离线加载 UIWebView 中的 KRPano 全景图。这意味着我已将 KRPano 文件结构(index.html + 数据目录)复制到我的 iOS 项目中,
我的目标是使用 Google Street View API 向用户显示完整的 promise 全景可滚动街景图像。基本上,API 为我提供了许多图像,我可以在其中改变方向、高度、缩放、位置等。我可以
请问有没有人知道在请求最近的街景全景时如何排除内景?我注意到越来越多的室内、“商业” View 被返回到发达地区的位置。我搜索了 google.maps.StreetViewPanorama 的 Ja
我正尝试代表我应用的用户发布 360° 照片,但我不知道如何让它发挥作用。 我加载了 Facebook Javascript Graph API,使用“publish_actions”范围记录用户,并
我是一名优秀的程序员,十分优秀!