gbrochar
/
webgl
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added fine/coarse distance slider

This commit is contained in:
gbrochar 2020-11-25 13:51:39 +01:00
parent ca293366fb
commit e4fc439d01
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/client/main.ts
View File

@ -234,8 +234,10 @@ async function main() {
}
const data = await getObj('/static/objs/racer.obj');
const distance: any = $('#distance').val();
const distanceFine: any = $('#distancefine').val();
const params: any = {
distance: $('#distance').val(),
distance: parseFloat(distance) + parseFloat(distanceFine),
circleSize: $('#circlesize').val(),
fov: $('#fov').val(),
avg: {
@ -361,7 +363,13 @@ async function main() {
$(function() {
$('#distance').on('input', function() {
const distance: any = $('#distance').val();
params.distance = parseFloat(distance);
const distanceFine: any = $('#distancefine').val();
params.distance = parseFloat(distance) + parseFloat(distanceFine);
});
$('#distancefine').on('input', function() {
const distance: any = $('#distance').val();
const distanceFine: any = $('#distancefine').val();
params.distance = parseFloat(distance) + parseFloat(distanceFine);
});
$('#circlesize').on('input', function() {
const circleSize: any = $('#circlesize').val();

3
views/index.ejs
View File

@ -23,6 +23,9 @@
</div>
<div class='ui-block'>
<div style='display: inline;'>Change distance : </div>
<div style='display: inline;'>Fine: </div>
<input type="range" min="1" max="50" value="1" class="slider" id="distancefine">
<div style='display: inline;'>Coarse: </div>
<input type="range" min="1" max="1000" value="30" class="slider" id="distance">
</div>
<div class='ui-block'>