molstar
Version:
A comprehensive macromolecular library.
39 lines • 1.78 kB
JavaScript
/**
* Copyright (c) 2019 mol* contributors, licensed under MIT, See LICENSE file for more info.
*
* @author Alexander Rose <alexander.rose@weirdbyte.de>
*/
import './index.html';
import { resizeCanvas } from '../../mol-canvas3d/util';
import { Canvas3D, Canvas3DContext } from '../../mol-canvas3d/canvas3d';
import { SpheresBuilder } from '../../mol-geo/geometry/spheres/spheres-builder';
import { Spheres } from '../../mol-geo/geometry/spheres/spheres';
import { Color } from '../../mol-util/color';
import { createRenderObject } from '../../mol-gl/render-object';
import { Representation } from '../../mol-repr/representation';
import { ParamDefinition } from '../../mol-util/param-definition';
var parent = document.getElementById('app');
parent.style.width = '100%';
parent.style.height = '100%';
var canvas = document.createElement('canvas');
parent.appendChild(canvas);
resizeCanvas(canvas, parent);
var canvas3d = Canvas3D.create(Canvas3DContext.fromCanvas(canvas));
canvas3d.animate();
function spheresRepr() {
var spheresBuilder = SpheresBuilder.create(3, 1);
spheresBuilder.add(0, 0, 0, 0);
spheresBuilder.add(5, 0, 0, 0);
spheresBuilder.add(-4, 1, 0, 0);
var spheres = spheresBuilder.getSpheres();
var props = ParamDefinition.getDefaultValues(Spheres.Utils.Params);
var values = Spheres.Utils.createValuesSimple(spheres, {}, Color(0xFF0000), 1);
var state = Spheres.Utils.createRenderableState(props);
var renderObject = createRenderObject('spheres', values, state, -1);
console.log(renderObject);
var repr = Representation.fromRenderObject('spheres', renderObject);
return repr;
}
canvas3d.add(spheresRepr());
canvas3d.requestCameraReset();
//# sourceMappingURL=render-spheres.js.map