processing101 / presentation / module1 / 20.html

Full commit
<title>Processing 101 - Introduction</title>
<link rel="stylesheet" href="../media/style.css" /> 
<link rel="stylesheet" href="../media/bebas/stylesheet.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="../media/TitilliumText/stylesheet.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="../media/main.css" /> 
<link rel="stylesheet" href="../media/ie6.css" /> 
<SCRIPT src="../media/js/processing-1.2.1.min.js"></SCRIPT>
<SCRIPT src="../media/js/init.js"></SCRIPT>
<SCRIPT type="application/processing" target="processingArea">
size(500, 375);

<div id="header-wrap">
	<div id="header-container">
		<div id="header">
			<h2>Processing 101 - Drawing</h2><h1>Rotation</h1>
				<li><a href="./19.html">&lt;&nbsp;Previous</a></li>
				<li><a href="../index.html">&nbsp;Home&nbsp;</a></li>
				<li><a href="./21.html">Next&nbsp;&gt;</a></li>

<div id="ie6-container-wrap">
	<div id="container">
		<div id="content" class="content">
				<li>Rotation - rotates the co-ordinate system (grid or graph) to a given radian
                <li>Angle is generally measured in radiens and is measured at the top left point
                <br> <img src="./../img/rotated_grid.png" />
				<li>pushMatrix() is used to save the current co-ordinate system
				<li>popMatrix() is used to go back to the previous co-ordinate system
                <li>So how can we use it?
                <li>Move the coordinate system to the point where you want to rotate using Translation
                <li>Then rotate to the required angle
                <br><img src="./../img/degrees.png" />

<div id="footer-wrap">
	<div id="footer-container">
		<div id="footer">
			<div id="credits">
				<a href=""><font color="#000">Thejesh</font>&nbsp;<font color="#83BE32">GN</font></a>
				<li><a href="">Course</a></li>
				<li><a href="">Code</a></li>	
				<li><a href="">Links</a></li>	
				<li><a href="">Contact</a></li>