test-slot
by palanolho
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.7.1/pixi.min.js"></script>
JavaScript
// Canvas size
var canvas_width = 540;
var canvas_height = 960;
// PixiJS canvas application
var app = new PIXI.Application({
width: canvas_width,
height: canvas_height,
backgroundColor : 0x33FFC1
//view: document.getElementById("game-canvas")
});
document.body.appendChild(app.view);
PIXI.loader
.add("arenaBackground", "images/backgrounds/slotfighter-bg.png")
.add("sandArena", "https://vignette.wikia.nocookie.net/finalfantasy/images/c/c8/Battleback_coliseum.png")
.add("fighter1", "images/fighters/sf-ps-ryu.png")
.add("fighter2", "images/fighters/sf-ps-sagat.png")
.add("fighter3", "images/fighters/sf-ps-ken.png")
.add("fighter4", "images/fighters/sf-ps-vega.png")
.add("fighter5", "images/fighters/sf-ps-ibuki.png")
.add("fighter6", "images/fighters/sf-ps-cammy.png")
.add("symbol_blank", "images/symbols/blank.gif")
.add("symbol_attack", "images/symbols/move-attack.png")
.add("symbol_block", "images/symbols/move-block.png")
.add("symbol_dodge", "images/symbols/move-dodge.png")
.add("symbol_throw", "images/symbols/move-throw.png")
.add("symbol_energy1", "images/symbols/energy-1.png")
.add("symbol_energy2", "images/symbols/energy-2.png")
.add("symbol_special1", "images/symbols/move-special-1.png")
.add("symbol_special2", "images/symbols/move-special-2.png")
.add("symbol_special3", "images/symbols/move-special-3.png")
.load(init);
/**
* Reels Configurations
*/
// slot game size
var slot_reels_count = 5;
var slot_rows_count = 4;
// available symbols - the index of each symbol corresponds to the index in the symbols image array "new_symbols"
var symbols_index = new Array("-", "A", "B", "D", "T", "E1", "E2", "S1", "S2");
// set up reels
var reels_config = new Array();
// original reels
reels_config[0] = new Array("T", "B", "-", "A", "D", "E1", "-", "D", "E2", "E1", "A", "-", "E2", "B", "D", "E1", "-", "B", "E2", "-", "T", "E1", "-", "B", "E2", "A", "-", "T", "D", "B",...