Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
a-frame clock
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<script>
AFRAME.registerComponent('clock', {
schema: {
position: {type: 'vec3', default: {x: -.75, y: 1.75, z: -1.75}},
color: {type: 'color', default: '#0f0'},
font: {type: 'string', default: 'monoid'}
},
init: function () {
this.clockEl = document.createElement('a-text');
this.el.appendChild(this.clockEl);
this.clockEl.setAttribute('position', this.data.position);
this.clockEl.setAttribute('color', this.data.color);
this.clockEl.setAttribute('font', this.data.font);
},
tick: function(){
this.clockEl.setAttribute('value', this.getTime());
},
getTime: function() {
var d = new Date();
return d.toLocaleTimeString();
}
});
</script>
<a-scene>
<a-entity clock="font: sourcecodepro; color: #191;"></a-entity>
<a-sky color="#222"></a-sky>
</a-scene>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment