Visual-js Slot mashine Demo

Slot mashine is free Demo . You can catch how visual-js works in this demo.

by Nikola Lukic

HTML

<script src="https://maximumroulette.com/visual-js/manifest/manifest_jsfiddle.js"></script>
<script src="https://maximumroulette.com/visual-js/lib/build.js"></script>
<body style="margin:0;padding:0;border:none;background-color:black;">
  <div id="UPLOAD_BOX" style="display:block">
  </div>
  <div id="experiment" style="display:block">
    <video id="webcam" autoplay width="640" height="480" style="display:none;position:absolute;left:0;top:0;"></video>
    <canvas id="canvas-blended" width="640" height="480" style="position:absolute;left:0;top:0;display:none;"></canvas>
    <canvas id="canvas-render" width="640" height="480" style="position:absolute;left:0;top:0;display:none;"></canvas>
  </div>
  <canvas tabindex='1' width="1" height="1" id="HELLO_WORLD"></canvas>
  <div style="display:block;">
    <!--audio controls id="audio_ambient"  >
<source src="http://radio.nessradio.net:8000/nessradio.mp3" type="audio/mpeg">
<source src="http://radio.nessradio.net:8000/nessradio.ogg" type="audio/ogg">
</audio-->
  </div>


</body>

JavaScript

//###############################################//###############################################
//###############################################//###############################################
// USER PART OF CODE 
/**
Filename : funny.js
  Game Template with Visual JS support 
  slot prototype 0.1 FUNNY3 DEMO
  2016
*/


/**

Copyright 2016, [email protected]
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are
met:

Leave lib licence header and use it for free even for commercial projects

*/

//###############################################//###############################################
//###############################################//###############################################

/*OPERATION FOE REELS
 We have 3 reels 
 You configure reels with arrays : 
 
SYMBOLS_REEL1
SYMBOLS_REEL2
SYMBOLS_REEL3
 
RESOURCE.SOME_RES is standard Visual JS resource js object
 
 
 NOMOBILE == 0 //means mobile devices
 NOMOBILE == 1 //means desktop devices
 
*/

//MAKE ALL BE INVISIBLE

// This is first you will need : 
// make surface draws and update functions 
SYS.DOM.CREATE_SURFACE("SURF", "HELLO_WORLD", 100, 99.4, "DIAMETRIC");

//One program have a one engine , engine runs modules 
//One modul have a gameobjects , use more modules for composition 
HELLO_WORLD.ENGINE.CREATE_MODUL("STARTER");

HELLO_WORLD.ENGINE.CREATE_MODUL("SLOT");
HELLO_WORLD.ENGINE.CREATE_MODUL("LOADING");

var LOADING_MODULE = HELLO_WORLD.ENGINE.MODULES.ACCESS_MODULE('LOADING');
var SLOT_MODULE = HELLO_WORLD.ENGINE.MODULES.ACCESS_MODULE('SLOT');

//###############################
//FIX FOR FIDDLE - MAKE RESOURCE PATHS ABSOLUTE
//###############################
RESOURCE.imagesFont1 = {
  "source": ["https://maximumroulette.com/framework/res/animations/imagesFont1/letter_A.png", "https://maximumroulette.com/framework/res/animations/imagesFont1/letter_B.png",...