Lively Kernel canvas
/*
b=new BuildCalendar();
allM = b.buildMonth(null, 2, pt(100,100));
allM = b.buildMonth(null, 3, pt(100,allM.last().getPosition().y+allM.last().getExtent().y + 5));
b=new BuildCalendar();
allM = b.buildMonth(null, 4, pt(100,allM.last().getPosition().y+allM.last().getExtent().y + 5));
allM.slice(14).invoke('remove');
allM.forEach(function(ea) { ea.moveBy(pt(100,0)) });
allM.forEach(function(ea) { ea.remove() });
allM.forEach(function(ea) { ea.setScale(0.8) });
// OOPSLA March 23, 2009
// Onward April 20, 2009
// Wikisym March 27, 2009
a=new HowMuchTime()
a.openInWorld()
a.start();
/////////////
dms = WorldMorph.current().submorphs.select(function(ea) { return ea instanceof DayMorph})
dms.forEach(function(ea) { ea.cross.submorphs.invoke('remove') })
dms[0].testIfTheDayHasCome()
*/
pointTo = function(morph, pos) {
var delta = pos.subPt(morph.getPosition());
morph.setRotation(delta.theta()+Math.PI/2);
}
scaleGradually = function(morph, scale, steps) {
var deltaS = scale - morph.getScale();
var scaleStep = deltaS/steps;
var stepTime = 10;
var actionWhenDone = function() { this.remove() };
var grow = function(remainingSteps) {
if (remainingSteps <= 0) return actionWhenDone.apply(morph);
morph.setScale(morph.getScale()+scaleStep);
Global.setTimeout(grow.curry(remainingSteps-1), stepTime);
}
Global.setTimeout(grow.curry(steps), stepTime);
}
bumm = function(morph) {
morph.remove();
var explosion = Morph.makeCircle(morph.getPosition(), 10, 0, null, Color.random());
explosion.openInWorld();
explosion.suppressHandles = true;
scaleGradually(explosion, getRandomNumber(20)+10, 10)
}
makeRocket = function(pos) {
var m = Morph.makeRectangle(new Rectangle(0,0,5,50));
var head = Morph.makePolygon([pt(0,-10), pt(-10,2), pt(10,2)], null, null, m.getFill());
head.moveBy(m.getExtent().scaleBy(0.5).withY(0));
m.addMorph(head);
m.setPosition(pos)
m.openInWorld();
return m;
}
getRandomNumber = function(max) { return Math.floor(Math.random()*max+1)-1};
getRandomPoint = function(maxX, maxY) { return pt(getRandomNumber(maxX), getRandomNumber(maxY)) };
getRandomPtFromRect = function(r) { return getRandomPoint(r.width, r.height).addPt(r.topLeft())}
w = WorldMorph.current();
createAndInitRocket = function() {
var width = w.getExtent().x*2/3;
var restWidth = w.getExtent().x - width;
var targetArea = pt(restWidth/2,0).extent(pt(width,300));
var start=getRandomPoint(5,5).addXY(w.getExtent().x/2, w.getExtent().y-100);
var x = makeRocket(start);
x.launch = function() {
var target = getRandomPtFromRect(targetArea);
pointTo(this, target);
var cb = function() {
this.stopStepping();
bumm(this);
};
this.animatedInterpolateTo(target, 10, 1, cb);
}
return x;
}
startLoop = function() {
Global.setTimeout(
function() {createAndInitRocket().launch(); startLoop() },
getRandomNumber(1000)+ 2000);
};
i=3
while(i>0) {
i--;
startLoop()
}5new Date(24*60*60*1000) - new Date(0)function(date) {
return new Date(date.valueOf() + this.day);
}function(monthName, monthNo, startPos) {
var pos = startPos;
var extent = DayMorph.prototype.initialExtent;
var margin = this.defaultMargin;
monthNo -= 1;
if (!this.morphs) this.morphs = [];
var date = new Date(2009, monthNo/*month-1*/, 1/*day*/, 0/*hour*/, 1/*minute*/);
do {
this.createDayMorph(date, pos);
pos = date.getDay() % 7 == 0 ? startPos.withY(pos.y + extent.y + margin) : pos.addXY(extent.x + margin, 0);
date = this.nextDay(date);
} while (date.getMonth() === monthNo);
return this.morphs;
}function(date, pos) {
var x = new DayMorph(date, pos);
this.morphs.push(x);
x.openInWorld();
x.start();
}pt(80, 40)function($super, date, optPos) {
if (!optPos) optPos = pt(100,100);
$super(optPos.extent(this.initialExtent));
this.dateMs = date.valueOf();
this.applyStyle({borderWidth: 0, fillOpacity: .5, fill: Color.veryLightGray});
this.buildDateText(date);
this.buildCrossMorph();
}function(date) {
var bnds = this.bounds().translatedBy(pt(0, this.getExtent().y/2+5));
var text = new TextMorph(bnds, date.toUTCString().slice(0,11));
text.beLabel();
text.setFontSize(10);
this.text = text;
this.addMorph(text);
}function() {
var length = this.getExtent().y/2;
var pos = pt(this.getExtent().x/2 - length/2, 4);
var cross = new BoxMorph(pos.extent(pt(length,length)));
cross.applyStyle({borderWidth: 2, fillOpacity: 0, borderColor: Color.black.lighter()});
this.cross = cross;
this.addMorph(cross);
}function() {
if (this.cross.hasSubmorphs()) return;
var b = this.cross.bounds().extent().extentAsRectangle();
var l1 = Morph.makePolygon([b.topLeft(), b.bottomRight()], 2, Color.black.lighter());
var l2 = Morph.makePolygon([b.topRight(), b.bottomLeft()], 2, Color.black.lighter());
this.cross.addMorph(l1);
this.cross.addMorph(l2);
}function() {
if (new Date(this.dateMs) > new Date()) return;
this.theDayHasCome();
}function() {
this.cross.withAllSubmorphsDo(function() {
this.applyStyle({borderColor: Color.red, strokeOpacity: 0.5});
});
}function() {
this.text.setTextColor(Color.red);
this.withAllSubmorphsDo(function(ea) {
this.applyStyle({borderColor: Color.red, strokeOpacity: 0.8});
});
this.startStepping(800, "blink");
}function() {
this.setBorderWidth(this.getBorderWidth() === 0 ? 3 : 0);
}function() {
this.startStepping(60 * 1000, "testIfTheDayHasCome");
}pt(80, 40)new Date(2009, 3, 14, 0, 1)function($super) {
$super(this.initialExtent.extentAsRectangle());
}function() {
this.startStepping(1000, "update");
}function() {
var now = new Date();
var ms=this.deadline - now;
var s = ms/1000;
var m = s/60;
var h = m/60;
var d = h/24;
var days = Math.floor(d);
var hours = Math.floor(h-days*24)
var min = Math.floor(m-days*24*60-hours*60)
var sec = Math.floor(s-days*24*60*60-hours*60*60-min*60)
// var s = Strings.format('Robert still has %s days, %s hours, %s minutes, and %s seconds before his deadline ends. Looooots of time!', days, hours, min, sec);
var s = 'It\'s done :-D';
this.setTextString(s);
}
null
Mon,02Feb
10
null
null
60000
0.005726500170984961
1233561660000