examples/parallel.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>NGL - parallel</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
</head>
<body>
    <script>
        var blob, stage;
        function load( o ){
            stage.loadFile( blob, { ext: "mmtf", defaultRepresentation: true } );
        }
        var url = "http://mmtf.rcsb.org/v1.0/full/3sn6";
        var xhr = new XMLHttpRequest();
        xhr.open( "GET", url, true );
        xhr.addEventListener( 'load', function( event ){
            blob = new Blob( [ xhr.response ], { type: 'application/octet-binary'} );
            if( stage ) load();
        } );
        xhr.responseType = "arraybuffer";
        xhr.send( null );
    </script>
    <script src="../build/js/ngl.dev.js"></script>
    <script>
        document.addEventListener( "DOMContentLoaded", function(){
            stage = new NGL.Stage( "viewport" );
            if( blob ) load();
        } );
    </script>
    <div id="viewport" style="width:800px; height:800px;"></div>
</body>
</html>