javascript
/
tentone.escher.js
şunun yansıması https://github.com/tentone/escher.js.git


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
							<!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/Image.js"></script>

	<script type="text/javascript" src="source/math/Vector2.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";
		document.body.appendChild(canvas);

		var o = new Object2D();

		var i = new Image("image.jpg");
		i.position.set(100, 100);
		i.scale.set(1, 2);
		o.add(i);

		//var re = new Rect();
		//o.add(re);

		var v = new Viewport();

		var pressed = false;
		var x, y;
		var dx, dy;

		var m = new EventManager();
		m.add(canvas, "mousedown", function(event)
		{
			pressed = true;
		});
		m.add(canvas, "mouseup", function(event)
		{
			pressed = false;
		});
		m.add(canvas, "mousemove", function(event)
		{
			dx = event.clientX - x;
			dy = event.clientY - y;
			x = event.clientX;
			y = event.clientY;

			if(pressed)
			{
				v.position.x += dx;
				v.position.y += dy;
			}
		});
		m.add(canvas, "wheel", function(event)
		{
			v.scale -= event.deltaY * 0.01;
		});
		m.create();


		var r = new Renderer(canvas);

		function loop()
		{
			i.rotation += 0.01;
			//re.rotation -= 0.005;

			//o.draw(context, canvas);
			r.render(o, v)
			requestAnimationFrame(loop);
		}

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