手机上的CSS3D渲染器上的Sprites没有在ThreeJS中寻找相机吗?

时间:2017-02-16 20:49:00

标签: canvas three.js mobile-devices

我想用一个控件同步两个场景。

一个场景是WebGL渲染器,第二个是CSS3D渲染器。

在桌面设备中 - 一切都很好,但在移动设备上(例如Safari)画布不能正常工作:

  1. Canvas仅在touchmove之后出现
  2. Sprites不期待相机
  3. Sprit不通过Orbit控件旋转WebGL场景 enter image description here
  4. 使用此代码创建的精灵:

    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);
    

    DEMO:http://cavsys.ru/o-tehnologii/fizicheskij-uroven/

0 个答案:

没有答案