36 lines
1.2 KiB
HTML
36 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Chaos game</title>
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic|Playfair+Display:400,400italic,700" rel="stylesheet">
|
|
<link href="https://matteodelabre.me/styles/common.css" rel="stylesheet">
|
|
<link href="https://matteodelabre.me/styles/demos.css" rel="stylesheet">
|
|
<link href="styles/index.css" rel="stylesheet">
|
|
</head>
|
|
<body class="split">
|
|
<aside>
|
|
<header>
|
|
<a href="/">
|
|
<img src="images/avatar.jpg" alt="Photo de Mattéo" />
|
|
<span>Mattéo Delabre ✏️</span><br />
|
|
Back to home
|
|
</a>
|
|
</header>
|
|
|
|
<h1>The Chaos Game</h1>
|
|
<h3>Creating fractals with the chaos game</h3>
|
|
|
|
Sommets <input id="vertices" type="range" min="3" max="12" step="1" value="3"><br>
|
|
Fraction 1/<input id="fraction" type="range" min="1" max="6" step="0.01" value="2">
|
|
</aside>
|
|
|
|
<div id="content">
|
|
<canvas id="plotting"></canvas>
|
|
</div>
|
|
|
|
<script src="bundle.js"></script>
|
|
</body>
|
|
</html>
|