1
0
forked from monnerat/web_2024
This commit is contained in:
Denis Monnerat 2025-01-22 17:02:42 +01:00
parent 13f26258f5
commit 8b173f9599
6 changed files with 44 additions and 32 deletions

Binary file not shown.

@ -3,8 +3,11 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,witdh=device-width">
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css"
>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
<script src="graph.js" type="text/javascript"></script>
<script>

@ -2,7 +2,14 @@
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="http://www.iut-fbleau.fr/css/tacit.css">
<meta name="viewport" content="initial-scale=1,witdh=device-width">
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css"
>
</head>
<body class="m-6">
<main class="container">

@ -0,0 +1,8 @@
canvas {
position : absolute ;
top : 0;
left : 0;
z-index : -1;
}

@ -6,41 +6,35 @@
<meta name="viewport" content="initial-scale=1,witdh=device-width">
<title>Fourmi de Langton</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css"
>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
<style>
canvas {
position : absolute ;
top : 0;
left : 0;
z-index : -1;
}
.control {
position : absolute ;
top : 0;
left : 0;
width : auto;
}
</style>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="control m-6 has-text-centered">
<h4 class="has-text-primary-dark title is-4">
Fourmi de Langton
</h4>
<div class="is-pulled-left m-6 has-text-centered">
<nav class="m-3">
<button class="button" id="next-move">Next</button>
<button class="button" id="autoplay">Auto</button>
<button class="button" id="plus-100">+100</button>
</nav>
<h4 class="has-text-primary-dark title is-4">
Fourmi de Langton
</h4>
<nav class="m-3">
<button class="button" id="next-move">Next</button>
<button class="button" id="autoplay">Auto</button>
<button class="button" id="plus-100">+100</button>
</nav>
<p class="mb-6 is-size-7">
Nombre de mouvements : <span id="move-value"></span>
</p>
<p class="mb-6 is-size-7">
Nombre de mouvements : <span id="move-value"></span>
</p>
</div>
<canvas></canvas>
<canvas></canvas>
<script type="module" src="app.js"></script>
</body>
</html>

@ -30,8 +30,8 @@ function render(langtonsAnt, canvas, options) {
// We're going to draw each square with a given edge size
const tileSizeW = tileSize//w / gridSizeW ;
const tileSizeH = tileSize //h / gridSizeH ;
const tileSizeW = tileSize;//w / gridSizeW ;
const tileSizeH = tileSize; //h / gridSizeH ;
// Get the drawing context.
var ctx = canvas.getContext('2d');