Converted cammie.coffee to cammie.js
This commit is contained in:
parent
f9a34b0bd7
commit
233477e937
2 changed files with 42 additions and 32 deletions
|
@ -1,32 +0,0 @@
|
|||
# Reworked version of the underscorejs debounce
|
||||
debounce = (func, wait, initial = () -> ) ->
|
||||
timeout = false
|
||||
() ->
|
||||
context = this
|
||||
args = arguments
|
||||
later = () ->
|
||||
timeout = null
|
||||
func.apply context, args
|
||||
callNow = !timeout
|
||||
clearTimeout timeout
|
||||
timeout = setTimeout later, wait
|
||||
initial.apply context, args if callNow
|
||||
|
||||
# Display controls when moving mouse
|
||||
$ "#cammie-ctrls"
|
||||
.mousemove debounce () ->
|
||||
$ this
|
||||
.removeClass 'display'
|
||||
, 3000, () ->
|
||||
$ this
|
||||
.addClass 'display'
|
||||
|
||||
# Cammie controls
|
||||
$ '.ctrl'
|
||||
.click ->
|
||||
$context = $ this
|
||||
$.ajax "https://kelder.zeus.ugent.be/webcam/cgi/ptdc.cgi",
|
||||
data:
|
||||
command: $context.data 'command'
|
||||
posX: $context.data 'x'
|
||||
posY: $context.data 'y'
|
42
content/assets/scripts/cammie.js
Normal file
42
content/assets/scripts/cammie.js
Normal file
|
@ -0,0 +1,42 @@
|
|||
var debounce;
|
||||
|
||||
debounce = function(func, wait, initial) {
|
||||
var timeout;
|
||||
if (initial == null) {
|
||||
initial = function() {};
|
||||
}
|
||||
timeout = false;
|
||||
return function() {
|
||||
var args, callNow, context, later;
|
||||
context = this;
|
||||
args = arguments;
|
||||
later = function() {
|
||||
timeout = null;
|
||||
return func.apply(context, args);
|
||||
};
|
||||
callNow = !timeout;
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(later, wait);
|
||||
if (callNow) {
|
||||
return initial.apply(context, args);
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
$("#cammie-ctrls").mousemove(debounce(function() {
|
||||
return $(this).removeClass('display');
|
||||
}, 3000, function() {
|
||||
return $(this).addClass('display');
|
||||
}));
|
||||
|
||||
$('.ctrl').click(function() {
|
||||
var $context;
|
||||
$context = $(this);
|
||||
return $.ajax("https://kelder.zeus.ugent.be/webcam/cgi/ptdc.cgi", {
|
||||
data: {
|
||||
command: $context.data('command'),
|
||||
posX: $context.data('x'),
|
||||
posY: $context.data('y')
|
||||
}
|
||||
});
|
||||
});
|
Loading…
Reference in a new issue