2016-12-11 12 views
0

私はthree.jsウェブサイトを持っています。 ObjectLoaderでjsonをロードします。勝つ - すべてのブラウザ、デスクトップ、アンドロイド携帯電話 - すべてのブラウザ:IOSブラウザのThree.js setPixelRatioクラッシュ

すべては、各プラットフォームで結構です。 IOS(Ipad Air)のみがすべてのブラウザ(Chrome、Safari、Mercury)に問題があり、ほとんどの場合、ブラウザがクラッシュします。低メモリ - Jetsam:

ログは問題がある告げます。 問題はsetPixelRatio関数であると思われます。 setPixelRatioを使用しないと、3Dソリッドは少しぼやけて、はっきりしない。

アイデア?

function load3D() 
{ 
    var callbackProgress = function(progress) { 

    }; 

    var callbackError = function() { 
     console.log('error'); 
    }; 

    var asseturl='test.json'; 

    var loader = new THREE.ObjectLoader(); 
    loader.load(asseturl, function (object) { 

     scene.add(object); 
     stageResize(); 

    }, callbackProgress, callbackError); 

} 

function stageResize() 
{ 
    renderer.setPixelRatio(window.devicePixelRatio); //this row gives browser crash 
    renderer.setSize(container.clientWidth, container.clientHeight); 
    camera.aspect = container.clientWidth/container.clientHeight; 
    camera.updateProjectionMatrix(); 
} 

答えて

0

だから、数ヶ月のために苦労した後、私は解決策を見つけた:

は、ここに私のコードです。

あなたがそのポストにそれを見つけたWebGLRenderer

にfalseにantiliasを設定しているsetPixelRatio使用する場合: https://rubenborgonjen.com/knowledge_three_js_update.html

関連する問題