mirror of
https://github.com/codeninjasuk/gdp.git
synced 2024-11-22 23:27:50 -05:00
67 lines
2.6 KiB
HTML
67 lines
2.6 KiB
HTML
|
<!--Code Ninjas | Jackson Hagood-->
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<title>Scale</title>
|
||
|
|
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
|
||
|
|
<link rel="icon" href="images/icon.png">
|
||
|
|
<style>
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="sidenav">
|
||
|
|
<a href="functions.html"><h2>GDP Functions</h2></a>
|
||
|
|
<br>
|
||
|
|
<h2><a href="position.html">Position</a></h2>
|
||
|
|
<h2><a href="rotation.html">Rotation</a></h2>
|
||
|
|
<h2><a href="scale.html">Scale</a></h2>
|
||
|
|
<ul id="contents">
|
||
|
|
<li><a href="#scalexy">.scaleX() and .scaleY()</a></li>
|
||
|
|
<li><a href="#wd">.height() and .width()</a></li>
|
||
|
|
</ul>
|
||
|
|
<h2><a href="collision.html">Collision</a></h2>
|
||
|
|
<h2><a href="appearance.html">Appearance</a></h2>
|
||
|
|
<h2><a href="timers.html">Timers</a></h2>
|
||
|
|
<h2><a href="animation.html">Animation</a></h2>
|
||
|
|
<h2><a href="attributes.html">Attributes</a></h2>
|
||
|
|
<h2><a href="miscellaneous.html">Miscellaneous</a></h2>
|
||
|
|
</div>
|
||
|
|
<div name="Scale"> <!--done-->
|
||
|
|
<h1>Scale</h1>
|
||
|
|
|
||
|
|
<div class="item"> <!--done-->
|
||
|
|
<a name="scalexy">
|
||
|
|
<h3>.scaleX() and .scaleY()</h3>
|
||
|
|
<p>The functions .scaleX() and .scaleY() can be used to scale an object's x and y components. The functions can also be used to return and object's current scale. .scaleX() and .scaleY() take in one parameter, and object's desired scale.</p>
|
||
|
|
<pre><code>object.scaleX(10);
|
||
|
|
//scales 'object' in the x direction, with a factor of 10
|
||
|
|
var scale = object.scaleY();
|
||
|
|
//sets variable 'scale' to the y scale of 'object'</code></pre>
|
||
|
|
<h4>See Further:</h4>
|
||
|
|
<ol class="more">
|
||
|
|
<li>Meteors Part 2</li>
|
||
|
|
</ol>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<div class="item"> <!--done-->
|
||
|
|
<a name="wd">
|
||
|
|
<h3>.height() and .width()</h3>
|
||
|
|
<p>The functions .height() and .width() can set an object's dimensions. .width() sets and object's x dimension, while .height() sets an object's y dimension. The functions take in one parameter, and object's desired dimension. These functions can also return an object's current dimension.</p>
|
||
|
|
<pre><code>object.width(10);
|
||
|
|
//sets the width of 'object' to 10;
|
||
|
|
var height = object.height();
|
||
|
|
//sets variable 'height' to the height of 'object'</code></pre>
|
||
|
|
<h4>See Further:</h4>
|
||
|
|
<ol class="more">
|
||
|
|
<li>Space Bumpers</li>
|
||
|
|
</ol>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|