, blockrain.js is een goede plug, kan je op je website in de klassieke tetris spelen, eenvoudige blockrain het voorbeeld hieronder, <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int > < hoofd > < "meta - tekenset = utf - 8 '/> < link href =" http://fonts.googleapis.com/css?Family=Play:400700'rel ='stylesheet'type ='text/css'> < link rel = "stylesheet" href = "assets/css/style.css" > < link rel = "stylesheet" href = "src/blockrain.css" > < /head> < body> < deel id = "voorbeelden" > < article id = "example-slider" > < die klasse = "voorbeeld" > < die klasse = "hij" > gebruik alleen is < die klasse = "van het toetsenbord" > < die klasse = "sleutel key-up" > < /div> < die klasse = "sleutel key-left < /div>" >; < die klasse = "sleutel key-down" > < /div>< die klasse = "sleutel key-right" > < /div> < /div> < /div> < die klasse = "spel" id = "tetris-demo" > < /div> < /div> < /article> < /section> < '"=" assets/js/jquery-1.11.1.min.js "> < /script> <'" = "src/blockrain.jquery.libs.js" > < /script> < '"=" src/blockrain.jquery.src.js "> < /script> <'" = "src/blockrain.jquery.themes.js" > < /script> < script> var $cover = $('#cover-tetris').Blockrain ({autoplay: waar, autoplayRestart: waar speed: 100,Autoblockwidth. Echt, autoblocksize:25, betreft: "snoep"}); var versusspeed = 500; var = $("versus1 dollar&#tetris-versus-1. Spel). Blockrain ((automatische spelen, echt, autoplayrestart: snelheid: versusspeed, ongameover: functie) (versus1 dollar blockrain ('restart dollar".); versus2. Blockrain ('restart "); var. $% = versus2 dollar. De moedermaatschappij (de). (" vinden. - score); $scoren. De tekst (parseint ($). ()) + 1);}}); var = $("versus2 dollar&#tetris-versus-2 spel blockrain (.). - automatische spelen, echt, autoplayrestart: versusspeed, snelheid:Ongameover:function () {versus1 dollar. Blockrain ('restart "); versus2 dollar. Blockrain ('restart"); var. $% = versus1 dollar. De moedermaatschappij (de). ("vinden. - score); $scoren. De tekst (parseint ($). ()) + 1);}}); var. $demo = $("&#tetris demo). Blockrain (snelheid: 20, betreft: "zwarte" onStart:function () {ga ("sturen", "gebeurtenis", "tetris", "start");} {-): functie (GA ("sturen", "gebeurtenis", "tetris", "");}, ongameover: functie (score) {ga ("sturen", "gebeurtenis", 'tetris',' het einde ', score);}});$("# voorbeeld ("), dat onder de knop, klik (functie) (event) {gebeurtenissen. Preventdefault (); switchdemotheme (echt);}); $("# voorbeeld ("), en dat de knop klikken (functie). () {gebeurtenissen. Preventdefault (); switchdemotheme (pseudo);}); de functionele switchdemotheme () {VAR betreft = object. - (blockrainthemes); var currenttheme = $demonstratie. Blockrain ('theme "); var currentix = betreft. (currenttheme); indien de (onder) {} {} + + + + + + currentix; - andere currentix Als (currentix; > = themes.length) {currentix = 0;} als (currentix < 0) {} $DEM currentix = themes.length-1;O.blockrain ('theme "betreft [currentix]) ("); -&#slider. Thema 's (""), de tekst "+ betreft [currentix] +");} < /scripts > < /body > < /html > dit zal leiden tot de volgende resultaten, en klik hier voor de negatieve;,