mirror of
https://github.com/piskelapp/piskel.git
synced 2023-08-10 21:12:52 +03:00
slider
This commit is contained in:
@ -33,7 +33,8 @@
|
|||||||
<div class="canvas-background"></div>
|
<div class="canvas-background"></div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label>Preview FPS:</label><input id="preview-fps" type="text" value="12" />
|
<input id="preview-fps" type="range" min="1" max="24" value="12" style="width:200px;"/>
|
||||||
|
<span id="fps-value">12 fps</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -148,7 +148,7 @@
|
|||||||
};
|
};
|
||||||
var refreshUpdater = startPreviewRefresh();
|
var refreshUpdater = startPreviewRefresh();
|
||||||
|
|
||||||
animFPSTuner.addEventListener('keyup', function(evt) {
|
animFPSTuner.addEventListener('change', function(evt) {
|
||||||
window.clearInterval(refreshUpdater);
|
window.clearInterval(refreshUpdater);
|
||||||
animPreviewFPS = parseInt(animFPSTuner.value, 10);
|
animPreviewFPS = parseInt(animFPSTuner.value, 10);
|
||||||
if(isNaN(animPreviewFPS)) {
|
if(isNaN(animPreviewFPS)) {
|
||||||
@ -167,6 +167,7 @@
|
|||||||
animPreviewFPS = 100;
|
animPreviewFPS = 100;
|
||||||
}
|
}
|
||||||
animFPSTuner.value = animPreviewFPS;
|
animFPSTuner.value = animPreviewFPS;
|
||||||
|
$("fps-value").innerHTML = animPreviewFPS + " fps";
|
||||||
refreshUpdater = startPreviewRefresh();
|
refreshUpdater = startPreviewRefresh();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
Reference in New Issue
Block a user