mirror of
https://github.com/webbukkit/dynmap.git
synced 2024-12-28 03:27:36 +01:00
110 lines
3.0 KiB
JavaScript
110 lines
3.0 KiB
JavaScript
componentconstructors['timeofdayclock'] = function(dynmap, configuration) {
|
|
var me = this;
|
|
|
|
var timeout = null;
|
|
|
|
var element = $('<div/>')
|
|
.addClass('largeclock')
|
|
.addClass('timeofday')
|
|
.appendTo(dynmap.options.container);
|
|
|
|
var sun = $('<div/>')
|
|
.height(60)
|
|
.addClass('timeofday')
|
|
.addClass('sun')
|
|
.css('background-position', (-150) + 'px ' + (-150) + 'px')
|
|
.appendTo(element);
|
|
|
|
var moon = $('<div/>')
|
|
.height(60)
|
|
.addClass('timeofday')
|
|
.addClass('moon')
|
|
.css('background-position', (-150) + 'px ' + (-150) + 'px')
|
|
.appendTo(sun);
|
|
|
|
if (configuration.showdigitalclock) {
|
|
var clock = $('<div/>')
|
|
.addClass('timeofday')
|
|
.addClass('digitalclock')
|
|
.appendTo(element);
|
|
|
|
var formatTime = function(time) {
|
|
var formatDigits = function(n, digits) {
|
|
var s = n.toString();
|
|
while (s.length < digits) {
|
|
s = '0' + s;
|
|
}
|
|
return s;
|
|
}
|
|
return formatDigits(time.hours, 2) + ':' + formatDigits(time.minutes, 2);
|
|
};
|
|
|
|
var setTime = function(servertime) {
|
|
if (timeout != null) {
|
|
window.clearTimeout(timeout);
|
|
timeout = null;
|
|
}
|
|
var time = getMinecraftTime(servertime);
|
|
clock
|
|
.addClass(time.day ? 'day' : 'night')
|
|
.removeClass(time.night ? 'day' : 'night')
|
|
.text(formatTime(time));
|
|
|
|
if (timeout == null) {
|
|
timeout = window.setTimeout(function() {
|
|
timeout = null;
|
|
setTime(time.servertime+(1000/60));
|
|
}, 700);
|
|
}
|
|
};
|
|
|
|
$(dynmap).bind('worldupdated', function(event, update) {
|
|
setTime(update.servertime);
|
|
});
|
|
}
|
|
if(configuration.showweather) {
|
|
var weather = $('<div/>')
|
|
.addClass('weather')
|
|
.appendTo(element);
|
|
|
|
var thunder = $('<div/>')
|
|
.addClass('thunder')
|
|
.css('display','none')
|
|
.appendTo(weather);
|
|
|
|
var setWeather = function(hasStorm, isThundering) {
|
|
weather
|
|
.addClass(hasStorm ? 'stormy' : 'sunny')
|
|
.removeClass(hasStorm ? 'sunny' : 'stormy');
|
|
thunder.css('display',isThundering ? 'block' : 'none');
|
|
};
|
|
|
|
$(dynmap).bind('worldupdated', function(event, update) {
|
|
setWeather(update.hasStorm, update.isThundering);
|
|
});
|
|
}
|
|
$(dynmap).bind('worldupdated', function(event, update) {
|
|
var sunangle;
|
|
var time = update.servertime;
|
|
|
|
if(time > 23100 || time < 12900) {
|
|
//day mode
|
|
var movedtime = time + 900;
|
|
movedtime = (movedtime >= 24000) ? movedtime - 24000 : movedtime;
|
|
//Now we have 0 -> 13800 for the day period
|
|
//Divide by 13800*2=27600 instead of 24000 to compress day
|
|
sunangle = ((movedtime)/27600 * 2 * Math.PI);
|
|
} else {
|
|
//night mode
|
|
var movedtime = time - 12900;
|
|
//Now we have 0 -> 10200 for the night period
|
|
//Divide by 10200*2=20400 instead of 24000 to expand night
|
|
sunangle = Math.PI + ((movedtime)/20400 * 2 * Math.PI);
|
|
}
|
|
|
|
var moonangle = sunangle + Math.PI;
|
|
|
|
sun.css('background-position', (-50 * Math.cos(sunangle)) + 'px ' + (-50 * Math.sin(sunangle)) + 'px');
|
|
moon.css('background-position', (-50 * Math.cos(moonangle)) + 'px ' + (-50 * Math.sin(moonangle)) + 'px');
|
|
});
|
|
}; |