"

From 2014hs.igem.org

Revision as of 00:16, 4 June 2014 (view source) 17malim (Talk | contribs) ← Older edit		Revision as of 01:06, 4 June 2014 (view source) 17malim (Talk | contribs) Newer edit →
Line 142:		Line 142:
	ctx.stroke();		ctx.stroke();
	*/		*/
		+	var t=0;
		+
		+	function clock(i){
		+	i%=2*Math.PI
		+	return 4*Math.cos(i);
		+	}
		+	function render(){
	ctx.fillStyle="rgb(245,245,245)";		ctx.fillStyle="rgb(245,245,245)";
	ctx.fillRect(0,0,500,500);		ctx.fillRect(0,0,500,500);
		+
		+
		+	ctx.fillStyle="black";
	ctx.font = "30px Arial";		ctx.font = "30px Arial";
-	ctx.strokeText("Plasmid",10,50);	+	ctx.fillText("Plasmid",10,50+clock(t+3));
	ctx.font = "12px Arial";		ctx.font = "12px Arial";
-	ctx.strokeText("Backbone",200,370);	+	ctx.fillText("Backbone",200,370);
	ctx.font = "10px Arial";		ctx.font = "10px Arial";
-	ctx.strokeText("RBS",120,200);	+	ctx.fillText("RBS",120,200);
	ctx.font = "10px Arial";		ctx.font = "10px Arial";
-	ctx.strokeText("Promoter",190,130);	+	ctx.fillText("Promoter",190,130);
	ctx.font = "10px Arial";		ctx.font = "10px Arial";
-	ctx.strokeText("ORF",280,130);	+	ctx.fillText("ORF",280,130);
	ctx.font = "10px Arial";		ctx.font = "10px Arial";
-	ctx.strokeText("Terminator",350,200);	+	ctx.fillText("Terminator",350,200);
	ctx.strokeStyle="green";		ctx.strokeStyle="green";
Line 188:		Line 198:
	ctx.arc(250,250,100,1.75*Math.PI,0);		ctx.arc(250,250,100,1.75*Math.PI,0);
	ctx.stroke();		ctx.stroke();
-		+
		+	setTimeout(render,1000/60)
		+
		+	t+=Math.PI/36
		+	}
		+
		+	render();
		+
	</script>		</script>

---

Revision as of 01:06, 4 June 2014

Simulations

Note that this is test JavaScript:

Your browser does not support the HTML5 canvas tag.