// ClockMorph: 간단한 아날로그 시계
Morph.subclass(“ClockMorph”, {
defaultBorderWidth: 2,
type: "ClockMorph",
// 생성자
initialize: function($super, position, radius) {
$super(position.asRectangle().expandBy(radius), "ellipse");
this.openForDragAndDrop = false; // 드래그 앤 드롭 요청을 처리하지 않음
this.makeNewFace(); // 시계 문자판 생성
return this;
},
// 새로운 시계 문자판 생성
makeNewFace: function() {
var bnds = this.shape.bounds();
var radius = bnds.width/3;
var labels = [];
var fontSize = Math.max(Math.floor(0.04 * (bnds.width + bnds.height)),4);
var labelSize = fontSize; // 기본 들여쓰기로 가운데 정렬을 위한 공간
// 시계에 로마 숫자 추가
for (var i = 0; i < 12; i++) {
var labelPosition = bnds.center().addPt(Point.polar(radius*0.85,
((i-3)/12)*Math.PI*2)).addXY(labelSize, 0);
var label = new TextMorph(pt(0,0).extent(pt(labelSize*3,labelSize)),
['XII','I','II','III','IV','V','VI','VII','VIII','IX','X','XI'][i]);
label.setWrapStyle(WrapStyle.SHRINK);
label.setFontSize(fontSize);
label.setInset(pt(0,0));
label.setBorderWidth(0);
label.setFill(null);
label.align(label.bounds().center(),labelPosition.addXY(-2,1));
this.addMorph(label);
}
// 시계 바늘 추가
this.addMorph(this.hourHand = Morph.makeLine([pt(0,0),pt(0,-radius*0.5)],4,Color.blue));
this.addMorph(this.minuteHand = Morph.makeLine([pt(0,0),pt(0,-radius*0.7)],3,Color.blue));
this.addMorph(this.secondHand = Morph.makeLine([pt(0,0),pt(0,-radius*0.75)],2,Color.red));
this.setHands();
this.changed();
},
// 현재 시간에 따라 시계 바늘 각도 설정
setHands: function() {
var now = new Date();
var second = now.getSeconds();
var minute = now.getMinutes() + second/60;
var hour = now.getHours() + minute/60;
this.hourHand.setRotation(hour/12*2*Math.PI);
this.minuteHand.setRotation(minute/60*2*Math.PI);
this.secondHand.setRotation(second/60*2*Math.PI);
},
// ClockMorph가 월드에 배치될 때 호출됨
startSteppingScripts: function() {
this.startStepping(1000, "setHands"); // 1초에 한 번
}
});
