我试图把这张图片-- --作为我three.js场景中的全景背景。
我有以下代码:
var sphere = new THREE.SphereGeometry(200, 200, 32);
sphere.applyMatrix(new THREE.Matrix4().makeScale(-1, 1, 1));
var sphereMaterial = new THREE.MeshBasicMaterial();
sphereMaterial.map = THREE.ImageUtils.loadTexture(<path to above image>);
var spher
我正在用角质js和cordova做一个移动项目。我想增加一个功能,我想要显示视频,它应该旋转,当我旋转设备的景观或肖像,但我有一个限制,在应用程序开放的一开始,我使用的lockOrientation(肖像),所以我不想旋转任何页面到景观,我只想旋转视频,而不是屏幕。我试着用
window.addEventListener("orientationchange", function() {
alert("the orientation of the device is now " + screen.orientation.angle);
我是three.js新手,很难找到关于如何改变旋转方向的文档。现在的旋转是设置好的,所以球体看起来像在屏幕上向观众旋转,但我想让它顺时针方向旋转,所以如果观众看到它,它看起来是从侧面旋转的。
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(50, 500 / 400, 1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(500, 400);
document.body.appendChild(renderer.