bpmn.html

<!DOCTYPE html>
<html>
	<head>
		<title>Morphic BPMN!</title>
		<script type="text/javascript" src="morphic.js"></script>
		<script type="text/javascript" src="bpmn.js"></script>
		<script type="text/javascript">			
			var	world, start, frame; 

			window.onload = function () {
				world = new WorldMorph(document.getElementById('world'));
                world.worldCanvas.focus();
                frame = new FrameMorph();
                frame.color = new Color(55, 55, 55);
                frame.texture = 'bg.png';
                frame.setExtent(world.extent());
                frame.reactToWorldResize = function (rect) {
                    frame.changed();
                    frame.bounds = rect;
                    frame.rerender();
                }
                world.add(frame);
                start = new BPM_EventMorph('start');
                start.setPosition(new Point(50, 50));
                frame.add(start);
				// world.isDevMode = true;
                loop();
			};

            function loop() {
                requestAnimationFrame(loop);
                world.doOneCycle();
            }
		</script>
	</head>
	<body>
		<canvas id="world" tabindex="1" width="800" height="600" style="position: absolute;">
			<p>Your browser doesn't support canvas.</p>
		</canvas>
	</body>
</html>