nbillard/rubiks_cube
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

html dégeu avec cube qui tourne en appuyant sur les bouttons

Browse source
This commit is contained in:
nbillard 2022-11-29 16:23:27 +01:00
parent 9d8860503f
commit ca1f6d0088
2 changed files with 1372 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1313
canvas.js Normal file
View file

File diff suppressed because it is too large Load diff

59
index.html Normal file
View file

@ -0,0 +1,59 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Rubick's cube</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/2.8.1/gl-matrix-min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">
You are using an <strong>outdated</strong> browser. Please
<a href="http://browsehappy.com/">upgrade your browser</a> to improve
your experience.
</p>
<![endif]-->
<div>
<input type="button" value="Rotate X1" id="rotate_x1">
<input type="button" value="Rotate X1 inverted" id="rotate_x1i">
<input type="button" value="Rotate X2" id="rotate_x2">
<input type="button" value="Rotate X2 inverted" id="rotate_x2i">
<input type="button" value="Rotate X3" id="rotate_x3">
<input type="button" value="Rotate X3 inverted" id="rotate_x3i">
<br/>
<input type="button" value="Rotate Y1" id="rotate_y1">
<input type="button" value="Rotate Y1 inverted" id="rotate_y1i">
<input type="button" value="Rotate Y2" id="rotate_y2">
<input type="button" value="Rotate Y2 inverted" id="rotate_y2i">
<input type="button" value="Rotate Y3" id="rotate_y3">
<input type="button" value="Rotate Y3 inverted" id="rotate_y3i">
<br/>
<input type="button" value="Rotate Z1" id="rotate_z1">
<input type="button" value="Rotate Z1 inverted" id="rotate_z1i">
<input type="button" value="Rotate Z2" id="rotate_z2">
<input type="button" value="Rotate Z2 inverted" id="rotate_z2i">
<input type="button" value="Rotate Z3" id="rotate_z3">
<input type="button" value="Rotate Z3 inverted" id="rotate_z3i">
<input type="button" value="Shuffle" id="shuffle">
</div>
<!-- <button type="button" id="rotate_x1">Rotate X1</button> -->
<div id="canvas-container" class="to-middle">
<canvas id="glCanvas" width="640px" height="480px"></canvas>
<div class="y_slider">
<input type="range" min="-180" max="180" value="0" class="slider" id="y_rotation">
</div>
<div class="x_slider">
<input type="range" min="-180" max="180" value="0" class="slider" id="x_rotation">
</div>
</div>
</main>
<script src="canvas.js"></script>
</body>
</html>