Skip to content
Snippets Groups Projects
Commit a6dc0224 authored by Aldo Gonzalez-Lorenzo's avatar Aldo Gonzalez-Lorenzo
Browse files

Minor change in the interface

parent abf66b24
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 22 additions and 11 deletions
index.html
+ 22
− 11
View file @ a6dc0224
...@@ -10,12 +10,22 @@ ...@@ -10,12 +10,22 @@
#comptage { #comptage {
cursor: crosshair; cursor: crosshair;
} }
.container {
display: flex
}
.container p:first-child {
width: 200px;
}
p {
margin: 2px;
}
</style> </style>
<script src="https://cdn.jsdelivr.net/npm/p5@1.1.9/lib/p5.js"></script> <script src="https://cdn.jsdelivr.net/npm/p5@1.1.9/lib/p5.js"></script>
</head> </head>
<body> <body>
<div id="comptage"></div> <div id="comptage"></div>
<div class="container">
<p> <p>
Time: <span id="time"></span> Time: <span id="time"></span>
</p> </p>
...@@ -24,8 +34,9 @@ ...@@ -24,8 +34,9 @@
<button id="pause">Pause</button> <button id="pause">Pause</button>
<button id="play">Play</button> <button id="play">Play</button>
</p> </p>
</div>
<p> <p>
Manifestants enregistres : <span id="manifestants">0</span><br> Manifestants enregistrés : <span id="manifestants">0</span><br>
<textarea rows="2" cols="100"></textarea> <button id="import">Import</button> <textarea rows="2" cols="100"></textarea> <button id="import">Import</button>
</p> </p>
<script> <script>
...@@ -44,7 +55,7 @@ ...@@ -44,7 +55,7 @@
video.play() video.play()
video.pause() video.pause()
// set_video_height(600) // set_video_height(600)
set_video_width(1400) set_video_width(1700)
video.hide() // hides the html video loader video.hide() // hides the html video loader
}) })
} }
...@@ -75,7 +86,7 @@ ...@@ -75,7 +86,7 @@
if (Math.abs(person.t - video.time()) < 0.5) { if (Math.abs(person.t - video.time()) < 0.5) {
p.push() p.push()
p.noStroke() p.noStroke()
p.fill('rgba(255, 204, 0, 0.5)') p.fill('rgba(0, 255, 0, 0.5)')
p.circle(person.x * p.width, person.y * p.height, 10) p.circle(person.x * p.width, person.y * p.height, 10)
p.pop() p.pop()
} }
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment