だから私はwebvr-boilder-plateを使ってプロジェクトに取り組んでいます
テキストが電話の VR モードでレンダリングされず、Web ブラウザー (Firefox) でレンダリングされるのは奇妙です。テスト用にキューブも追加しました。キューブは iPhone と Web ブラウザー (Firefox) の両方でレンダリングされます。
キューブとテキストの両方のコードを次に示します。
// Create 3D objects.
var geometry = new THREE.BoxGeometry(0.5, 0.5, 0.5);
var material = new THREE.MeshNormalMaterial();
var cube = new THREE.Mesh(geometry, material);
// Position cube mesh
cube.position.z = -1;
scene.add(cube);
function displayCurrentStory(name) {
scene.remove(currentStoryTextMesh);
console.log("currentStoryText:",name);
currentStoryText = new THREE.TextGeometry(name, {
size: .25,
height: .05,
curveSegments: 12,
font: "helvetiker"
});
currentStoryTextMesh = new THREE.Mesh(currentStoryText,
new THREE.MeshBasicMaterial({color: 0xFF00FF}
));
currentStoryTextMesh.position.y = 0.2;
currentStoryTextMesh.position.z = -1;
currentStoryTextMesh.rotation.x = 0.0;
//currentStoryTextMesh.rotation.y = -180;
scene.add(currentStoryTextMesh);}
洞察はありますか?