Agent: <a href="/lineups/1/">Viper</a><br>
Map: <a href="/lineups/1/2/">Icebox</a><br>
To: <a href="/lineups/1/2/10/">B Default</a><br>
From: <a href="/lineups/1/2/10/12/">Below Mid Boiler</a><br>
Ability: <a href="/lineups/1/2/10/12/1/">Snake Bite</a><br>
<br>
<canvas width="256" height="256" id="canvas"></canvas><br>
<script>
	function canvas_arrow(context, fromx, fromy, tox, toy) {
		  var headlen = 10; // length of head in pixels
		  var dx = tox - fromx;
		  var dy = toy - fromy;
		  var angle = Math.atan2(dy, dx);
		  context.moveTo(fromx, fromy);
		  context.lineTo(tox, toy);
		  context.lineTo(tox - headlen * Math.cos(angle - Math.PI / 6), toy - headlen * Math.sin(angle - Math.PI / 6));
		  context.moveTo(tox, toy);
		  context.lineTo(tox - headlen * Math.cos(angle + Math.PI / 6), toy - headlen * Math.sin(angle + Math.PI / 6));
	}
	let img = new Image();
	img.addEventListener("load", function() {
		let canvas = document.getElementById("canvas");
		let ctx = canvas.getContext("2d");
		let startx = 581;
		let starty = 341;
		let endx = 209;
		let endy = 442;
		let midx = (startx + endx) / 2;
		let midy = (starty + endy) / 2;
		let len = Math.sqrt(Math.pow(startx-endx, 2) + Math.pow(starty-endy, 2));
		let scale = 256 / len;
		if (scale > 1) {
			scale = 1;
		}
		ctx.scale(scale, scale);
		ctx.translate(128/scale-midx, 128/scale-midy);
		ctx.drawImage(img, 0, 0);
		ctx.beginPath();
		canvas_arrow(ctx, startx, starty, endx, endy);
		ctx.stroke();
	}, false);
	img.src = "/media/TX_Map_Port_FogOfWar.png";
</script>
<br>
<h1>POSITIONING</h1><br>
<br>
<img src="/media/VALORANT-Win64-Shipping_QqIbX9ZU5f.jpg" width="512" height="288">

<img src="/media/VALORANT-Win64-Shipping_d8NoYdgP5Q.jpg" width="512" height="288">


<br>
<h1>LINEUP</h1><br>
Left end of right side HUD goes at the tip of this curve.<br>
<img src="/media/VALORANT-Win64-Shipping_z6sBdyVPmr.jpg" width="512" height="288">

<img src="/media/Untitled_HiphHOH.png" width="512" height="288">


<img src="/media/VALORANT-Win64-Shipping_mmcSPtxv34.jpg" width="512" height="288">

<br>
<h1>RESULT</h1><br>
<img src="/media/VALORANT-Win64-Shipping_mCFmmZIAhV.jpg" width="512" height="288">
<br>