lkarch/lkarch.org
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
lkarch.org/tools/mathisfun/www.mathsisfun.com/games/hex-drums-flash.html
Lucas Kent e39465ad2f Changes to be committed: 
new file:   Files/flashplayer_32_sa.exe
	new file:   favicon.ico
	new file:   globe.gif
	new file:   imgs/download.png
	new file:   imgs/zuck.jpg
	new file:   index.html
	new file:   other.ico
	new file:   script.js
	new file:   site.webmanifest
	new file:   sitemap.html
	new file:   styles/backround.css
	new file:   styles/border.css
	new file:   styles/fonts/Titillium_Web/OFL.txt
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
	new file:   styles/fonts/webfontkit-20221027-163353/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
	new file:   styles/fonts/webfontkit-20221027-165950/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
	new file:   styles/style.css
	new file:   tools/2048/.gitignore
	new file:   tools/2048/.jshintrc
	new file:   tools/2048/CONTRIBUTING.md
	new file:   tools/2048/LICENSE.txt
	new file:   tools/2048/README.md
	new file:   tools/2048/Rakefile
	new file:   tools/2048/favicon.ico
	new file:   tools/2048/index.html
	new file:   tools/2048/js/animframe_polyfill.js
	new file:   tools/2048/js/application.js
	new file:   tools/2048/js/bind_polyfill.js
	new file:   tools/2048/js/classlist_polyfill.js
	new file:   tools/2048/js/game_manager.js
	new file:   tools/2048/js/grid.js
	new file:   tools/2048/js/html_actuator.js
	new file:   tools/2048/js/keyboard_input_manager.js
	new file:   tools/2048/js/local_storage_manager.js
	new file:   tools/2048/js/tile.js
    new file:   tools/2048/meta/apple-touch-icon.png
	new file:   tools/webretro/cores/neocd_libretro.js
	new file:   tools/webretro/cores/neocd_libretro.wasm
	new file:   tools/webretro/cores/nestopia_libretro.js
	new file:   tools/webretro/cores/nestopia_libretro.wasm
	new file:   tools/webretro/cores/o2em_libretro.js
	new file:   tools/webretro/cores/o2em_libretro.wasm
	new file:   tools/webretro/cores/opera_libretro.js
	new file:   tools/webretro/cores/opera_libretro.wasm
2022-11-02 08:40:01 -04:00

588 lines
18 KiB
HTML
Raw Blame History

<!doctype html>
<html><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/games/hex-drums-flash.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 01:06:52 GMT -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>Hexadecimal Drum Machine</title>
<!-- #EndEditable -->
<meta name="keywords" content="math, maths, mathematics, school, homework, education" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="pics-label" content='(PICS-1.1 "http://www.classify.org/safesurf/" L gen true for "http://www.mathsisfun.com" r (SS~~000 1))' />
<link rel="stylesheet" type="text/css" href="../style2.css" />
<script src="../main.js" type="text/javascript"></script>
</head>
<body>
<div class="centerfull">
<div id="midfull">
<div id="header" role="banner">
<div id="searchBox" role="search">
<form action="https://www.mathsisfun.com/sphider/search.php" method="get">
<input type="text" name="query" value="" id="searchFld" />
<input type="submit" value="Search" name="submit" id="searchBtn" />
<input type="hidden" name="search" value="1" />
</form>
</div>
<div id="linkto">
<script type="text/javascript">getAdRight2();</script>
</div>
</div>
<div id="menu" class="centerfull" role="navigation">
<script type="text/javascript">getMenuTop();</script>
</div>
<div id="adhid2">
<div id="showads1"><a href="javascript:showads()">Show Ads</a></div>
<div id="hideads1"><a href="javascript:hideads()">Hide Ads</a><br /><a href="../about-ads.html">About Ads</a></div>
</div>
<div id="topads" class="centerfull noprint">
<script type="text/javascript">getAdTop();</script>
</div>
<div id="content" role="main"> <!-- #BeginEditable "Body" -->
<h1 align="center">Hexadecimal Drum Machine</h1>
<p align="center"><i>Create your own rhythms! <br/>
And learn about binary, decimal and hexadecimal numbers, too.<br>
Also try <a href="hex-drums.html">Hexadecimal Drum Machine HTML5 version</a></i></p>
<p><i>Instructions:</i> Click on the lights next to each type of drum, or change the Rhythm Number. (Hint: if you like a rhythm, save the rhythm number - you can come back and re-enter it later.) Also read the <a href="#explain">explanation</a> below.</p>
<table border="0" align="center">
<tr>
<td>
<script type="text/javascript" language="">
putFlash6(543,328,'images/drum-number.swf','','#9966CC');
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="543" height="328" id="images/drum-number.swf" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="images/drum-number.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#9966CC" />
<embed src="images/drum-number.swf" quality="high" bgcolor="#9966CC" width="543" height="328" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</td>
</tr>
</table>
<h2><a name="explain"></a>Explanation</h2>
<p>There are 4 instruments (HiHat, Snare, Tom and Base). At any point in time <b>any combination</b> of them can be played. </p>
<p>If you write down &quot;1&quot; for Play and &quot;0&quot; for Don't Play, then you could have a combination like HiHat and Tom being &quot;1010&quot;, or HiHat and Base being &quot;1001&quot;. All four together is &quot;1111&quot;.</p>
<table width="90%" border="0" align="center">
<tr>
<td><img src="../images/style/blue-speech.gif" width="48" height="41" /></td>
<td>This is called &quot;Binary&quot;, because there are only two choices (Yes or No) for each digit. A single binary digit is called a &quot;bit&quot;.<i><br/>
<br/>
The word binary comes from &quot;Bi-&quot; meaning two. We see &quot;bi-&quot; in words such as &quot;bicycle&quot; (two wheels) or &quot;binocular&quot; (two eyes).</i></td>
</tr>
</table>
<p>So, at any point in time <b>these are the possible combinations</b> (1=Play, 0=Don't Play):</p>
<table align="center">
<tr>
<th width="50">
<div align="center">HiHat</div>
</th>
<th width="50">
<div align="center">Snare</div>
</th>
<th width="50">
<div align="center">Tom</div>
</th>
<th width="50">
<div align="center">Base</div>
</th>
<th width="80">
<div align="center">Combin-ation</div>
</th>
<th width="80">
<div align="right">As<br/>
Binary</div>
</th>
<th width="80">
<div align="right">As<br/>
Decimal</div>
</th>
<th width="80">
<div align="right">As Hexa-<br/>
decimal
</div>
</th>
</tr>
<tr>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="80">
<div align="center">0000</div>
</td>
<td width="80">
<div align="right">0</div>
</td>
<td width="80">
<div align="right">0</div>
</td>
<td width="80">
<div align="right">0</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="80">
<div align="center">0001</div>
</td>
<td width="80">
<div align="right">1</div>
</td>
<td width="80">
<div align="right">1</div>
</td>
<td width="80">
<div align="right">1</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="80">
<div align="center">0010</div>
</td>
<td width="80">
<div align="right">10</div>
</td>
<td width="80">
<div align="right">2</div>
</td>
<td width="80">
<div align="right">2</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="80">
<div align="center">0011</div>
</td>
<td width="80">
<div align="right">11</div>
</td>
<td width="80">
<div align="right">3</div>
</td>
<td width="80">
<div align="right">3</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="80">
<div align="center">0100</div>
</td>
<td width="80">
<div align="right">100</div>
</td>
<td width="80">
<div align="right">4</div>
</td>
<td width="80">
<div align="right">4</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="80">
<div align="center">0101</div>
</td>
<td width="80">
<div align="right">101</div>
</td>
<td width="80">
<div align="right">5</div>
</td>
<td width="80">
<div align="right">5</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="80">
<div align="center">0110</div>
</td>
<td width="80">
<div align="right">110</div>
</td>
<td width="80">
<div align="right">6</div>
</td>
<td width="80">
<div align="right">6</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="80">
<div align="center">0111</div>
</td>
<td width="80">
<div align="right">111</div>
</td>
<td width="80">
<div align="right">7</div>
</td>
<td width="80">
<div align="right">7</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="80">
<div align="center">1000</div>
</td>
<td width="80">
<div align="right">1000</div>
</td>
<td width="80">
<div align="right">8</div>
</td>
<td width="80">
<div align="right">8</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="80">
<div align="center">1001</div>
</td>
<td width="80">
<div align="right">1001</div>
</td>
<td width="80">
<div align="right">9</div>
</td>
<td width="80">
<div align="right">9</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="80">
<div align="center">1010</div>
</td>
<td width="80">
<div align="right">1010</div>
</td>
<td width="80">
<div align="right">10</div>
</td>
<td width="80">
<div align="right">A</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="80">
<div align="center">1011</div>
</td>
<td width="80">
<div align="right">1011</div>
</td>
<td width="80">
<div align="right">11</div>
</td>
<td width="80">
<div align="right">B</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="80">
<div align="center">1100</div>
</td>
<td width="80">
<div align="right">1100</div>
</td>
<td width="80">
<div align="right">12</div>
</td>
<td width="80">
<div align="right">C</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="80">
<div align="center">1101</div>
</td>
<td width="80">
<div align="right">1101</div>
</td>
<td width="80">
<div align="right">13</div>
</td>
<td width="80">
<div align="right">D</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">0</div>
</td>
<td width="80">
<div align="center">1110</div>
</td>
<td width="80">
<div align="right">1110</div>
</td>
<td width="80">
<div align="right">14</div>
</td>
<td width="80">
<div align="right">E</div>
</td>
</tr>
<tr>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="50">
<div align="center">1</div>
</td>
<td width="80">
<div align="center">1111</div>
</td>
<td width="80">
<div align="right">1111</div>
</td>
<td width="80">
<div align="right">15</div>
</td>
<td width="80">
<div align="right">F</div>
</td>
</tr>
</table>
<p>In the column next to the Binary Numbers are the matching <a href="../decimals.html">Decimal Numbers</a> and then the <a href="../hexadecimals.html">Hexadecimal Numbers</a>. </p>
<h2>Hexadecimal Numbers</h2>
<p>The <b>Hexadecimal</b> numbers are interesting. They look the same as the decimal numbers up to 9, but then there are the letters (&quot;A',&quot;B&quot;,&quot;C&quot;,&quot;D&quot;,&quot;E&quot;,&quot;F&quot;) in place of the decimal numbers 10 to 15. </p>
<p>So a single Hexadecimal digit can show 16 different values instead of the normal 10. </p>
<h3>How does this help? </h3>
<p>Well, in this case it means that a Rhythm Code can be written as <i>&quot;90D2C0819082C0A4&quot;, i</i>nstead of <i>&quot;9,0,13,2,12,0,8,1,9,0,8,2,12,0,10,4&quot;</i>. </p>
<p class="center80">It is a more <b>natural</b> way to show anything that has 16 combinations ... in other words it is &quot;neat&quot;. </p>
<h3>Computers</h3>
<p>
Also, computers love binary (and hexadecimal) because the computer circuits and memory are based on &quot;on/off&quot; (either a signal is there or not). <br/>
<br/>
</p>
<table width="90%" border="0" align="center">
<tr>
<td><img src="../images/dvd.jpg" width="111" height="107" /></td>
<td>
<p>For example, the pictures and sound on a DVD are recorded as tiny little holes that can be &quot;read&quot; by a laser. </p>
<p>As the DVD spins, the laser detects if there is a hole (or not) at every location. This is turned into a series of &quot;1&quot;s and &quot;0&quot;s that the computer then turns into sound and images. </p>
</td>
</tr>
</table>
<div class="related">
<a href="../decimals.html">Decimal Numbers</a>
<a href="../hexadecimals.html">Hexadecimal Numbers</a>
<a href="../binary-number-system.html">Binary Numbers</a>
<a href="../hexadecimal-decimal-colors.html">Hexadecimal / Decimal Colors</a>
<a href="../binary-decimal-hexadecimal-converter.html">Binary, Decimal, Hexadecimal Converter</a>
</div>
<!-- #EndEditable -->
<div id="adend" class="centerfull noprint">
<script type="text/javascript">getAdEnd();</script>
</div>
</div>
<div id="footer" class="centerfull noprint">
<div class="footFriend"><a href="javascript:tellAFriend();"></a></div>
<div class="footFave"><a href="javascript:addFavorites();"></a></div>
<div class="footLink"><a href="javascript:linkToUs();"></a></div>
</div>
<div id="foot-menu" class="centerfull"><a href="../search/search.html">Search</a> :: <a href="../links/index.html">Index</a> :: <a href="../aboutmathsisfun.html">About</a> :: <a href="../contact.html">Contact</a> :: <a href="javascript:Contribute()">Contribute</a> :: <a href="javascript:Citation()">Cite This Page</a> :: <a href="../Privacy.html">Privacy</a> <br />
<br />
<span class="tiny">Copyright &copy; 2014 MathsIsFun.com</span> <br />
</div>
</div>
</div>
<div class="left column zneg">
<div id="leftcol"></div>
</div>
<div class="right column zneg">
<div id="rightcol"></div>
</div>
<script type="text/javascript">getBodyEnd();</script>
</body>
<!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/games/hex-drums-flash.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 01:06:52 GMT -->
</html>
Reference in New Issue View Git Blame Copy Permalink