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

3
views/index.ejs
View File

@ -23,6 +23,9 @@
</div> </div>
<div class='ui-block'> <div class='ui-block'>
<div style='display: inline;'>Change distance : </div> <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"> <input type="range" min="1" max="1000" value="30" class="slider" id="distance">
</div> </div>
<div class='ui-block'> <div class='ui-block'>