0

three.dart フレームワークを使用して簡単なプロジェクトを開発しました。起動して、Web ページが正常に表示されます。しかし、3 ～ 5 秒後に不明なエラーでクラッシュします。Dart エディターとブラウザーに、クラッシュした理由が表示されない

コードは次のとおりです。

import 'dart:html';
import 'dart:math' as Math;
import 'package:three/three.dart'; 

class MyClass {
  Element container;
  PerspectiveCamera camera;
  Scene scene;
  CanvasRenderer renderer;
  Mesh plane;
  num targetRotation;
  num targetRotationOnMouseDown;
  num windowHalfX;
  num windowHalfY;
  var evtSubscriptions = []; 

  void run() {
    init();
    animate(0);
  } 

  void init() {
    targetRotation = 0;
    targetRotationOnMouseDown = 0;
    windowHalfX = window.innerWidth / 2;
    windowHalfY = window.innerHeight / 2; 
    container = new Element.tag('div');
    document.body.nodes.add( container );
    Element info = new Element.tag('div');
    info.style.position = 'absolute';
    info.style.top = '10px';
    info.style.width = '100%';
    info.style.textAlign = 'center';
    info.innerHtml = 'Drag to spin the cube';
    container.nodes.add( info );

    scene = new Scene();
    camera = new PerspectiveCamera( 70.0, window.innerWidth / window.innerHeight, 1.0, 1000.0 );
    camera.position.y = 150.0;
    camera.position.z = 500.0;
    scene.add( camera ); 

    // Plane
    plane = new Mesh( new PlaneGeometry( 200.0, 200.0 ), null);
    scene.add( plane );

    renderer = new CanvasRenderer();
    renderer.setSize( window.innerWidth, window.innerHeight );
    container.nodes.add( renderer.domElement );
} 

void render() {
    renderer.render( scene, camera );
  } 

animate(num time) {
    window.requestAnimationFrame(animate);
    render();
  }
} 

void main() {
  new Canvas_Geometry_Cube().run();
}

クラッシュを修正するには？

4

2 に答える 2

1

私は問題を発見しました。Web GL で適切に動作します (キャンバスではありません)。

于 2013-10-07T19:27:48.567 に答える
0

Sergio three.dart を更新するには、いくつかの作業が必要になる可能性があります。最新バージョンが pub に公開されてからしばらく経ちます。ごめん。https://github.com/threeDart/three.dartサイトで最新のブランチまたはコード レビューをチェックアウトしてください。

于 2013-10-04T16:17:03.563 に答える