2013-10-03 4 views
0

Я разработал простой проект с использованием рамки three.dart. Он запускает и показывает веб-страницу в порядке. Но через 3-5 секунд он падает с неизвестной ошибкой. редактор Dart и браузер не показывают причину, почему он разбилсяCrash in Three.dart Проект «Hello World»

Вот код:

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

Как исправить сбой?

+1

Пожалуйста, напишите ошибку с кодом на https://github.com/threeDart/three.dart/issues –

ответ

1

Я выяснил, что проблема. Он работает с Web GL правильно (НЕ холст).

0

Sergio three.dart может потребоваться некоторая работа, которая будет обновлена, ее время было меньше, поскольку последняя версия была опубликована в пабе. Сожалею. Пожалуйста, не стесняйтесь проверить последний ответ или обзор кода на сайте https://github.com/threeDart/three.dart.

+0

Я использую «самую последнюю» ветвь. – Sergio