-
Notifications
You must be signed in to change notification settings - Fork 0
/
renderer.js
56 lines (44 loc) · 1.2 KB
/
renderer.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
// This file is required by the index.html file and will
// be executed in the renderer process for that window.
// All of the Node.js APIs are available in this process.
const PIXI = require('pixi.js');
const Square = require('./src/square.js');
let delta = 0;
let prev = performance.now();
let now = performance.now();
const MILLSECONDS_PER_SECOND = 1000;
//webGL renderer
let renderer = PIXI.autoDetectRenderer(
window.innerWidth,
window.innerHeight,
{
backgroundColor: 0x000000
}
);
document.body.appendChild(renderer.view);
//container for objects to render
let stage = new PIXI.Container();
//graphics object for drawing shapes to
let graphics = new PIXI.Graphics();
stage.addChild(graphics);
let square = new Square({x: 0, y: 0}, {width: 100, height: 100}, 0xffffff);
var init = function(){
render();
}
var render = function(){
now = performance.now();
delta = now - prev;
graphics.clear();
square.draw(graphics);
renderer.render(stage);
prev = performance.now();
requestAnimationFrame(render);
}
var curX = 0;
var click = function(){
console.log('click!');
curX += 40;
square.targetx = curX;
}
window.addEventListener('click', click);
init();