LJ5O
e5eac063ed
Selecting something under "Powerful" will now remove some useless props from the scene, in order to save some RAM and CPU. Not the ideal way of helping cheap computers, but for now it'll work. Maybe I will find something better later
53 lines
1.8 KiB
HTML
53 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Kévin Sailly - Portfolio</title>
|
|
<link rel="stylesheet" href="/style.css">
|
|
<link rel="stylesheet" href="/menu.css">
|
|
</head>
|
|
<body>
|
|
<!-- That menu is shown at startup, so users can choose their settings -->
|
|
<div id="menu">
|
|
<h1>Hello world !</h1>
|
|
<h2>Kévin SAILLY's portfolio</h2>
|
|
|
|
<div id="settings">
|
|
<div id="quality">
|
|
<label for="quality-select">How strong is your computer ?</label><br>
|
|
<select id="quality-select">
|
|
<option value="1">Powerful</option><!-- Percentage of props that will be placed -->
|
|
<option value="0.85">High</option>
|
|
<option value="0.6">Normal</option>
|
|
<option value="0.35">Low</option>
|
|
</select>
|
|
</div>
|
|
<!--<div id="language">
|
|
|
|
</div>-->
|
|
</div>
|
|
|
|
<button>Start</button><!-- See menu.js for threejs startup -->
|
|
</div>
|
|
|
|
<div id="loading">
|
|
<p>Chargement...<br>Loading...</p>
|
|
</div>
|
|
<div id="notification_bar">
|
|
<p><!-- Text added here by JS --></p>
|
|
</div>
|
|
<div id="picture_zoom" style="display: none;"><!-- Hidden by default, Jquery will show it later -->
|
|
<img src="" alt="Sign picture" /><!-- src is defined by JS -->
|
|
</div>
|
|
|
|
<div id="movement_keys">
|
|
<div id="key_up"><img src="/objects/textures/arrow.png" width="100%" height="100%"/></div>
|
|
<div id="key_left"><img src="/objects/textures/arrow.png" width="100%" height="100%" style="transform: rotate(-90deg);"/></div>
|
|
<div id="key_down"><img src="/objects/textures/arrow.png" width="100%" height="100%" style="transform: rotate(180deg);"/></div>
|
|
<div id="key_right"><img src="/objects/textures/arrow.png" width="100%" height="100%" style="transform: rotate(90deg);"/></div>
|
|
</div>
|
|
<script type="module" src="/src/menu.js"></script>
|
|
<script type="module" src="/src/main.js"></script>
|
|
|
|
</body>
|
|
</html> |