javascript
/
tentone.escher.js
огледало од https://github.com/tentone/escher.js.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
							<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>diagram.js</title>
</head>
<body>
	<script type="text/javascript" src="../source/EventManager.js"></script>
	<script type="text/javascript" src="../source/Object2D.js"></script>
	<script type="text/javascript" src="../source/Viewport.js"></script>
	<script type="text/javascript" src="../source/Renderer.js"></script>

	<script type="text/javascript" src="../source/input/Key.js"></script>
	<script type="text/javascript" src="../source/input/Mouse.js"></script>

	<script type="text/javascript" src="../source/objects/Image.js"></script>
	<script type="text/javascript" src="../source/objects/Text.js"></script>
	<script type="text/javascript" src="../source/objects/Box.js"></script>
	<script type="text/javascript" src="../source/objects/Circle.js"></script>
	<script type="text/javascript" src="../source/objects/Line.js"></script>

	<script type="text/javascript" src="../source/math/Vector2.js"></script>
	<script type="text/javascript" src="../source/math/Box2.js"></script>
	<script type="text/javascript" src="../source/math/UUID.js"></script>
	<script type="text/javascript" src="../source/math/Matrix.js"></script>

	<script type="text/javascript">
		var canvas = document.createElement("canvas");
		canvas.width = 800;
		canvas.height = 600;
		canvas.style.border = "1px solid #000000";
		canvas.oncontextmenu = function(event)
		{
			event.preventDefault();
			return false;
		};
		document.body.appendChild(canvas);

		var group = new Object2D();

		var background = new Image("pfd.png");
		background.position.set(0, 0);
		background.scale.set(1, 1);
		background.layer = -2;
		group.add(background);

		var boxA = new Box();
		group.add(boxA);

		var boxB = new Box();
		boxB.position.set(100, 100);
		group.add(boxB);

		var line = new Line();
		line.from = boxA.position;
		line.to = boxB.position;
		line.layer = -1;
		group.add(line);

		var circle = new Circle();
		circle.position.set(300, 0);
		group.add(circle);

		var viewport = new Viewport();

		var renderer = new Renderer(canvas);

		function loop()
		{
			renderer.update(group, viewport);
			renderer.render(group, viewport);
			requestAnimationFrame(loop);
		}

		loop();
	</script>
</body>
</html>