solari
Version:
Solari board on a Canvas using THREE.js
39 lines (37 loc) • 1.15 kB
HTML
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>Test</title>
<!-- Load the built library -->
<script src='./dist/solari.js'></script>
</head>
<body>
<div id="board-container"></div>
<script type="text/javascript">
console.log('SolariBoard mounted!!!!!!');
Solari.Solari.prototype.sound = 0;
Solari.Solari.prototype.audio = function(){
var sound = this.sound || 0;
var audioSelector = '#solari-audio-' + sound;
return $(audioSelector)[0];
};
var board = window.Board = new Solari.Solari;
new Solari.SolariTexture().bind('load', function () {
var alphaSet = this,
row;
document.getElementById('board-container').appendChild(board.el);
// Set up the board
_(7).times(function () {
row = new Solari.SolariRow(board.y);
_(23).times(function () {
row.add(alphaSet);
});
board.add(row);
});
board.setMessage([]);
board.start();
}).load('/assets/chars.png', 'ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890?.,!&#$():“”@*^/;+=%-‘’°<>\\ '.split(''), 72, 63);
</script>
</body>
</html>