block.html

<div id="container"></div>
<style>
	body {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	.buttons {
		position: absolute;
		top: 10px;
		left: 10px;
	}
	
	.buttons button {
		border: 1px solid black;
		background-color: darkgray;
		color: white;
		font-size: 16px;
		padding: 4px;
	}
	
	#time {
		font-family: verdana;
		font-size: 16px;
		font-weight: bold;
	}
	#pathtime {
		font-family: verdana;
		font-size: 14px;
		font-weight: bold;
		color: #cccccc;
	}
</style>
<script src="lib/jquery.js"></script>
<script src="lib/socket.io.js"></script>
<script src="lib/three.js"></script>
<script src="lib/helvetiker_regular.typeface.js"></script>
<script src="lib/orbit.js"></script>
<script src="lib/cnclib.js"></script>
<textarea class="buttons" style="display: none">
</textarea>
<script src="lib/qrcode.js"></script>
<script>
	var cnc = new cnclib({ z_safe: 0.5, extendCorners: false, defaultSpeed: 150, dipSpeed: 25, stepSizeZ: 1, nPathTrials: 1000, nPathIters: 100 });

	var mill = 1;
	var depth = 10.1;
	var depthqr = 1;
	
	var qrcode	= new QRCode(-1, QRErrorCorrectLevel.H);
	qrcode.addData("6PRSMZ2ayL2q92tjS1Dr2LVi8wQMYuECn4eHyJGycez3tTpS1vU9ApHmT2");
	qrcode.make();
	// 6PRSMZ2ayL2q92tjS1Dr2LVi8wQMYuECn4eHyJGycez3tTpS1vU9ApHmT2

	var mc = qrcode.getModuleCount();
	var width  = (mc + 4) * mill;
	var height = (mc + 4) * mill;
	var border = 4 * mill;
	
	var par = { x: 85/2, y: 27, requires: [] };
	//umriss
	//cnc.rect({ width: width, height: height, x: width / 2, y: height / 2, inline: true, outlineOnly: true, depth: depthqr * 3, extendCorners: false }, function (par)
	//{
		var tileW	= mill;
		var tileH	= mill;
		
		for (var j = 0; j < mc; j++)
		for (var i = 0; i < mc; i++)
		{
			if (!qrcode.isDark(i, j))
				continue;
			
			var k = i + 1;
			for (; k < mc; k++)
			{
				if (!qrcode.isDark(k, j))
					break;
			}
			
			var n = k - i;
			
			if (n != 1)
			{
				var x0 = par.x - (i + 0.5 - mc / 2) * tileW;
				var x1 = par.x - (k - 0.5 - mc / 2) * tileW;
				var y  = par.y - (j + 0.5 - mc / 2) * tileH;
				
				par.requires.push(cnc.line({ points: [ [ (j % 2 == 0) ? x1 : x0, y ], [ (j % 2 == 0) ? x0 : x1, y ] ], depth: depthqr }));
			}
						
			i = k - 1;
		}
		
		for (var j = 0; j < mc; j++)
		for (var i = 0; i < mc; i++)
		{
			if (!qrcode.isDark(j, i))
				continue;
			
			var k = i + 1;
			for (; k < mc; k++)
			{
				if (!qrcode.isDark(j, k))
					break;
			}
			
			var n = k - i;
			if (n != 1)
			{
				var y0 = par.y - (i + 0.5 - mc / 2) * tileH;
				var y1 = par.y - (k - 0.5 - mc / 2) * tileH;
				var x  = par.x - (j + 0.5 - mc / 2) * tileW;
				
				par.requires.push(cnc.line({ points: [ [ x, j % 2 ? y1 : y0 ], [ x, j % 2 ? y0 : y1 ] ], depth: depthqr }));
			}
			
			i = k - 1;
		}
				
		for (var j = 0; j < mc; j++)
		for (var i = 0; i < mc; i++)
		{
			if (!qrcode.isDark(i, j))
				continue;
				
			if (i < mc - 1 && qrcode.isDark(i + 1, j + 0))
				continue;
			
			if (j < mc - 1 && qrcode.isDark(i + 0, j + 1))
				continue;
			
			if (i > 1 && qrcode.isDark(i - 1, j + 0))
				continue;
			
			if (j > 1 && qrcode.isDark(i + 0, j - 1))
				continue;
			
			par.requires.push(cnc.drill({ x: par.x - (i + 0.5 - mc / 2) * tileW, y: par.y - (j + 0.5 - mc / 2) * tileH, depth: depthqr }));
		}
//	});
	
	$(function() {cnc.done(true)});




















</script>