Initial Commit
This commit is contained in:
plane000
@@ -0,0 +1,177 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<title>keyCode \ Language (API) \ Processing 2+</title>
|
||||
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="Author" content="Processing Foundation" />
|
||||
<meta name="Publisher" content="Processing Foundation" />
|
||||
<meta name="Keywords" content="Processing, Sketchbook, Programming, Coding, Code, Art, Design" />
|
||||
<meta name="Description" content="Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology." />
|
||||
<meta name="Copyright" content="All contents copyright the Processing Foundation, Ben Fry, Casey Reas, and the MIT Media Laboratory" />
|
||||
|
||||
<script src="javascript/modernizr-2.6.2.touch.js" type="text/javascript"></script>
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
</head>
|
||||
<body id="Langauge-en" onload="" >
|
||||
|
||||
<!-- ==================================== PAGE ============================ -->
|
||||
<div id="container">
|
||||
|
||||
|
||||
<!-- ==================================== HEADER ============================ -->
|
||||
|
||||
<div id="ribbon">
|
||||
<ul class="left">
|
||||
<li class="highlight"><a href="http://processing.org/">Processing</a></li>
|
||||
<li><a href="http://p5js.org/">p5.js</a></li>
|
||||
<li><a href="http://py.processing.org/">Processing.py</a></li>
|
||||
<li><a href="http://android.processing.org/">Processing for Android</a></li>
|
||||
</ul>
|
||||
<ul class="right">
|
||||
<li><a href="https://processingfoundation.org/">Processing Foundation</a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div id="header">
|
||||
<a href="/" title="Back to the Processing cover."><div class="processing-logo no-cover" alt="Processing cover"></div></a>
|
||||
<form name="search" method="get" action="//www.google.com/search">
|
||||
<p><input type="hidden" name="as_sitesearch" value="processing.org" />
|
||||
<input type="text" name="as_q" value="" size="20" class="text" />
|
||||
<input type="submit" value=" " /></p>
|
||||
</form>
|
||||
</div>
|
||||
<a id="TOP" name="TOP"></a>
|
||||
|
||||
<div id="navigation">
|
||||
<div class="navBar" id="mainnav">
|
||||
<a href="index.html" class='active'>Language</a><br>
|
||||
<a href="libraries/index.html" >Libraries</a><br>
|
||||
<a href="tools/index.html">Tools</a><br>
|
||||
<a href="environment/index.html">Environment</a><br>
|
||||
</div>
|
||||
|
||||
<script> document.querySelectorAll(".processing-logo")[0].className = "processing-logo"; </script>
|
||||
</div>
|
||||
|
||||
<!-- ==================================== CONTENT - Headers ============================ -->
|
||||
<div class="content">
|
||||
|
||||
<p class="ref-notice">This reference is for Processing 3.0+. If you have a previous version, use the reference included with your software in the Help menu. If you see any errors or have suggestions, <a href="https://github.com/processing/processing-docs/issues?state=open">please let us know</a>. If you prefer a more technical reference, visit the <a href="http://processing.github.io/processing-javadocs/core/">Processing Core Javadoc</a> and <a href="http://processing.github.io/processing-javadocs/libraries/">Libraries Javadoc</a>.</p>
|
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" class="ref-item">
|
||||
|
||||
|
||||
<tr class="name-row">
|
||||
<th scope="row">Name</th>
|
||||
|
||||
<td><h3>keyCode</h3></td>
|
||||
</tr>
|
||||
|
||||
<tr class="">
|
||||
|
||||
<tr class=""><th scope="row">Examples</th><td><div class="example"><pre >
|
||||
color fillVal = color(126);
|
||||
|
||||
void draw() {
|
||||
fill(fillVal);
|
||||
rect(25, 25, 50, 50);
|
||||
}
|
||||
|
||||
void keyPressed() {
|
||||
if (key == CODED) {
|
||||
if (keyCode == UP) {
|
||||
fillVal = 255;
|
||||
} else if (keyCode == DOWN) {
|
||||
fillVal = 0;
|
||||
}
|
||||
} else {
|
||||
fillVal = 126;
|
||||
}
|
||||
}
|
||||
</pre></div>
|
||||
</td></tr>
|
||||
|
||||
<tr class="">
|
||||
<th scope="row">Description</th>
|
||||
<td>
|
||||
The variable <b>keyCode</b> is used to detect special keys such as the arrow keys (UP, DOWN, LEFT, and RIGHT) as well as ALT, CONTROL, and SHIFT.
|
||||
<br /><br />
|
||||
When checking for these keys, it can be useful to first check if the key is coded. This is done with the conditional <b>if (key == CODED)</b>, as shown in the example above.
|
||||
<br /><br />
|
||||
The keys included in the ASCII specification (BACKSPACE, TAB, ENTER, RETURN, ESC, and DELETE) do not require checking to see if the key is coded; for those keys, you should simply use the <b>key</b> variable directly (and not <b>keyCode</b>). If you're making cross-platform projects, note that the ENTER key is commonly used on PCs and Unix, while the RETURN key is used on Macs. Make sure your program will work on all platforms by checking for both ENTER and RETURN.
|
||||
<br /><br />
|
||||
For those familiar with Java, the values for UP and DOWN are simply shorter versions of Java's <b>KeyEvent.VK_UP</b> and <b>KeyEvent.VK_DOWN</b>. Other <b>keyCode</b> values can be found in the Java <a href="http://download.oracle.com/javase/6/docs/api/java/awt/event/KeyEvent.html">KeyEvent</a> reference.
|
||||
<br /><br />
|
||||
There are issues with how <b>keyCode</b> behaves across different renderers and operating systems. Watch out for unexpected behavior as you switch renderers and operating systems and you are using keys are aren't mentioned in this reference entry.
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<tr class=""><th scope="row">Related</th><td><a class="code" href="key.html">key</a><br />
|
||||
<a class="code" href="keyPressed.html">keyPressed</a><br />
|
||||
<a class="code" href="keyPressed_.html">keyPressed()</a><br />
|
||||
<a class="code" href="keyReleased_.html">keyReleased()</a><br /></td></tr>
|
||||
</table>
|
||||
|
||||
Updated on April 30, 2017 02:33:19pm EDT<br /><br />
|
||||
|
||||
<!-- Creative Commons License -->
|
||||
|
||||
<div class="license">
|
||||
<a rel="license" href="//creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border: none" src="https://licensebuttons.net/l/by-nc-sa/4.0/88x31.png" /></a>
|
||||
</div>
|
||||
<!--
|
||||
|
||||
<?xpacket begin='' id=''?>
|
||||
<x:xmpmeta xmlns:x='adobe:ns:meta/'>
|
||||
<rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'>
|
||||
<rdf:Description rdf:about=''
|
||||
xmlns:xapRights='http://ns.adobe.com/xap/1.0/rights/'>
|
||||
<xapRights:Marked>True</xapRights:Marked>
|
||||
</rdf:Description>
|
||||
<rdf:Description rdf:about=''
|
||||
xmlns:xapRights='http://ns.adobe.com/xap/1.0/rights/'
|
||||
>
|
||||
<xapRights:UsageTerms>
|
||||
<rdf:Alt>
|
||||
<rdf:li xml:lang='x-default' >This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.</rdf:li>
|
||||
<rdf:li xml:lang='en' >This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.</rdf:li>
|
||||
</rdf:Alt>
|
||||
</xapRights:UsageTerms>
|
||||
</rdf:Description>
|
||||
<rdf:Description rdf:about=''
|
||||
xmlns:cc='http://creativecommons.org/ns#'>
|
||||
<cc:license rdf:resource='http://creativecommons.org/licenses/by-nc-sa/4.0/'/>
|
||||
</rdf:Description>
|
||||
|
||||
</rdf:RDF>
|
||||
</x:xmpmeta>
|
||||
<?xpacket end='r'?>
|
||||
|
||||
-->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- ==================================== FOOTER ============================ -->
|
||||
<div id="footer">
|
||||
|
||||
<div id="copyright">Processing is an open project intiated by <a href="http://benfry.com/">Ben Fry</a> and <a href="http://reas.com">Casey Reas</a>. It is developed by a <a href="http://processing.org/about/people/">team of volunteers</a>.</div>
|
||||
<div id="colophon">
|
||||
|
||||
<a href="copyright.html">© Info</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script src="javascript/jquery-1.9.1.min.js"></script>
|
||||
<script src="javascript/site.js" type="text/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user