26 lines
1.4 KiB
HTML
26 lines
1.4 KiB
HTML
<section>
|
|
<h2>3D Interface</h2>
|
|
<p>
|
|
This is the prototype of a 3D interface. You can move the
|
|
camera with the arrow keys of your keyboard, and change the
|
|
angle of the camera by dragging and dropping the scene around
|
|
it (you can also use your numpad, 2 to look lower, 8 to look
|
|
higher, 4 to look on the left and 6 to look on the right, but
|
|
if you're more comfortable with non-numpad keys, you can also
|
|
use i for up, j for left, k for down, and l for right).
|
|
</p>
|
|
<p>
|
|
Recommended views are displayed with a transparent red arrow.
|
|
They disappear when you come closer to them, and you can
|
|
automatically move to them by clicking on them. You can reset
|
|
the camera at anytime by clicking on the reset button.
|
|
</p>
|
|
<button id="reset" style="margin-bottom:10px">Reset camera</button>
|
|
<input type="checkbox" id="fullarrow" style="margin-bottom:10px">
|
|
<label for="fullarrow">Full arrow</label>
|
|
<input type="checkbox" id="collisions" style="margin-bottom:10px" checked>
|
|
<label for="collisions">Collisions</label>
|
|
<div style="border-width:1px; border-style: solid;" id="container"></div>
|
|
#
|
|
</section>
|