Processing JS
<h2 class="header_16llucz">ProcessingJS</h2>
<div id="docs-shapes" data-slug="docs-shapes">
<h3 class="header_16le0bm">Shapes</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q">
<div class="docImage_6cgxsz"> </div>
<div class="caption_c4y4j2"><code class="codeLink_stiaoy">rect(x, y, w, h)</code></div>
</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q">
<div class="docImage_6cgxsz"> </div>
<div class="caption_c4y4j2"><code class="codeLink_stiaoy">ellipse(x, y, w, h)</code></div>
</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q">
<div class="docImage_6cgxsz"> </div>
<div class="caption_c4y4j2"><code class="codeLink_stiaoy">triangle(x1, y1, x2, y2, x3, y3)</code></div>
</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q">
<div class="docImage_6cgxsz"> </div>
<div class="caption_c4y4j2"><code class="codeLink_stiaoy">line(x1, y1, x2, y2)</code></div>
</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q">
<div class="docImage_6cgxsz"> </div>
<div class="caption_c4y4j2"><code class="codeLink_stiaoy">point(x, y)</code></div>
</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q">
<div class="docImage_6cgxsz"> </div>
<div class="caption_c4y4j2"><code class="codeLink_stiaoy">arc(x, y, w, h, start, stop)</code></div>
</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q">
<div class="docImage_6cgxsz"> </div>
<div class="caption_c4y4j2"><code class="codeLink_stiaoy">bezier(x1, y1, cx1, cy1, cx2, cy2, x2, y2)</code></div>
</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q">
<div class="docImage_6cgxsz"> </div>
<div class="caption_c4y4j2"><code class="codeLink_stiaoy">quad(x1, y1, x2, y2, x3, y3, x4, y4)</code></div>
</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q">
<div class="docImage_6cgxsz"> </div>
<div class="caption_c4y4j2"><code class="codeLink_stiaoy">image(image, x, y, width, height)</code></div>
</div>
</li>
</ul>
</div>
<div id="docs-complex-shapes" data-slug="docs-complex-shapes">
<h3 class="header_16le0bm">Complex Shapes</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q">
<div class="docImage_6cgxsz"> </div>
<div class="caption_c4y4j2"><code class="codeLink_stiaoy">beginShape() / endShape() / vertex()</code></div>
</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q">
<div class="docImage_6cgxsz"> </div>
<div class="caption_c4y4j2"><code class="codeLink_stiaoy">curveVertex()</code></div>
</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q">
<div class="docImage_6cgxsz"> </div>
<div class="caption_c4y4j2"><code class="codeLink_stiaoy">bezierVertex()</code></div>
</div>
</li>
</ul>
</div>
<div id="docs-colors" data-slug="docs-colors">
<h3 class="header_16le0bm">Colors</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/backgroundr-g-b/839653892" target="_blank"><code class="codeLink_stiaoy">background(r, g, b)</code></a>Set the background color</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/fillr-g-b/839774957" target="_blank"><code class="codeLink_stiaoy">fill(r, g, b)</code></a>Set the fill color for shapes</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/nofill/877946290" target="_blank"><code class="codeLink_stiaoy">noFill()</code></a>Turn off fill for shapes</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/stroker-g-b/839545910" target="_blank"><code class="codeLink_stiaoy">stroke(r, g, b)</code></a>Set the outline color for shapes</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/strokeweightthickness/877859744" target="_blank"><code class="codeLink_stiaoy">strokeWeight(thickness)</code></a>Change the thickness of lines and outlines</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/nostroke/839859412" target="_blank"><code class="codeLink_stiaoy">noStroke()</code></a>Turn off outlines for shapes</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/colorr-g-b/957020020" target="_blank"><code class="codeLink_stiaoy">color(r, g, b)</code></a>Store a color in a variable</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/blendcolorc1-c2-mode/4530750216994816" target="_blank"><code class="codeLink_stiaoy">blendColor(c1, c2, MODE)</code></a>Blend two colors together</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/lerpcolorc1-c2-amount/4759935778816000" target="_blank"><code class="codeLink_stiaoy">lerpColor(c1, c2, amount)</code></a>Find color between 2 colors</div>
</li>
</ul>
</div>
<div id="docs-text" data-slug="docs-text">
<h3 class="header_16le0bm">Text</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/texttext-x-y/937624625" target="_blank"><code class="codeLink_stiaoy">text(text, x, y)</code></a>Draw some text</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/textfontfont-size/940030209" target="_blank"><code class="codeLink_stiaoy">textFont(font, size*)</code></a>Changes the font of text</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/textsizesize/937728198" target="_blank"><code class="codeLink_stiaoy">textSize(size)</code></a>Change the size of text</div>
</li>
</ul>
</div>
<div id="docs-transform" data-slug="docs-transform">
<h3 class="header_16le0bm">Transform</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/rotateangle/6386091934351360" target="_blank"><code class="codeLink_stiaoy">rotate(angle)</code></a>Rotate shapes by an angle</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/scalex-y/6712922034143232" target="_blank"><code class="codeLink_stiaoy">scale(amount)</code></a>Scale shapes in both dimensions</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/translatex-y/6505693083336704" target="_blank"><code class="codeLink_stiaoy">translate(x, y)</code></a>Translate shapes by an offset</div>
</li>
</ul>
</div>
<div id="docs-environment" data-slug="docs-environment">
<h3 class="header_16le0bm">Environment</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/width/5933816543707136" target="blank"><code class="codeLink_stiaoy">width</code></a> / <a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/height/4544657253990400" target="blank"><code class="codeLink_stiaoy">height</code></a>The size of the canvas</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/draw/5192527846309888" target="_blank"><code class="codeLink_stiaoy">draw = function(){ }</code></a>Called repeatedly during program execution</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/playsoundsound/6655307787534336" target="_blank"><code class="codeLink_stiaoy">playSound(sound)</code></a>Plays one of the allowed sounds</div>
</li>
</ul>
</div>
<div id="docs-mouse" data-slug="docs-mouse">
<h3 class="header_16le0bm">Mouse</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/mousex-mousey/5538427537719296" target="_blank"><code class="codeLink_stiaoy">mouseX, mouseY</code></a>Current coordinates of the mouse</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/pmousex-pmousey/5082026180870144" target="_blank"><code class="codeLink_stiaoy">pmouseX, pmouseY</code></a>Past coordinates of the mouse</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/mousebutton/6304348237725696" target="_blank"><code class="codeLink_stiaoy">mouseButton</code></a>Which button is pressed</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/mouseispressed/939933053" target="_blank"><code class="codeLink_stiaoy">mouseIsPressed</code></a>Whether mouse is being pressed</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/var-mouseclicked-function/1897113673" target="_blank"><code class="codeLink_stiaoy">mouseClicked = function(){ }</code></a>Called when mouse is clicked</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/var-mousepressed-function/1907626123" target="_blank"><code class="codeLink_stiaoy">mousePressed = function(){ }</code></a>Called when mouse is pressed</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/var-mousereleased-function/1907670118" target="_blank"><code class="codeLink_stiaoy">mouseReleased = function(){ }</code></a>Called when mouse is released</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/var-mousemoved-function/5689134450475008" target="_blank"><code class="codeLink_stiaoy">mouseMoved = function(){ }</code></a>Called when mouse is moved</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/var-mousedragged-function/6273229589053440" target="_blank"><code class="codeLink_stiaoy">mouseDragged = function(){ }</code></a>Called when mouse is dragged</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/var-mouseover-function/4681234999410688" target="_blank"><code class="codeLink_stiaoy">mouseOver = function(){ }</code></a>Called when mouse moves over canvas</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/var-mouseout-function/6643226391871488" target="_blank"><code class="codeLink_stiaoy">mouseOut = function(){ }</code></a>Called when mouse moves out of canvas</div>
</li>
</ul>
</div>
<div id="docs-keyboard" data-slug="docs-keyboard">
<h3 class="header_16le0bm">Keyboard</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/key/5790940799172608" target="_blank"><code class="codeLink_stiaoy">key</code></a>Number representing which key is pressed</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/keycode/939888407" target="_blank"><code class="codeLink_stiaoy">keyCode</code></a>Represents when a special key is pressed</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/keyispressed/939855509" target="_blank"><code class="codeLink_stiaoy">keyIsPressed</code></a>True if a key is being pressed, false otherwise</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/var-keypressed-function/6270179101114368" target="_blank"><code class="codeLink_stiaoy">keyPressed = function(){ }</code></a>Called when a key is pressed</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/var-keyreleased-function/6349252120805376" target="_blank"><code class="codeLink_stiaoy">keyReleased = function(){ }</code></a>Called when a key is released</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/var-keytyped-function/5762464763346944" target="_blank"><code class="codeLink_stiaoy">keyTyped = function(){ }</code></a>Called when a key is typed</div>
</li>
</ul>
</div>
<div id="docs-math" data-slug="docs-math">
<h3 class="header_16le0bm">Math</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/randomlow-high/827911487" target="_blank"><code class="codeLink_stiaoy">random(low, high)</code></a>Generate a random number</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/distx1-y1-x2-y2/1917352082" target="_blank"><code class="codeLink_stiaoy">dist(x1, y1, x2, y2)</code></a>Calculates the distance between two points</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/constrainvalue-min-max/5870136103796736" target="_blank"><code class="codeLink_stiaoy">constrain(value, min, max)</code></a>Constrain value between min and max</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/minnum1-num2/4693347713155072" target="_blank"><code class="codeLink_stiaoy">min(num1, num2)</code></a>Return the minimum of two numbers</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/maxnum1-num2/4755409722146816" target="_blank"><code class="codeLink_stiaoy">max(num1, num2)</code></a>Return the maximum of two numbers</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/absnum/877930637" target="_blank"><code class="codeLink_stiaoy">abs(num)</code></a>Take the absolute value of a number</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/lognum/877921884" target="_blank"><code class="codeLink_stiaoy">log(num)</code></a>Take the logarithm of a number</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/pownum-exponent/877858853" target="_blank"><code class="codeLink_stiaoy">pow(num, exponent)</code></a>Raise a number to an exponent</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/sqnum/6588187426160640" target="_blank"><code class="codeLink_stiaoy">sq(num)</code></a>Square a number</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/sqrtnum/6473360267542528" target="_blank"><code class="codeLink_stiaoy">sqrt(num)</code></a>Take the square root of a number</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/roundnum/5907281296228352" target="_blank"><code class="codeLink_stiaoy">round(num)</code></a>Return nearest integer</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/ceil/5491781646942208" target="_blank"><code class="codeLink_stiaoy">ceil(num)</code></a>Return nearest integer of greater/equal value</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/floornum/5703004061696000" target="_blank"><code class="codeLink_stiaoy">floor(num)</code></a>Return nearest integer of lesser/equal value</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/pvectorx-y/5218818305556480" target="_blank"><code class="codeLink_stiaoy">PVector(x, y)</code></a>An object that describes a 2-dimensional vector</div>
</li>
</ul>
</div>
<div id="docs-trigonometry" data-slug="docs-trigonometry">
<h3 class="header_16le0bm">Trigonometry</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/cosdeg/948226821" target="_blank"><code class="codeLink_stiaoy">cos(degrees)</code></a>Take the cosine of an angle</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/sindeg/948255306" target="_blank"><code class="codeLink_stiaoy">sin(degrees)</code></a>Take the sine of an angle</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/tandeg/948018680" target="_blank"><code class="codeLink_stiaoy">tan(degrees)</code></a>Take the tangent of an angle</div>
</li>
</ul>
</div>
<div id="docs-date-time" data-slug="docs-date-time">
<h3 class="header_16le0bm">Date & Time</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/day/4526347808407552" target="blank"><code class="codeLink_stiaoy">day()</code></a> / <a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/month/5388987023753216" target="blank"><code class="codeLink_stiaoy">month()</code></a> / <a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/year/6216887939629056" target="_blank"><code class="codeLink_stiaoy">year()</code></a>Current date</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/hour/5806957302644736" target="blank"><code class="codeLink_stiaoy">hour()</code></a> / <a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/minute/6638408210317312" target="blank"><code class="codeLink_stiaoy">minute()</code></a> / <a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/second/5743886110556160" target="_blank"><code class="codeLink_stiaoy">second()</code></a>Current time</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/millis/5970545493409792" target="_blank"><code class="codeLink_stiaoy">millis()</code></a>Milliseconds elapsed since program start</div>
</li>
</ul>
</div>
<div id="docs-debugging" data-slug="docs-debugging">
<h3 class="header_16le0bm">Debugging</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/debugarg1-arg2/939146973" target="_blank"><code class="codeLink_stiaoy">debug(arg1, arg2, ...)</code></a>Print to your browser's developer console</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/printlndata/6120466259378176" target="_blank"><code class="codeLink_stiaoy">println(data)</code></a>Print a new line to the canvas console</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/printdata/5110798099677184" target="_blank"><code class="codeLink_stiaoy">print(data)</code></a>Print to the canvas console</div>
</li>
</ul>
</div>
<div id="docs-javascript" data-slug="docs-javascript">
<h3 class="header_16le0bm">JavaScript</h3>
<ul class="mainItems_96vuga">
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/var-drawwinston-function/877982168" target="_blank"><code class="codeLink_stiaoy">var drawWinston = function(){ }</code></a>Define a new function</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/var-array-0-1-2-3-4/957074792" target="_blank"><code class="codeLink_stiaoy">var array = [0, 1, 2, 3, 4]</code></a>Make an array of 5 numbers</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/if-x-20/957023758" target="_blank"><code class="codeLink_stiaoy">if (x < 20){ }</code></a>Only run code if a certain condition is true</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/for-var-i-0-i-8-i-1/877960284" target="_blank"><code class="codeLink_stiaoy">for (var i = 0; i < 8; i++){ }</code></a>Repeat code a fixed number of times</div>
</li>
<li class="halfWidth_1y7i3uv">
<div class="mainContainer_pg552q-o_O-mainContainerColumn_ia4371"><a class="link_drggdz" href="https://www.khanacademy.org/computer-programming/while-x-250/1907383465" target="_blank"><code class="codeLink_stiaoy">while (x < 250){ }</code></a>Only run code while a certain condition is true</div>
</li>
</ul>
</div>