You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
3.2 KiB
60 lines
3.2 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.min.js" type="text/javascript"></script>
|
|
<script src="https://code.jquery.com/jquery-3.6.4.min.js" type="text/javascript"></script>
|
|
<script src="data/scripts/js/init.js" type="text/javascript"></script>
|
|
<script src="data/scripts/js/events.js" type="text/javascript"></script>
|
|
<script src="data/scripts/js/loader.js" type="text/javascript"></script>
|
|
<script src="data/scripts/js/game.js" type="text/javascript"></script>
|
|
<script src="data/scripts/js/tree.js" type="text/javascript"></script>
|
|
<script src="data/scripts/js/container.js" type="text/javascript"></script>
|
|
<script src="data/scripts/js/decoration.js" type="text/javascript"></script>
|
|
<script src="data/scripts/js/chain.js" type="text/javascript"></script>
|
|
<script src="data/scripts/js/ball.js" type="text/javascript"></script>
|
|
<script src="data/scripts/js/star.js" type="text/javascript"></script>
|
|
<script src="data/scripts/js/background.js" type="text/javascript"></script>
|
|
<link href="data/styles/color_picker.css" rel="stylesheet">
|
|
<link href="data/styles/range_input.css" rel="stylesheet">
|
|
<link href="styles.css" rel="stylesheet">
|
|
<link href="data/images/favicon.ico" rel="icon" type="image/x-icon">
|
|
<title>Christmas Tree</title>
|
|
</head>
|
|
<body>
|
|
<div id="p5_loading"></div>
|
|
<div id="content">
|
|
<div id="canvas_holder"></div>
|
|
<div id="settings_holder">
|
|
<fieldset oninput="game.updateDecorationSettings();">
|
|
<legend>Decoration Settings</legend>
|
|
<label for="radius">Radius</label>
|
|
<input id="radius" type="range" min="10" max="100" step="1" value="50">
|
|
<label for="color">Color</label><br/>
|
|
<select id="color">
|
|
</select>
|
|
</fieldset>
|
|
<fieldset oninput="game.updateStarSettings();">
|
|
<legend>Star Settings</legend>
|
|
<label for="rays_count">Peaks</label>
|
|
<input id="rays_count" type="range" min="3" max="10" step="1" value="5">
|
|
<label for="inner_radius">Second Radius</label>
|
|
<input id="inner_radius" type="range" min="0.2" max="0.7" step="0.01" value="0.4">
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Chain Settings</legend>
|
|
<label for="possible_colors">Colors</label>
|
|
<div id="possible_colors">
|
|
</div>
|
|
</fieldset>
|
|
<fieldset oninput="game.updateBackgroundSettings();">
|
|
<legend>Background Settings</legend>
|
|
<label for="snow_intensity">Snow</label>
|
|
<input id="snow_intensity" type="range" min="0" max="500" step="1" value="200">
|
|
</fieldset>
|
|
</div>
|
|
<a id="save_link" download="christmas_trees.json"></a>
|
|
<input style="display: none;" type="file" id="file_browser" accept=".json">
|
|
</div>
|
|
</body>
|
|
</html> |