我想用一个控件同步两个场景。
一个场景是WebGL渲染器,第二个是CSS3D渲染器。
在桌面设备中 - 一切都很好,但在移动设备上(例如Safari)画布不能正常工作:
使用此代码创建的精灵:
element = document.createElement('div');
element.innerHTML = `<div class="markern">
<span class="one"></span><span class="two"></span><span class="three"></span>
<a href="javascript:;" class="click"></a>
<div class="marker-text">
<h3 class="marker-title bebas">text</h3>
<p class="marker-excerpt">text</p>
</div>
</div>`;
element.className = 'marker';
divtext = new THREE.CSS3DSprite(element);
divtext.position.set(3200, 7200, 4000);
divtext.element.onclick = function() { page.popup(2); };
scene2.add(divtext);