Spaces:
Build error
Build error
File size: 1,669 Bytes
670a607 |
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 57 58 59 60 |
import Base from '../base/Base.js';
import { Circle } from '../utils/Geoms.js';
import Yoyo from '../utils/Yoyo.js';
const Linear = Phaser.Math.Linear;
const RowNum = 3;
const ColNum = 3;
class Grid extends Base {
constructor(scene, config) {
super(scene, config);
this.type = 'rexSpinnerGrid';
}
buildShapes() {
var cnt = RowNum * ColNum;
for (var i = 0; i < cnt; i++) {
var dot = new Circle();
this.addShape(dot);
dot.setData('offset', Math.random());
}
}
updateShapes() {
var centerX = this.centerX;
var centerY = this.centerY;
var radius = this.radius;
var isSizeChanged = this.isSizeChanged;
var leftBound = centerX - radius;
var topBound = centerY - radius;
var cellWidth = (radius * 2) / ColNum;
var cellHeight = (radius * 2) / RowNum;
var maxDotRadius = (Math.min(cellWidth, cellHeight) / 2) * 0.8;
var shapes = this.getShapes();
for (var i = 0, cnt = shapes.length; i < cnt; i++) {
var colIdx = (i % ColNum);
var rowIdx = Math.floor(i / RowNum);
var x = leftBound + cellWidth * (colIdx + 0.5);
var y = topBound + cellHeight * (rowIdx + 0.5);
var dot = shapes[i];
var t = (this.value + dot.getData('offset')) % 1;
t = Yoyo(t);
dot.fillStyle(this.color, Linear(0.25, 1, t));
if (isSizeChanged) {
dot
.setRadius(maxDotRadius)
.setCenterPosition(x, y)
}
}
}
}
export default Grid; |