<!DOCTYPE html><html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /> <title>Online virtual games | Play drums | Free Virtual Drumming game</title> <meta name="description" content="Play online the drums of your favorite drummer! Virtual Drumming is a free drumming game where you can play drums in real time with touch or keyboard."> <meta name="keywords" content="virtual drums,drum games,online games for kids,drumming games,online drum set,online drums,drum,drums,drum set,drumming"> <link rel="shortcut icon" href="../../favicon.ico"> <meta property="og:url" content="https://www.virtualdrumming.com/drums/online-virtual-games/online-virtual-games-drums.html"> <meta property="og:type" content="website"> <meta property="og:title" content="Online drum games by VirtualDrumming"> <meta property="og:description" content="Play online virtual drum games"> <meta property="og:image" content="https://www.virtualdrumming.com/drums/drum-lessons-images/virtual-drums.jpg"> <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3"></script>
<meta name="HandheldFriendly" content="true" /> <meta name="format-detection" content="telephone=no" />
<style>.drum-games-nav,body{font-family:helvetica,arial,sans-serif}body,ul{padding:0}#drum-menu-icon,.show-menu,a:active,a:hover,a:link,a:visited,li:hover a{text-decoration:none}body{margin:0;background-color:#000;text-align:left}#adsense336x280,#adsense336x600,#adsense728x15,#adsense728x90,.drum-games-menu,.drum-games-nav,.drum-set,.key-set{text-align:center}img{border:none}a{color:#fb0;font-weight:700}a.blackback:link,a.blackback:visited{color:#fc6;text-shadow:0 0 4px #e33,0 0 6px #d33,0 0 10px #c33,0 0 15px #b33}a.blackback:hover{color:#fe8;text-shadow:0 0 4px #e66,0 0 6px #d66,0 0 10px #c66,0 0 15px #b66}a.blueback:link,a.blueback:visited{color:#fff}a.blueback:hover{color:#0cf}#nav-back{position:absolute;top:0;width:100%;height:3.375em;z-index:-1}.drum-games-shade{background:#555;background-image:-ms-linear-gradient(top,#333 0,#888 100%);background-image:-moz-linear-gradient(top,#333 0,#888 100%);background-image:-o-linear-gradient(top,#333 0,#888 100%);background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#333),color-stop(1,#888));background-image:-webkit-linear-gradient(top,#333 0,#888 100%);background-image:linear-gradient(to top,#333 0,#888 100%)}.drum-games-container{max-width:61.25em;margin:0 auto}.drum-games-clear{clear:both}.drum-games-nav{width:100%;height:auto;margin:0 auto;overflow:hidden}.settings,button p{font-family:arial,helvetica,sans-serif}.drum-games-logo{float:left;margin:.75em 0 .625em 1.5em}ul{list-style:none;margin:0;font-size:.875em;float:right;text-shadow:0 -1px #000;line-height:3.875em}.show-menu,h1{font-size:1.5em}li{float:left;display:inline-block}li a{color:#fff;padding:0 .8em;display:block;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}li:hover a{background:#444}li ul{display:none}.hidden:hover,li ul li,ul li a:hover+.hidden{display:block}li ul li{float:none}.show-menu,input[type=checkbox]{display:none}.show-menu{color:#fff;text-align:right;padding:.5em 1em 0 0}input[type=checkbox]:checked~#menu{display:block}.fb-like{float:left;margin:.75em 0 0 2em}@media screen and (min-width :700px){#adsense336x600{width:21em;height:37.5em}}@media screen and (max-width :798px){li a,ul,ul li{width:100%}ul{line-height:2.875em;position:static;display:none}li{margin-bottom:0}li ul li a{text-align:center}.show-menu{display:block}.show-menu:hover{cursor:pointer}#nav-back,.drum-games-nav{position:fixed!important;z-index:1}#drum-games-submenu{height:4.875em!important}}@media screen and (max-width :700px){#adsense336x600{width:18.75em}}@media screen and (max-width :630px){.drum-set-col{width:100%!important}}@media screen and (max-width :600px){#adsense336x600{display:none}.drum-rectangle-left{float:none!important}}@media screen and (max-width :370px){#Virtual-Drummer-Video{width:90%!important}}#drum-games-submenu{height:1.5em}.drum-games-more{margin:.5em 0;border-radius:.375em;-webkit-border-radius:.375em;-moz-border-radius:.375em;-o-border-radius:.375em;-khtml-border-radius:.375em;background:#292929;background-image:-ms-linear-gradient(top,#191919 0,#292929 80%,#494949 100%);background-image:-moz-linear-gradient(top,#191919 0,#292929 80%,#494949 100%);background-image:-o-linear-gradient(top,#191919 0,#292929 80%,#494949 100%);background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#191919),color-stop(1,#494949));background-image:-webkit-linear-gradient(top,#191919 0,#292929 80%,#494949 100%);background-image:linear-gradient(to top,#191919 0,#292929 80%,#494949 100%);padding:1em 2.5%;color:#fff}.drum-games-more-img{float:left;margin:.75em 1.25em .625em 0;padding:0}h1,h2{margin:0}h1{line-height:1em;padding-top:.5em;color:#ffe}h2{font-size:1.125em;line-height:1.125em;padding-top:.75em;color:#eed}.drum-games-more p,h3,h4{font-size:1em;color:#ccb;font-weight:400}h3{line-height:1.5em}.drum-games-more p,h4{line-height:1.75em}.drum-games-more strong{color:#ffe;text-shadow:0 0 6px #ba9,0 0 10px #a98,0 0 15px #987}.drum-games-button{margin:1em .2em 0}.drum-games-zoom{transform:scale(1.2);-webkit-transform:scale(1.2)}.drum-rectangle-left{margin:2em 2em 0 0;float:left}.drum-rectangle-right{margin:1.5em 0;min-height:19em}.drum-games-footer{margin:3em 0;text-align:center}#Virtual-Drummer-Video{border:0}#adsense728x90{width:100%;max-width:980px;height:auto;padding-bottom:1.5em;background-color:#111;background-image:-ms-linear-gradient(top,#222 0,#111 40%);background-image:-moz-linear-gradient(top,#222 0,#111 40%);background-image:-o-linear-gradient(top,#222 0,#111 40%);background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#222),color-stop(1,#111));background-image:-webkit-linear-gradient(top,#222 0,#111 40%);background-image:linear-gradient(to top,#222 0,#111 40%)}#adsense728x15{min-height:1em;margin:1.5em 0 2em;max-width:980px}#adsense336x280{float:left;margin:.75em 2.5em 1em 0}#adsense336x600{float:right;margin:1em 0 1em 2em}#virtual-drummer-icon{width:3.75em;height:3.75em;background-size:100% auto;margin:2em 0 1em .75em}.free-drumming{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/virtual-snare-drum.jpg)}.travis-barker{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/travis-barker.jpg)}.michael-bland{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/michael-bland.jpg)}.john-bonham{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/john-bonham.jpg)}.phil-collins{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/phil-collins.jpg)}.tre-cool{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/tre-cool.jpg)}.stewart-copeland{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/stewart-copeland.jpg)}.josh-dun{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/josh-dun.jpg)}.dave-grohl{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/dave-grohl.jpg)}.ian-paice{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/ian-paice.jpg)}.jeff-porcaro{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/jeff-porcaro.jpg)}.joey-jordison{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/joey-jordison.jpg)}.nicko-mcbrain{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/nicko-mcbrain.jpg)}.mike-portnoy{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/mike-portnoy.jpg)}.jimmy-the-rev-sullivan{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/jimmy-the-rev-sullivan.jpg)}.lars-ulrich{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/lars-ulrich.jpg)}.steve-gadd{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/steve-gadd.jpg)}.elvin-jones{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/elvin-jones.jpg)}.philly-joe-jones{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/philly-joe-jones.jpg)}.dave-weckl{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/dave-weckl.jpg)}.tony-williams{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/tony-williams.jpg)}.double-pedal{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/double-pedal.jpg)}.hip-hop{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/hip-hop.jpg)}.vintage-drums{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/vintage-drums.jpg)}.live-drums{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/live-drums.jpg)}.custom-drums{background:url(https://www.virtualdrumming.com/drums/drum-lessons-images/custom-drums.jpg)}.settings{position:relative;display:none;height:auto;width:96%;margin:0 auto;z-index:1;padding-bottom:3%;border-radius:.3em;-webkit-border-radius:.3em;-moz-border-radius:.3em;-o-border-radius:.3em;-khtml-border-radius:.3em;border-top:1px solid #666;border-right:1px solid #444}.drum-set,.settings-back{border-radius:.3em;-khtml-border-radius:.3em}.settings-back{position:absolute;height:100%;width:100%;margin:0;z-index:-2;filter:alpha(opacity=84);opacity:.84;-webkit-border-radius:.3em;-moz-border-radius:.3em;-o-border-radius:.3em;background-color:#222;background-image:-ms-linear-gradient(top,#222 0,#333 100%);background-image:-moz-linear-gradient(top,#222 0,#333 100%);background-image:-o-linear-gradient(top,#222 0,#333 100%);background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#222),color-stop(1,#333));background-image:-webkit-linear-gradient(top,#222 0,#333 100%);background-image:linear-gradient(to top,#222 0,#333 100%)}.drum-set-col,.drum-set-half{width:50%;float:left}.settings p{font-size:.875em;color:#fff;padding:0 5%}#drum-set-frame{margin:0 2%}.drum-set-col{min-width:6.75em}#vol-settings{max-width:40em}.vol-set-frame{margin:0 auto;max-width:32em}.vol-set-col{float:left;width:44%;margin:3% 3% 0}.vol-set-menu{width:5.4em;height:2em;margin:5% auto 0}.drum-set{width:100%;-webkit-border-radius:.3em;-moz-border-radius:.3em;-o-border-radius:.3em;overflow:hidden;color:#fff;font-weight:400}.key-set{position:relative;float:left;width:12%;min-width:6.5em;border-radius:.3em;-webkit-border-radius:.3em;-moz-border-radius:.3em;-o-border-radius:.3em;-khtml-border-radius:.3em;overflow:hidden;background:#777070;color:#fff;font-weight:700;font-size:.5625em;line-height:2em;text-shadow:1px 1px 0 #000;cursor:pointer}.key-set:hover{background:#aaa0a0}.key-button,.key-red,.key-red:hover{background:#f90}.key-red{text-shadow:0 1px 0 #600}.key-button{background-image:-ms-linear-gradient(top,#f80 0,#fa0 100%);background-image:-moz-linear-gradient(top,#f80 0,#fa0 100%);background-image:-o-linear-gradient(top,#f80 0,#fa0 100%);background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#f80),color-stop(1,#fa0));background-image:-webkit-linear-gradient(top,#f80 0,#fa0 100%);background-image:linear-gradient(to top,#f80 0,#fa0 100%);text-shadow:1px 1px 0 #600;font-size:.8125em;line-height:.6em;margin:0 2%}.key-button:hover{background:#fa0;background-image:-ms-linear-gradient(top,#f90 0,#fc0 100%);background-image:-moz-linear-gradient(top,#f90 0,#fc0 100%);background-image:-o-linear-gradient(top,#f90 0,#fc0 100%);background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#f90),color-stop(1,#fc0));background-image:-webkit-linear-gradient(top,#f90 0,#fc0 100%);background-image:linear-gradient(to top,#f90 0,#fc0 100%)}.key-led{float:right;width:30%;background:#111010;font-size:1.625em;color:#fff}.key-set-menu{width:18em;margin:4% auto}#close{margin:4.5em auto 20% 26%}.slider-high[type=range],.slider-thin[type=range]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);border:none;margin:0;padding:1px 2px;border-radius:14px;background:#242424;box-shadow:inset 0 1px 0 0 #000,inset 0 -1px 0 0 #555;-webkit-box-shadow:inset 0 1px 0 0 #000,inset 0 -1px 0 0 #555;outline:0;cursor:pointer}.virtual-games-cymbals,.virtual-games-drums{cursor:pointer;outline:0;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.slider-thin[type=range]{width:90%;height:8px}.slider-high[type=range]{width:100%;height:20px}.slider-high[type=range]::-moz-range-track,.slider-thin[type=range]::-moz-range-track{border:inherit;background:0 0;cursor:pointer}.slider-high[type=range]::-ms-track,.slider-thin[type=range]::-ms-track{border:inherit;color:transparent;background:0 0;cursor:pointer}#drum-menu-icon:hover,button p{color:#fff}.slider-high[type=range]::-ms-fill-lower,.slider-high[type=range]::-ms-fill-upper,.slider-thin[type=range]::-ms-fill-lower,.slider-thin[type=range]::-ms-fill-upper{background:0 0}.slider-high[type=range]::-ms-tooltip,.slider-thin[type=range]::-ms-tooltip{display:none}.slider-high[type=range]::-webkit-slider-thumb,.slider-thin[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;border-radius:12px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fa0),color-stop(100%,#f80));background-image:-webkit-linear-gradient(top ,#fa0 0,#f80 100%);background-image:linear-gradient(to bottom,#fa0 0,#f80 100%);cursor:pointer}.slider-thin[type=range]::-webkit-slider-thumb{width:20px;height:10px}.slider-high[type=range]::-webkit-slider-thumb{width:40px;height:18px}.slider-high[type=range]::-moz-range-thumb,.slider-thin[type=range]::-moz-range-thumb{border:none;border-radius:12px;background-image:linear-gradient(to bottom,#fa0 0,#f80 100%);cursor:pointer}.slider-thin[type=range]::-moz-range-thumb{width:20px;height:10px}.slider-high[type=range]::-moz-range-thumb{width:40px;height:18px}.slider-high[type=range]::-ms-thumb,.slider-thin[type=range]::-ms-thumb{border-radius:12px;border:0;background-image:linear-gradient(to bottom,#fa0 0,#f80 100%);cursor:pointer}.slider-thin[type=range]::-ms-thumb{width:20px;height:10px}.slider-high[type=range]::-ms-thumb{width:40px;height:18px}button{background:#555;background-image:-ms-linear-gradient(top,#666060 0,#303330 100%);background-image:-moz-linear-gradient(top,#666060 0,#303330 100%);background-image:-o-linear-gradient(top,#666060 0,#303330 100%);background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#666060),color-stop(1,#303330));background-image:-webkit-linear-gradient(top,#666060 0,#303330 100%);background-image:linear-gradient(to top,#666060 0,#303330 100%);border:1px solid #111;border-radius:.3em;-webkit-border-radius:.3em;-moz-border-radius:.3em;-o-border-radius:.3em;-khtml-border-radius:.3em;height:2.125em;min-width:7.5em;cursor:pointer;outline:0}button:hover{background:#222}button p{font-size:.875em;line-height:.875em;letter-spacing:.0625em;text-shadow:0 2px 0 #000}#drum-game-light{background:#222;width:100%;height:2.5em;overflow:hidden}#drum-game-menu{float:left;padding:.375em 0 0 1em;margin-left:-1em;width:35%;min-width:17.5em;height:2.5em}.drum-menu-col{float:left;min-width:5.5em;width:33.333%}.drum-menu-hidden{transform:translateY(-2.5em);-webkit-transform:translateY(-2.5em)}.drum-menu-in{animation:showMenu .1s;-webkit-animation:showMenu .1s}@keyframes showMenu{from{transform:translateY(-2.5em)}to{transform:translateY(0)}}@-webkit-keyframes showMenu{from{-webkit-transform:translateY(-2.5em)}to{-webkit-transform:translateY(0)}}.drum-menu-out{transform:translateY(-2.5em);-webkit-transform:translateY(-2.5em);animation:hideMenu .2s;-webkit-animation:hideMenu .2s}@keyframes hideMenu{from{transform:translateY(0)}to{transform:translateY(-2.5em)}}@-webkit-keyframes hideMenu{from{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(-2.5em)}}.play-drums,.stick-wrapper{position:absolute;transform:translateZ(0)}#drum-menu-icon{float:left;cursor:pointer;color:#ddd;text-align:right;padding:0 .5em;margin-top:.125em;font-size:1.625em;line-height:.875em;height:1.5em}#online-drum-game{max-width:61.25em;height:35.5em}.drums-wrapper{position:absolute;width:100%;max-width:980px}.play-drums{-webkit-transform:translateZ(0);outline:0}.hitHi{animation:swingHi .25s;-webkit-animation:swingHi .25s}@keyframes swingHi{from{transform:rotate(.5deg);filter:brightness(1.0625) blur(.025em)}}@-webkit-keyframes swingHi{from{-webkit-transform:rotate(.5deg);-webkit-filter:brightness(1.0625) blur(.025em)}}.hitHat{animation:swingHat .75s;-webkit-animation:swingHat .75s;transform:translateY(-10%);-webkit-transform:translateY(-10%)}@keyframes swingHat{from{transform:scaleY(1.15) rotate(1.25deg) translateY(-7%);filter:brightness(1.125) blur(.02em)}30%{transform:rotate(-.5deg) translateY(-8%)}65%{transform:rotate(.5deg) translateY(-10%);filter:brightness(1) blur(0)}}@-webkit-keyframes swingHat{from{-webkit-transform:scaleY(1.15) rotate(1.25deg) translateY(-7%);-webkit-filter:brightness(1.125) blur(.02em)}30%{-webkit-transform:rotate(-.5deg) translateY(-8%)}65%{-webkit-transform:rotate(.5deg) translateY(-10%);-webkit-filter:brightness(1) blur(0)}}.hitCrash275L{animation:swingCrash275L 2s;-webkit-animation:swingCrash275L 2s}@keyframes swingCrash275L{from{transform:scaleY(1.42) rotate(1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L2S.png);background-size:100% 100%;filter:blur(.05em)}7%{transform:scaleY(.8);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L1S.png);background-size:100% 100%}18%{transform:scaleY(1.3) rotate(-3deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L2S.png);background-size:100% 100%}29%{transform:scaleY(.85);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L1S.png);background-size:100% 100%}40%{transform:scaleY(1.2) rotate(0);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L2S.png);background-size:100% 100%;filter:blur(0)}51%{transform:scaleY(.9);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L1S.png);background-size:100% 100%}62%{transform:scaleY(1.12) rotate(-2deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L2S.png);background-size:100% 100%}73%{transform:scaleY(.95)}84%{transform:scaleY(1.05) rotate(-1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L1S.png);background-size:100% 100%}}@-webkit-keyframes swingCrash275L{from{-webkit-transform:scaleY(1.42) rotate(1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L2S.png);background-size:100% 100%;-webkit-filter:blur(.05em)}7%{-webkit-transform:scaleY(.8);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L1S.png);background-size:100% 100%}18%{-webkit-transform:scaleY(1.3) rotate(-3deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L2S.png);background-size:100% 100%}29%{-webkit-transform:scaleY(.85);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L1S.png);background-size:100% 100%}40%{-webkit-transform:scaleY(1.2) rotate(0);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L2S.png);background-size:100% 100%;-webkit-filter:blur(0)}51%{-webkit-transform:scaleY(.9);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L1S.png);background-size:100% 100%}62%{-webkit-transform:scaleY(1.12) rotate(-2deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L2S.png);background-size:100% 100%}73%{-webkit-transform:scaleY(.95)}84%{-webkit-transform:scaleY(1.05) rotate(-1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-275L1S.png);background-size:100% 100%}}.hitCrash175L{animation:swingCrash175L 2s;-webkit-animation:swingCrash175L 2s}@keyframes swingCrash175L{from{transform:scaleY(1.42) rotate(1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L2S.png);background-size:100% 100%;filter:blur(.05em)}7%{transform:scaleY(.8);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L1S.png);background-size:100% 100%}18%{transform:scaleY(1.3) rotate(-3deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L2S.png);background-size:100% 100%}29%{transform:scaleY(.85);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L1S.png);background-size:100% 100%}40%{transform:scaleY(1.2) rotate(0);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L2S.png);background-size:100% 100%;filter:blur(0)}51%{transform:scaleY(.9);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L1S.png);background-size:100% 100%}62%{transform:scaleY(1.12) rotate(-2deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L2S.png);background-size:100% 100%}73%{transform:scaleY(.95)}84%{transform:scaleY(1.05) rotate(-1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L1S.png);background-size:100% 100%}}@-webkit-keyframes swingCrash175L{from{-webkit-transform:scaleY(1.42) rotate(1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L2S.png);background-size:100% 100%;-webkit-filter:blur(.05em)}7%{-webkit-transform:scaleY(.8);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L1S.png);background-size:100% 100%}18%{-webkit-transform:scaleY(1.3) rotate(-3deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L2S.png);background-size:100% 100%}29%{-webkit-transform:scaleY(.85);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L1S.png);background-size:100% 100%}40%{-webkit-transform:scaleY(1.2) rotate(0);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L2S.png);background-size:100% 100%;-webkit-filter:blur(0)}51%{-webkit-transform:scaleY(.9);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L1S.png);background-size:100% 100%}62%{-webkit-transform:scaleY(1.12) rotate(-2deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L2S.png);background-size:100% 100%}73%{-webkit-transform:scaleY(.95)}84%{-webkit-transform:scaleY(1.05) rotate(-1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L1S.png);background-size:100% 100%}}.hitCrash75L{animation:swingCrash75L 2s;-webkit-animation:swingCrash75L 2s}@keyframes swingCrash75L{from{transform:scaleY(1.42) rotate(1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L2S.png);background-size:100% 100%;filter:blur(.05em)}7%{transform:scaleY(.8);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L1S.png);background-size:100% 100%}18%{transform:scaleY(1.3) rotate(-3deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L2S.png);background-size:100% 100%}29%{transform:scaleY(.85);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L1S.png);background-size:100% 100%}40%{transform:scaleY(1.2) rotate(0);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L2S.png);background-size:100% 100%;filter:blur(0)}51%{transform:scaleY(.9);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L1S.png);background-size:100% 100%}62%{transform:scaleY(1.12) rotate(-2deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L2S.png);background-size:100% 100%}73%{transform:scaleY(.95)}84%{transform:scaleY(1.05) rotate(-1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L1S.png);background-size:100% 100%}}@-webkit-keyframes swingCrash75L{from{-webkit-transform:scaleY(1.42) rotate(1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L2S.png);background-size:100% 100%;-webkit-filter:blur(.05em)}7%{-webkit-transform:scaleY(.8);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L1S.png);background-size:100% 100%}18%{-webkit-transform:scaleY(1.3) rotate(-3deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L2S.png);background-size:100% 100%}29%{-webkit-transform:scaleY(.85);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L1S.png);background-size:100% 100%}40%{-webkit-transform:scaleY(1.2) rotate(0);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L2S.png);background-size:100% 100%;-webkit-filter:blur(0)}51%{-webkit-transform:scaleY(.9);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L1S.png);background-size:100% 100%}62%{-webkit-transform:scaleY(1.12) rotate(-2deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L2S.png);background-size:100% 100%}73%{-webkit-transform:scaleY(.95)}84%{-webkit-transform:scaleY(1.05) rotate(-1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L1S.png);background-size:100% 100%}}.hitCrash0{animation:swingCrash0 2s;-webkit-animation:swingCrash0 2s}@keyframes swingCrash0{from{transform:scaleY(1.42) rotate(1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-02S.png);background-size:100% 100%;filter:blur(.05em)}7%{transform:scaleY(.8);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-01S.png);background-size:100% 100%}18%{transform:scaleY(1.3) rotate(-3deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-02S.png);background-size:100% 100%}29%{transform:scaleY(.85);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-01S.png);background-size:100% 100%}40%{transform:scaleY(1.2) rotate(0);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-02S.png);background-size:100% 100%;filter:blur(0)}51%{transform:scaleY(.9);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-01S.png);background-size:100% 100%}62%{transform:scaleY(1.12) rotate(-2deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-02S.png);background-size:100% 100%}73%{transform:scaleY(.95)}84%{transform:scaleY(1.05) rotate(-1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-01S.png);background-size:100% 100%}}@-webkit-keyframes swingCrash0{from{-webkit-transform:scaleY(1.42) rotate(1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-02S.png);background-size:100% 100%;-webkit-filter:blur(.05em)}7%{-webkit-transform:scaleY(.8);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-01S.png);background-size:100% 100%}18%{-webkit-transform:scaleY(1.3) rotate(-3deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-02S.png);background-size:100% 100%}29%{-webkit-transform:scaleY(.85);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-01S.png);background-size:100% 100%}40%{-webkit-transform:scaleY(1.2) rotate(0);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-02S.png);background-size:100% 100%;-webkit-filter:blur(0)}51%{-webkit-transform:scaleY(.9);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-01S.png);background-size:100% 100%}62%{-webkit-transform:scaleY(1.12) rotate(-2deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-02S.png);background-size:100% 100%}73%{-webkit-transform:scaleY(.95)}84%{-webkit-transform:scaleY(1.05) rotate(-1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-01S.png);background-size:100% 100%}}.hitCrash75R{animation:swingCrash75R 2s;-webkit-animation:swingCrash75R 2s}@keyframes swingCrash75R{from{transform:scaleY(1.42) rotate(1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R2S.png);background-size:100% 100%;filter:blur(.05em)}7%{transform:scaleY(.8);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R1S.png);background-size:100% 100%}18%{transform:scaleY(1.3) rotate(-3deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R2S.png);background-size:100% 100%}29%{transform:scaleY(.85);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R1S.png);background-size:100% 100%}40%{transform:scaleY(1.2) rotate(0);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R2S.png);background-size:100% 100%;filter:blur(0)}51%{transform:scaleY(.9);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R1S.png);background-size:100% 100%}62%{transform:scaleY(1.12) rotate(-2deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R2S.png);background-size:100% 100%}73%{transform:scaleY(.95)}84%{transform:scaleY(1.05) rotate(-1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R1S.png);background-size:100% 100%}}@-webkit-keyframes swingCrash75R{from{-webkit-transform:scaleY(1.42) rotate(1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R2S.png);background-size:100% 100%;-webkit-filter:blur(.05em)}7%{-webkit-transform:scaleY(.8);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R1S.png);background-size:100% 100%}18%{-webkit-transform:scaleY(1.3) rotate(-3deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R2S.png);background-size:100% 100%}29%{-webkit-transform:scaleY(.85);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R1S.png);background-size:100% 100%}40%{-webkit-transform:scaleY(1.2) rotate(0);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R2S.png);background-size:100% 100%;-webkit-filter:blur(0)}51%{-webkit-transform:scaleY(.9);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R1S.png);background-size:100% 100%}62%{-webkit-transform:scaleY(1.12) rotate(-2deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R2S.png);background-size:100% 100%}73%{-webkit-transform:scaleY(.95)}84%{-webkit-transform:scaleY(1.05) rotate(-1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75R1S.png);background-size:100% 100%}}.hitCrash175R{animation:swingCrash175R 2s;-webkit-animation:swingCrash175R 2s}@keyframes swingCrash175R{from{transform:scaleY(1.42) rotate(1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R2S.png);background-size:100% 100%;filter:blur(.05em)}7%{transform:scaleY(.8);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R1S.png);background-size:100% 100%}18%{transform:scaleY(1.3) rotate(-3deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R2S.png);background-size:100% 100%}29%{transform:scaleY(.85);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R1S.png);background-size:100% 100%}40%{transform:scaleY(1.2) rotate(0);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R2S.png);background-size:100% 100%;filter:blur(0)}51%{transform:scaleY(.9);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R1S.png);background-size:100% 100%}62%{transform:scaleY(1.12) rotate(-2deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R2S.png);background-size:100% 100%}73%{transform:scaleY(.95)}84%{transform:scaleY(1.05) rotate(-1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R1S.png);background-size:100% 100%}}@-webkit-keyframes swingCrash175R{from{-webkit-transform:scaleY(1.42) rotate(1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R2S.png);background-size:100% 100%;-webkit-filter:blur(.05em)}7%{-webkit-transform:scaleY(.8);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R1S.png);background-size:100% 100%}18%{-webkit-transform:scaleY(1.3) rotate(-3deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R2S.png);background-size:100% 100%}29%{-webkit-transform:scaleY(.85);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R1S.png);background-size:100% 100%}40%{-webkit-transform:scaleY(1.2) rotate(0);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R2S.png);background-size:100% 100%;-webkit-filter:blur(0)}51%{-webkit-transform:scaleY(.9);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R1S.png);background-size:100% 100%}62%{-webkit-transform:scaleY(1.12) rotate(-2deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R2S.png);background-size:100% 100%}73%{-webkit-transform:scaleY(.95)}84%{-webkit-transform:scaleY(1.05) rotate(-1deg);background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R1S.png);background-size:100% 100%}}.hitRide{animation:swingRide 2s;-webkit-animation:swingRide 2s}@keyframes swingRide{from{transform:scaleY(1.03);filter:brightness(1.1)}7%{transform:scaleY(.97)}15%,34%{transform:scaleY(1.02)}24%{transform:scaleY(.98)}45%{transform:scaleY(.99)}57%,84%{transform:scaleY(1.01)}70%,to{transform:scaleY(1)}}@-webkit-keyframes swingRide{from{-webkit-transform:scaleY(1.03);-webkit-filter:brightness(1.1)}7%{-webkit-transform:scaleY(.97)}15%,34%{-webkit-transform:scaleY(1.02)}24%{-webkit-transform:scaleY(.98)}45%{-webkit-transform:scaleY(.99)}57%,84%{-webkit-transform:scaleY(1.01)}70%,to{-webkit-transform:scaleY(1)}}.hitChina{animation:swingChina 1.5s;-webkit-animation:swingChina 1.5s}@keyframes swingChina{from{transform:scaleY(1.1);filter:brightness(1.12)}8%{transform:scaleY(.94);filter:brightness(.92)}16%{transform:scaleY(1.07);filter:brightness(1.08)}25%{transform:scaleY(.96);filter:brightness(.96)}34%{transform:scaleY(1.05);filter:brightness(1.04)}44%{transform:scaleY(.97);filter:brightness(1)}54%{transform:scaleY(1.03)}65%{transform:scaleY(.98)}76%{transform:scaleY(1.01)}88%{transform:scaleY(.99)}100%{transform:scaleY(1)}}@-webkit-keyframes swingChina{from{-webkit-transform:scaleY(1.1);-webkit-filter:brightness(1.12)}8%{-webkit-transform:scaleY(.94);-webkit-filter:brightness(.92)}16%{-webkit-transform:scaleY(1.07);-webkit-filter:brightness(1.08)}25%{-webkit-transform:scaleY(.96);-webkit-filter:brightness(.96)}34%{-webkit-transform:scaleY(1.05);-webkit-filter:brightness(1.04)}44%{-webkit-transform:scaleY(.97);-webkit-filter:brightness(1)}54%{-webkit-transform:scaleY(1.03)}65%{-webkit-transform:scaleY(.98)}76%{-webkit-transform:scaleY(1.01)}88%{-webkit-transform:scaleY(.99)}to{-webkit-transform:scaleY(1)}}.hitPedal{animation:pedalUp .2s;-webkit-animation:pedalUp .2s}@keyframes pedalUp{from{transform:scaleY(.8);filter:brightness(.8)}}@-webkit-keyframes pedalUp{from{-webkit-transform:scaleY(.8);-webkit-filter:brightness(.8)}}.hitBeater{animation:beaterUp .2s;-webkit-animation:beaterUp .2s}@keyframes beaterUp{from{transform:scaleY(.25)}}@-webkit-keyframes beaterUp{from{-webkit-transform:scaleY(.25)}}.stick-wrapper{width:.612%;max-width:6px;left:50%;-webkit-transform:translateZ(0)}#drumset,#felts{width:100%;max-width:980px}#Lstick,#Rstick{position:relative;background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/drum-stick.png) no-repeat;background-size:100% auto;height:22.5em}#drumset{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/drums-free-drumming.jpg) no-repeat;background-size:100% auto;height:35.5em}#felts{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/felts-free-drumming.png) no-repeat;background-size:100% auto;height:13.75em}#crash1{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175L1S.png) no-repeat;background-size:100% 100%;height:3.375em;width:17%;margin:8.9% 0 0 14.5%}#crash2{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-75L1S.png) no-repeat;background-size:100% 100%;height:4em;width:16.5%;margin:5.1% 0 0 30%}#splash1{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-01S.png) no-repeat;background-size:100% 100%;height:2.125em;width:10.6%;margin:9.6% 0 0 46.25%}#ride1{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-ride-55RS.png) no-repeat;background-size:100% 100%;height:6em;width:20.5%;margin:3.9% 0 0 56.5%}#crash3{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-crash-175R1S.png) no-repeat;background-size:100% 100%;height:3em;width:16%;margin:13% 0 0 67%}#china1{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-china-25RS.png) 0 100% no-repeat;background-size:100% 100%;height:6em;width:16.84%;margin:12% 0 0 76.1%}#hihat1{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-hihat-top.png) 0 20% no-repeat;background-size:100% auto;height:1.25em;width:16.12%;margin:19.9% 0 0 19.9%}#hihat1holder{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-hihat-holder.png) no-repeat;background-size:100% auto;height:2.375em;width:1.63%;margin:16% 0 0 26.9%}.hihat-up{transform:translateY(-5%);-webkit-transform:translateY(-5%)}#pedalhihat1{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/cymbal-hihat-pedal.png) no-repeat;background-size:100% auto;height:2.4375em;width:4.18%;margin:44.9% 0 0 26.95%;display:none}#beaterkik1{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/drum-beater.png) 51.6% 0 no-repeat;background-size:100% auto;width:2.04%;height:2.75em;margin:34.1% 0 0 50.55%}#pedalkik1{background:url(https://www.virtualdrumming.com/drums/virtual-drum-sets/bass-drum-pedal.png) 100% 0 no-repeat;background-size:100% auto;height:5.25em;width:4.18%;margin:44.9% 0 0 48.9%}#Scrash2{left:31%;margin-top:7%}#Sbell1{left:47%;margin-top:7%}#Scrash1{left:13%;margin-top:1%}#Ssnare1L,#Ssplash1{left:32%;margin-top:1%}#Sride1{left:35%;margin-top:1%}#Scrash3{left:70%;margin-top:1%}#Stom1{left:17%;margin-top:1%}#Stom2{left:18%;margin-top:1%}#Stom3{left:19%;margin-top:1%}#Schina1{left:79%;margin-top:-2em}#Sopen1L{left:14%;margin-top:3%}#Sopen1R{left:15%;margin-top:3%}#Stom4{left:25%;margin-top:1%}#Shihat1L{left:14%;margin-top:1%}#Shihat1R{left:15%;margin-top:1%}#Stom5{left:32%;margin-top:-1%}#Ssnare1R{left:33%;margin-top:1%}#Stom6{left:40%;margin-top:-1%}#Skik1{left:46%;margin-top:3%}.virtual-games-drums{float:left;height:6em;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform:rotate(0);-webkit-transform:rotate(0)}.virtual-games-cymbals{float:left;height:4.5em;border-radius:2.25em;-webkit-border-radius:2.25em;-moz-border-radius:2.25em;-o-border-radius:2.25em;-khtml-border-radius:2.25em;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#crash1-touch{width:19%;margin:8% 0 0 13.5%;transform:rotate(8deg);-webkit-transform:rotate(8deg)}#crash2-touch{width:18.5%;margin:4.5% 0 0 -3.5%;transform:rotate(4deg);-webkit-transform:rotate(4deg)}#splash1-touch{width:12%;margin:9% 0 0 -2%}#bell1-touch{width:21.5%;margin:3.5% 0 0 -2%;transform:rotate(-4deg);-webkit-transform:rotate(-4deg)}#ride1-touch{width:20.5%;margin:8.5% 0 0 -20.5%}#crash3-touch{width:19%;margin:13% 0 0 -11.5%;transform:rotate(-4deg);-webkit-transform:rotate(-4deg)}#tom1-touch{width:12.5%;margin:-5% 0 0 25.5%}#tom2-touch{width:13%;margin-top:-5%}#tom3-touch{width:14%;margin-top:-5%}#open1L-touch{width:8.5%;margin:-6.5% 0 0 19.5%}#open1R-touch{width:8.5%;margin-top:-6.5%}#hihat1L-touch{width:8.5%;margin:-4.25% 0 0 -17%}#hihat1R-touch{width:8.5%;margin:-4.25% 0 0 -8.5%}#snare1L-touch{width:9%;margin:-2.5% 0 0 -2.75%}#snare1R-touch{width:9%;margin-top:-2.5%}#kik1-touch{width:8%}#tom4-touch{width:16%;margin:-5.5% 0 0 -1%}#tom5-touch{width:18.5%;margin:-2% 0 0 -9.5%}#china1-touch{width:19%;margin:-12% 0 0 -8.5%;transform:rotate(-30deg);-webkit-transform:rotate(-30deg)}#kik2-touch{width:19.5%;margin:-2.5% 0 0 42%}#kik3-touch{width:18%;margin:-2% 0 0 42.5%}.Lcrash1{transform:rotate(-20deg) scaleY(.75);-webkit-transform:rotate(-20deg) scaleY(.75);animation:Lcr1 .35s;-webkit-animation:Lcr1 .35s;left:-3100%;margin-top:-100%}@keyframes Lcr1{from{transform:translateY(-2%) rotate(-70deg) scaleY(.4);opacity:.6}}@-webkit-keyframes Lcr1{from{-webkit-transform:translateY(-2%) rotate(-70deg) scaleY(.4);opacity:.6}}.Lhihat1L,.Lhihat1R,.Lopen1L,.Lopen1R{transform:rotate(-20deg) scaleY(.65);-webkit-transform:rotate(-20deg) scaleY(.65);animation:Lhh1 .35s;-webkit-animation:Lhh1 .35s;left:-2900%;margin-top:1000%}@keyframes Lhh1{from{transform:translateY(-3%) rotate(-70deg) scaleY(.3);opacity:.6}}@-webkit-keyframes Lhh1{from{-webkit-transform:translateY(-3%) rotate(-70deg) scaleY(.3);opacity:.6}}.Ltom1{transform:rotate(-2deg) scaleY(.71);-webkit-transform:rotate(-2deg) scaleY(.71);animation:Ltm1 .35s;-webkit-animation:Ltm1 .35s;left:-2600%;margin-top:600%}@keyframes Ltm1{from{transform:translateY(-2%) rotate(-50deg) scaleY(.3);opacity:.6}}@-webkit-keyframes Ltm1{from{-webkit-transform:translateY(-2%) rotate(-50deg) scaleY(.3);opacity:.6}}.Lcrash2{transform:rotate(4deg) scaleY(.75);-webkit-transform:rotate(4deg) scaleY(.75);animation:Lcr2 .35s;-webkit-animation:Lcr2 .35s;left:-2400%;margin-top:-300%}@keyframes Lcr2{from{transform:translateY(-2%) rotate(7deg) scaleY(.25);opacity:.6}}@-webkit-keyframes Lcr2{from{-webkit-transform:translateY(-2%) rotate(7deg) scaleY(.25);opacity:.6}}.Ltom2{transform:rotate(30deg) scaleY(.7) translateY(10%);-webkit-transform:rotate(30deg) scaleY(.7) translateY(10%);animation:Ltm2 .35s;-webkit-animation:Ltm2 .35s;left:-2300%;margin-top:-50%}@keyframes Ltm2{from{transform:rotate(88deg) scaleY(.35);opacity:.6}}@-webkit-keyframes Ltm2{from{-webkit-transform:rotate(88deg) scaleY(.35);opacity:.6}}.Lsnare1L,.Lsnare1R{transform:rotate(40deg) scaleY(.65);-webkit-transform:rotate(40deg) scaleY(.65);animation:Lsn1 .35s;-webkit-animation:Lsn1 .35s;left:-2900%;margin-top:1050%}@keyframes Lsn1{from{transform:translateY(-5%) rotate(103deg) scaleY(.4);opacity:.6}}@-webkit-keyframes Lsn1{from{-webkit-transform:translateY(-5%) rotate(103deg) scaleY(.4);opacity:.6}}.Lsplash1{transform:rotate(25deg) scaleY(.7) translateY(10%);-webkit-transform:rotate(25deg) scaleY(.7) translateY(10%);animation:Lsp1 .35s;-webkit-animation:Lsp1 .35s;left:-1200%;margin-top:-800%}@keyframes Lsp1{from{transform:rotate(88deg) scaleY(.35);opacity:.6}}@-webkit-keyframes Lsp1{from{-webkit-transform:rotate(88deg) scaleY(.35);opacity:.6}}.Ltom3{transform:rotate(40deg) scaleY(.75) translateY(10%);-webkit-transform:rotate(40deg) scaleY(.75) translateY(10%);animation:Ltm3 .35s;-webkit-animation:Ltm3 .35s;left:-700%}@keyframes Ltm3{from{transform:rotate(88deg) scaleY(.55);opacity:.6}}@-webkit-keyframes Ltm3{from{-webkit-transform:rotate(88deg) scaleY(.55);opacity:.6}}.Lbell1{transform:rotate(30deg) scaleY(.85);-webkit-transform:rotate(30deg) scaleY(.85);animation:Lbl1 .35s;-webkit-animation:Lbl1 .35s;left:500%;margin-top:-800%}@keyframes Lbl1{from{transform:translateY(-3%) rotate(75deg) scaleY(.6);opacity:.6}}@-webkit-keyframes Lbl1{from{-webkit-transform:translateY(-3%) rotate(75deg) scaleY(.6);opacity:.6}}.Lride1{transform:rotate(30deg) scaleY(.85);-webkit-transform:rotate(30deg) scaleY(.85);animation:Lrd1 .35s;-webkit-animation:Lrd1 .35s;left:300%;margin-top:-300%}@keyframes Lrd1{from{transform:translateY(-3%) rotate(75deg) scaleY(.6);opacity:.6}}@-webkit-keyframes Lrd1{from{-webkit-transform:translateY(-3%) rotate(75deg) scaleY(.6);opacity:.6}}.Ltom4{transform:rotate(40deg) scaleY(.8);-webkit-transform:rotate(40deg) scaleY(.8);animation:Ltm4 .35s;-webkit-animation:Ltm4 .35s;left:200%;margin-top:900%}@keyframes Ltm4{from{transform:rotate(80deg) scaleY(.75);opacity:.6}}@-webkit-keyframes Ltm4{from{-webkit-transform:rotate(80deg) scaleY(.75);opacity:.6}}.Lcrash3{transform:rotate(30deg) scaleY(.85);-webkit-transform:rotate(30deg) scaleY(.85);animation:Lcr3 .35s;-webkit-animation:Lcr3 .35s;left:1100%;margin-top:400%}@keyframes Lcr3{from{transform:rotate(65deg) scaleY(.7);opacity:.6}}@-webkit-keyframes Lcr3{from{-webkit-transform:rotate(65deg) scaleY(.7);opacity:.6}}.Ltom5,.Ltom6{transform:rotate(45deg) scaleY(.85);-webkit-transform:rotate(45deg) scaleY(.85);animation:Ltm5 .35s;-webkit-animation:Ltm5 .35s;left:1000%;margin-top:1200%}@keyframes Ltm5{from{transform:rotate(87deg) scaleY(.8);opacity:.6}}@-webkit-keyframes Ltm5{from{-webkit-transform:rotate(87deg) scaleY(.8);opacity:.6}}.Rhihat1L,.Rhihat1R,.Ropen1L,.Ropen1R{transform:rotate(-35deg) scaleY(.75);-webkit-transform:rotate(-35deg) scaleY(.75);animation:Rhh1 .35s;-webkit-animation:Rhh1 .35s;left:-900%;margin-top:800%}@keyframes Rhh1{from{transform:translateY(-4%) rotate(-85deg) scaleY(.6);opacity:.6}}@-webkit-keyframes Rhh1{from{-webkit-transform:translateY(-4%) rotate(-85deg) scaleY(.6);opacity:.6}}.Rtom1{transform:rotate(-21deg) scaleY(.72);-webkit-transform:rotate(-21deg) scaleY(.72);animation:Rtm1 .35s;-webkit-animation:Rtm1 .35s;left:-1300%;margin-top:500%}@keyframes Rtm1{from{transform:translateY(-2%) rotate(-60deg) scaleY(.5);opacity:.6}}@-webkit-keyframes Rtm1{from{-webkit-transform:translateY(-2%) rotate(-60deg) scaleY(.5);opacity:.6}}.Rcrash2{transform:rotate(-10deg) scaleY(.75);-webkit-transform:rotate(-10deg) scaleY(.75);animation:Rcr2 .35s;-webkit-animation:Rcr2 .35s;left:-300%;margin-top:-200%}@keyframes Rcr2{from{transform:rotate(-45deg) scaleY(.5);opacity:.6}}@-webkit-keyframes Rcr2{from{-webkit-transform:rotate(-45deg) scaleY(.5);opacity:.6}}.Rtom2{transform:rotate(-15deg) scaleY(.7);-webkit-transform:rotate(-15deg) scaleY(.7);animation:Rtm2 .35s;-webkit-animation:Rtm2 .35s;left:250%;margin-top:600%}@keyframes Rtm2{from{transform:translateY(-5%) rotate(-60deg) scaleY(.3);opacity:.6}}@-webkit-keyframes Rtm2{from{-webkit-transform:translateY(-5%) rotate(-60deg) scaleY(.3);opacity:.6}}.Rsnare1L,.Rsnare1R{transform:rotate(-40deg) scaleY(.65);-webkit-transform:rotate(-40deg) scaleY(.65);animation:Rsn1 .35s;-webkit-animation:Rsn1 .35s;left:380%;margin-top:1050%}@keyframes Rsn1{from{transform:translateY(-5%) rotate(-103deg) scaleY(.4);opacity:.6}}@-webkit-keyframes Rsn1{from{-webkit-transform:translateY(-5%) rotate(-103deg) scaleY(.4);opacity:.6}}.Rsplash1{transform:rotate(-2deg) scaleY(.8);-webkit-transform:rotate(-2deg) scaleY(.7);animation:Rsp1 .35s;-webkit-animation:Rsp1 .35s;left:500%;margin-top:0}@keyframes Rsp1{from{transform:translateY(-5%) rotate(-30deg) scaleY(.2);opacity:.6}}@-webkit-keyframes Rsp1{from{-webkit-transform:translateY(-5%) rotate(-30deg) scaleY(.2);opacity:.6}}.Rtom3{transform:rotate(15deg) scaleY(.7);-webkit-transform:rotate(15deg) scaleY(.7);animation:Rtm3 .35s;-webkit-animation:Rtm3 .35s;left:700%;margin-top:600%}@keyframes Rtm3{from{transform:translateY(-3%) rotate(60deg) scaleY(.3);opacity:.6}}@-webkit-keyframes Rtm3{from{-webkit-transform:translateY(-3%) rotate(60deg) scaleY(.3);opacity:.6}}.Rbell1{transform:rotate(15deg) scaleY(.8);-webkit-transform:rotate(15deg) scaleY(.8);animation:Rbl1 .35s;-webkit-animation:Rbl1 .35s;left:1000%;margin-top:-500%}@keyframes Rbl1{from{transform:translateY(-3%) rotate(60deg) scaleY(.5);opacity:.6}}@-webkit-keyframes Rbl1{from{-webkit-transform:translateY(-3%) rotate(60deg) scaleY(.5);opacity:.6}}.Rride1{transform:rotate(15deg) scaleY(.8);-webkit-transform:rotate(15deg) scaleY(.8);animation:Rrd1 .35s;-webkit-animation:Rrd1 .35s;left:1000%;margin-top:0}@keyframes Rrd1{from{transform:translateY(-3%) rotate(60deg) scaleY(.5);opacity:.6}}@-webkit-keyframes Rrd1{from{-webkit-transform:translateY(-3%) rotate(60deg) scaleY(.5);opacity:.6}}.Rtom4{transform:rotate(30deg) scaleY(.75);-webkit-transform:rotate(30deg) scaleY(.75);animation:Rtm4 .35s;-webkit-animation:Rtm4 .35s;left:900%;margin-top:1100%}@keyframes Rtm4{from{transform:rotate(75deg) scaleY(.65);opacity:.6}}@-webkit-keyframes Rtm4{from{-webkit-transform:rotate(75deg) scaleY(.65);opacity:.6}}.Rcrash3{transform:rotate(20deg) scaleY(.85);-webkit-transform:rotate(20deg) scaleY(.85);animation:Rcr3 .35s;-webkit-animation:Rcr3 .35s;left:2000%;margin-top:600%}@keyframes Rcr3{from{transform:rotate(60deg) scaleY(.7);opacity:.6}}@-webkit-keyframes Rcr3{from{-webkit-transform:rotate(60deg) scaleY(.7);opacity:.6}}.Rtom5,.Rtom6{transform:rotate(40deg) scaleY(.85);-webkit-transform:rotate(40deg) scaleY(.85);animation:Rtm5 .35s;-webkit-animation:Rtm5 .35s;left:1400%;margin-top:1400%}@keyframes Rtm5{from{transform:rotate(90deg) scaleY(.8);opacity:.6}}@-webkit-keyframes Rtm5{from{-webkit-transform:rotate(90deg) scaleY(.8);opacity:.6}}.Rchina1{transform:rotate(40deg) scaleY(.95);-webkit-transform:rotate(40deg) scaleY(.95);animation:Rch1 .35s;-webkit-animation:Rch1 .35s;left:2300%;margin-top:1000%}@keyframes Rch1{from{transform:translateY(-5%) rotate(85deg) scaleY(.95);opacity:.6}}@-webkit-keyframes Rch1{from{-webkit-transform:translateY(-5%) rotate(85deg) scaleY(.95);opacity:.6}}</style> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-653646-1', 'auto'); ga('set', 'anonymizeIp', true); ga('send', 'pageview');</script>
</head><body>
<div id="nav-back" class="drum-games-shade"></div><div class="drum-games-container"> <header> <nav class="drum-games-nav"> <a href="../../index.html" title="Virtual Drumming.com Home page"> <img class="drum-games-logo" src="../drum-lessons-images/virtual-drumming.png" alt="Virtual Drumming - Online drum lessons - Drum sheet music - Virtual drums"></a> <div class="fb-like" data-href="https://www.facebook.com/virtualdrummingofficial/" data-width="" data-layout="button_count" data-action="like" data-size="large" data-show-faces="false" data-share="false"></div> <label for="show-menu" class="show-menu">☰</label> <input type="checkbox" id="show-menu" role="button"> <ul id="menu" class="drum-games-shade"> <li class="drum-games-shade"><a href="online-virtual-games-drums.html" title="Online drum games for kids Virtual drums">Drum Games</a></li> <li class="drum-games-shade"><a href="../free-online-drum-lessons.html" title="Online basic drum video lessons">Drum Lessons</a></li> <li class="drum-games-shade"><a href="../drum-sheet-music.html" title="Download drum sheet music drum charts drum tabs">Drum Sheet Music</a></li> </ul> </nav> <div id="drum-games-submenu"></div> </header> <div id="adsense728x90">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- ResponsiveComTopBlack --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7016406069418279" data-ad-slot="7908447914" data-ad-format="auto"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
<div id="drum-game-light"> <div id="drum-menu-icon">☰</div> <div id="drum-game-menu" class="drum-menu-hidden"> <div class="drum-menu-col"><button id="sets" class="drum-set">DRUMSETS</button></div> <div class="drum-menu-col"><button id="keys" class="drum-set">KEYS</button></div> <div class="drum-menu-col"><button id="volume" class="drum-set">SOUNDS</button></div> <div class="drum-games-clear"></div> </div> </div> <div class="drums-wrapper"> <div id="drum-settings" class="settings"> <div class="settings-back"></div> <div id="drum-set-frame">
<div id="virtual-drummer-icon" class="free-drumming"></div>
<div class="drum-set-half"> <div class="drum-set-col"> <p>ROCK DRUM SET</p> <button class="drum-set" onclick="window.location='travis-barker-drum.html'" title="Virtual Travis Barker rock drum set" onmouseover="rollover('travis-barker')"> TRAVIS BARKER</button> <button class="drum-set" onclick="window.location='michael-bland-drum-beats.html'" title="Virtual Michael Bland drum beats" onmouseover="rollover('michael-bland')"> MICHAEL BLAND</button> <button class="drum-set" onclick="window.location='john-bonham-drum-set.html'" title="Virtual John Bonham rock drum set" onmouseover="rollover('john-bonham')"> JOHN BONHAM</button> <button class="drum-set" onclick="window.location='phil-collins-drum-beats.html'" title="Virtual Phil Collins drum beats" onmouseover="rollover('phil-collins')"> PHIL COLLINS</button> <button class="drum-set" onclick="window.location='tre-cool-drum-set.html'" title="Virtual Tre Cool drum kits" onmouseover="rollover('tre-cool')"> TRE COOL</button> <button class="drum-set" onclick="window.location='stewart-copeland-drums.html'" title="Virtual Stewart Copeland drum beats" onmouseover="rollover('stewart-copeland')"> STEWART COPELAND</button> <button class="drum-set" onclick="window.location='josh-dun-twenty-one-pilots.html'" title="Virtual Josh Dun drums" onmouseover="rollover('josh-dun')"> JOSH DUN</button> <button class="drum-set" onclick="window.location='dave-grohl-drums.html'" title="Virtual Dave Grohl rock drums" onmouseover="rollover('dave-grohl')"> DAVE GROHL</button> <button class="drum-set" onclick="window.location='ian-paice-rock-drum-set.html'" title="Virtual Ian Paice rock drum set" onmouseover="rollover('ian-paice')"> IAN PAICE</button> <button class="drum-set" onclick="window.location='jeff-porcaro-drum-beats.html'" title="Virtual Jeff Porcaro drum beats" onmouseover="rollover('jeff-porcaro')"> JEFF PORCARO</button> </div> <div class="drum-set-col"> <p>METAL DRUMS</p> <button class="drum-set" onclick="window.location='joey-jordison-drums.html'" title="Virtual Joey Jordison drums" onmouseover="rollover('joey-jordison')"> JOEY JORDISON</button> <button class="drum-set" onclick="window.location='nicko-mcbrain-drums.html'" title="Virtual Nicko McBrain drums" onmouseover="rollover('nicko-mcbrain')"> NICKO MCBRAIN</button> <button class="drum-set" onclick="window.location='mike-portnoy-drum-set.html'" title="Virtual Mike Portnoy drums" onmouseover="rollover('mike-portnoy')"> MIKE PORTNOY</button> <button class="drum-set" onclick="window.location='jimmy-the-rev-sullivan.html'" title="Virtual Jimmy The Rev Sullivan drums" onmouseover="rollover('jimmy-the-rev-sullivan')"> JIMMY SULLIVAN</button> <button class="drum-set" onclick="window.location='lars-ulrich-drums.html'" title="Virtual Lars Ulrich drums" onmouseover="rollover('lars-ulrich')"> LARS ULRICH</button> </div> </div> <div class="drum-set-half"> <div class="drum-set-col"> <p>JAZZ DRUM SET</p> <button class="drum-set" onclick="window.location='steve-gadd-drum-beats.html'" title="Virtual Steve Gadd drum beats" onmouseover="rollover('steve-gadd')"> STEVE GADD</button> <button class="drum-set" onclick="window.location='elvin-jones-jazz-drum-set.html'" title="Virtual Elvin Jones jazz drum set" onmouseover="rollover('elvin-jones')"> ELVIN JONES</button> <button class="drum-set" onclick="window.location='philly-joe-jones-drums.html'" title="Virtual Philly Joe Jones jazz drums" onmouseover="rollover('philly-joe-jones')"> PHILLY JOE JONES</button> <button class="drum-set" onclick="window.location='dave-weckl-virtual-drummer.html'" title="Virtual drummer Dave Weckl drums" onmouseover="rollover('dave-weckl')"> DAVE WECKL</button> <button class="drum-set" onclick="window.location='tony-williams-jazz-drums.html'" title="Virtual Tony Williams jazz drums" onmouseover="rollover('tony-williams')"> TONY WILLIAMS</button> </div> <div class="drum-set-col"> <p>ORIGINALS</p> <button class="drum-set" onclick="window.location='online-virtual-games-drums.html'" title="Online drum games for kids Virtual drums" onmouseover="rollover('free-drumming')"> DEFAULT DRUMSET</button> <button class="drum-set" onclick="window.location='double-bass-drum-pedal.html'" title="Virtual drums with double bass drum pedal" onmouseover="rollover('double-pedal')"> DOUBLE PEDAL</button> <button class="drum-set" onclick="window.location='hip-hop-drum-kits.html'" title="Virtual hip hop drum kits" onmouseover="rollover('hip-hop')"> HIP HOP</button> <button class="drum-set" onclick="window.location='vintage-drums.html'" title="Virtual vintage drums" onmouseover="rollover('vintage-drums')"> VINTAGE</button> <button class="drum-set" onclick="window.location='virtual-live-drums.html'" title="Virtual live drums" onmouseover="rollover('live-drums')"> LIVE DRUMS</button> <button class="drum-set" onclick="window.location='custom-drums-music-games.html'" title="Virtual custom drums" onmouseover="rollover('custom-drums')"> CUSTOM DRUMS</button> <div class="key-set key-button" id="close"><p>CLOSE</p></div> </div> </div> <div class="drum-games-clear"></div> </div> </div> </div> <div class="drums-wrapper"> <div id="vol-settings" class="settings"> <div class="settings-back"></div> <div class="vol-set-frame"> <div class="vol-set-col"> <p>VOLUME <output id="out1" for="slider1">100</output></p> <input class="slider-high" id="slider1" type="range" min="0" max="100" step="1" oninput="updateVolume(this.value)" onchange="updateVolume(this.value)" value="100"> </div> <div class="vol-set-col"> <p>DYNAMICS <output id="out2" for="slider2">50</output></p> <input class="slider-high" id="slider2" type="range" min="0" max="100" step="1" oninput="updateDynamics(this.value)" onchange="updateDynamics(this.value)" value="50"> </div> <div class="drum-games-clear"></div> <div class="vol-set-col"> <p>Snare Drum</p> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(1,this.value)" value="100"> <p>Bass Drum</p> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(2,this.value)" value="100"> <p>Tom</p> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(3,this.value)" value="100"> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(4,this.value)" value="100"> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(5,this.value)" value="100"> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(6,this.value)" value="100"> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(7,this.value)" value="100"> </div> <div class="vol-set-col"> <p>Hi Hat</p> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(8,this.value)" value="100"> <p>Cymbals</p> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(9,this.value)" value="100"> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(10,this.value)" value="100"> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(11,this.value)" value="100"> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(12,this.value)" value="100"> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(13,this.value)" value="100"> <input class="slider-thin" type="range" min="0" max="100" step="1" oninput="updateVolumeChannel(14,this.value)" value="100"> </div> <div class="drum-games-clear"></div> <div class="key-set-menu"> <div class="key-set key-button" id="reset2"><p>DEFAULT</p></div> <div class="key-set key-button" id="custom2"><p>SAVE</p></div> <div class="key-set key-button" id="close2"><p>CLOSE</p></div> <div class="drum-games-clear"></div> </div> </div> </div> </div> <div class="drums-wrapper"> <div id="key-settings" class="settings"> <div class="settings-back"></div> <div class="key-set" id="Scrash2">CRASH<div class="key-led" id="DScrash2"></div></div> <div class="key-set" id="Sbell1">BELL<div class="key-led" id="DSbell1"></div></div> <div class="drum-games-clear"></div> <div class="key-set" id="Scrash1">CRASH<div class="key-led" id="DScrash1"></div></div> <div class="key-set" id="Ssplash1">SPLASH<div class="key-led" id="DSsplash1"></div></div> <div class="key-set" id="Sride1">RIDE<div class="key-led" id="DSride1"></div></div> <div class="drum-games-clear"></div> <div class="key-set" id="Scrash3">CRASH<div class="key-led" id="DScrash3"></div></div> <div class="drum-games-clear"></div> <div class="key-set" id="Stom1">TOM<div class="key-led" id="DStom1"></div></div> <div class="key-set" id="Stom2">TOM<div class="key-led" id="DStom2"></div></div> <div class="key-set" id="Stom3">TOM<div class="key-led" id="DStom3"></div></div> <div class="drum-games-clear"></div> <div class="key-set" id="Schina1">CHINA<div class="key-led" id="DSchina1"></div></div> <div class="drum-games-clear"></div> <div class="key-set" id="Sopen1L">OPEN<div class="key-led" id="DSopen1L"></div></div> <div class="key-set" id="Sopen1R">OPEN<div class="key-led" id="DSopen1R"></div></div> <div class="key-set" id="Stom4">TOM<div class="key-led" id="DStom4"></div></div> <div class="drum-games-clear"></div> <div class="key-set" id="Shihat1L">HIHAT<div class="key-led" id="DShihat1L"></div></div> <div class="key-set" id="Shihat1R">HIHAT<div class="key-led" id="DShihat1R"></div></div> <div class="key-set" id="Stom5">TOM<div class="key-led" id="DStom5"></div></div> <div class="drum-games-clear"></div> <div class="key-set" id="Ssnare1L">SNARE<div class="key-led" id="DSsnare1L"></div></div> <div class="key-set" id="Ssnare1R">SNARE<div class="key-led" id="DSsnare1R"></div></div> <div class="key-set" id="Stom6">TOM<div class="key-led" id="DStom6"></div></div> <div class="drum-games-clear"></div> <div class="key-set" id="Skik1">KICK<div class="key-led" id="DSkik1"></div></div> <div class="drum-games-clear"></div> <div class="key-set-menu"> <div class="key-set key-button" id="reset"><p>RESET</p></div> <div class="key-set key-button" id="default"><p>DEFAULT</p></div> <div class="key-set key-button" id="custom"><p>SAVE</p></div> <div class="drum-games-clear"></div> </div> <div class="vol-set-menu"> <div class="key-set key-button" id="play"><p>PLAY</p></div> </div> <p>Play online bass drum, snare drum, hihat, toms and cymbals of the best drummers - To change the default settings, click on the drumset element you want to set, then press the key you want it to be coupled with. You can only use keys that are not already assigned to any element. To clean all settings click RESET, to go back to the default settings, click DEFAULT, to save your settings click SAVE.</p> </div> </div> <div id="online-drum-game"> <div class="drums-wrapper"> <div class="play-drums" id="drumset"></div> <div class="play-drums" id="crash1"></div> <div class="play-drums" id="splash1"></div> <div class="play-drums" id="crash2"></div> <div class="play-drums" id="ride1"></div> <div class="play-drums" id="crash3"></div> <div class="play-drums" id="china1"></div>
<div class="play-drums" id="hihat1holder"></div> <div class="play-drums" id="hihat1"></div> <div class="play-drums" id="pedalhihat1"></div> <div class="play-drums" id="pedalkik1"></div> <div class="play-drums" id="beaterkik1"></div> <div class="play-drums" id="felts"></div>
<div class="stick-wrapper"><div class="Lsnare1L" id="Lstick"></div></div> <div class="stick-wrapper"><div class="Rsnare1R" id="Rstick"></div></div> </div> <div class="drums-wrapper"> <div class="virtual-games-cymbals" id="crash1-touch"></div> <div class="virtual-games-cymbals" id="crash2-touch"></div> <div class="virtual-games-cymbals" id="splash1-touch"></div> <div class="virtual-games-cymbals" id="bell1-touch"></div> <div class="virtual-games-drums" id="ride1-touch"></div> <div class="virtual-games-cymbals" id="crash3-touch"></div> <div class="drum-games-clear"></div> <div class="virtual-games-drums" id="tom1-touch"></div> <div class="virtual-games-drums" id="tom2-touch"></div> <div class="virtual-games-drums" id="tom3-touch"></div> <div class="drum-games-clear"></div> <div class="virtual-games-drums" id="open1L-touch"></div> <div class="virtual-games-drums" id="open1R-touch"></div> <div class="virtual-games-drums" id="hihat1L-touch"></div> <div class="virtual-games-drums" id="hihat1R-touch"></div> <div class="virtual-games-drums" id="snare1L-touch"></div> <div class="virtual-games-drums" id="snare1R-touch"></div> <div class="virtual-games-drums" id="kik1-touch"></div> <div class="virtual-games-drums" id="tom4-touch"></div> <div class="virtual-games-drums" id="tom5-touch"></div> <div class="virtual-games-cymbals" id="china1-touch"></div> <div class="drum-games-clear"></div> <div class="virtual-games-drums" id="kik2-touch"></div> <div class="drum-games-clear"></div> <div class="virtual-games-cymbals" id="kik3-touch"></div> <div class="drum-games-clear"></div> </div> </div> <div id="adsense728x15">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- ResponsiveLinkBlack --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7016406069418279" data-ad-slot="5610675911" data-ad-format="link"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
<article class="drum-games-more">
<img class="drum-games-more-img" src="../drum-lessons-images/virtual-snare-drum.jpg" alt="Virtual games snare drums"> <h1>Free drum games to play music online</h1> <h2>Music games online for kids and virtual drummers</h2> <h3><br>Ready to be a virtual drummer? <strong>Play drums online</strong> with touch or keyboard choosing your <strong>drumming game</strong> and virtual drumset.</h3> <p>Virtual Drumming is a collection of <strong>free online drum games</strong> where you can play drum beats, drum solos and songs along to your favorite music, with the <strong>drums</strong> of the best <strong>drummers</strong>. You can find big heavy metal drumsets with a lot of cymbals and double bass drum, essential jazz drums or rock drum sets. The feature of <strong>online drum games</strong> is a virtual drumset that you can play with virtual drumsticks in real time, everywhere, choosing amongst many drums with different sounds.<br> <br> Play the <strong>virtual drums</strong> by touching the screen or with your PC keyboard, playing the keys corresponding to the drumset elements (snare drum, toms, cymbals, bass drum and hihat).<br> Press the "keys" button from the game menu to set the correspondence between the keys and the virtual drumset elements.<br> Depending on the drums you choose, drum games sounds and drumset elements -and the related keys- are different. The virtual drums and music games online for kids all require JavaScript.</p>
</article> <div class="drum-games-more drum-games-menu"> <h2>Play your music, play drums with the best online virtual games for drummers</h2>
<a href="travis-barker-drum.html" title="Virtual Travis Barker rock drum set"> <img class="drum-games-button" src="../drum-lessons-images/travis-barker.jpg" alt="Blink-182 Travis Barker rock drum set"></a> <a href="hip-hop-drum-kits.html" title="Virtual hip hop drum kits"> <img class="drum-games-button" src="../drum-lessons-images/hip-hop.jpg" alt="Hip hop music drumkit"></a> <a href="joey-jordison-drums.html" title="Virtual Joey Jordison drums"> <img class="drum-games-button" src="../drum-lessons-images/joey-jordison.jpg" alt="Slipknot Joey Jordison drumset"></a> <a href="virtual-live-drums.html" title="Virtual live drums"> <img class="drum-games-button" src="../drum-lessons-images/live-drums.jpg" alt="Play on stage Virtual live drumset"></a> <a href="double-bass-drum-pedal.html" title="Virtual drums with double bass drum pedal"> <img class="drum-games-button" src="../drum-lessons-images/double-pedal.jpg" alt="Double bass drum pedal drumset"></a> <a href="jimmy-the-rev-sullivan.html" title="Virtual Jimmy The Rev Sullivan drums"> <img class="drum-games-button" src="../drum-lessons-images/jimmy-the-rev-sullivan.jpg" alt="Avenged Sevenfold The Rev drumset"></a> <a href="mike-portnoy-drum-set.html" title="Virtual Mike Portnoy drums"> <img class="drum-games-button" src="../drum-lessons-images/mike-portnoy.jpg" alt="Dream Theater Mike Portnoy drumset"></a> <a href="dave-grohl-drums.html" title="Virtual Dave Grohl rock drums"> <img class="drum-games-button" src="../drum-lessons-images/dave-grohl.jpg" alt="Nirvana Dave Grohl rock drums"></a> <a href="tre-cool-drum-set.html" title="Virtual Tre Cool drum kits"> <img class="drum-games-button" src="../drum-lessons-images/tre-cool.jpg" alt="Green Day Tre Cool drum kits"></a> <a href="nicko-mcbrain-drums.html" title="Virtual Nicko McBrain drums"> <img class="drum-games-button" src="../drum-lessons-images/nicko-mcbrain.jpg" alt="Iron Maiden Nicko McBrain drumset"></a> <a href="lars-ulrich-drums.html" title="Virtual Lars Ulrich drums"> <img class="drum-games-button" src="../drum-lessons-images/lars-ulrich.jpg" alt="Metallica Lars Ulrich drumset"></a> <a href="josh-dun-twenty-one-pilots.html" title="Virtual Josh Dun drums"> <img class="drum-games-button" src="../drum-lessons-images/josh-dun.jpg" alt="Twenty One Pilots Josh Dun drum set"></a> <h3>Now Playing: Default virtual drums. Which is your favorite drum game? Play online all the drumming games and find yours!</h3>
</div> <div class="drum-games-more">
<div class="drum-rectangle-left"> <a id="Virtual-Drummer-Video" target="_blank"></a> <p><strong id="Virtual-Drummer-Winner"></strong></p> </div> <div class="drum-rectangle-right">
<h2>Virtual Drummer of the Month music games online contest</h2> <h3>Follow us on <a class="blackback" href="https://www.facebook.com/pages/Virtualdrumming/151360215023411" target="_blank" title="Virtual Drumming Facebook">Facebook</a> joining the music contest is quite simple!</h3> <p><strong>1</strong> Record your performance -Virtual Drumming fans prefer covers- with Bandicam, Camtasia or your preferred video capturer.<br> <strong>2</strong> Post your video on YouTube inserting "VirtualDrumming.com" in your description, so that we can easily find it. Don't forget to "Like" us on Facebook!<br> <strong>3</strong> Virtual Drumming's special jury select three finalists and post their video on Virtual Drumming's Facebook page.<br> <strong>4</strong> The amount of Facebook likes on the video declare the winner.<br> The winner's video will be displayed for a month in the website pages.</p>
</div> </div> <footer class="drum-games-footer"> <h4>© Virtual Drumming | Music games online - Drum games, virtual drums, online drum set, online games for kids <a class="blackback" href="../privacy.html" title="Privacy Policy">Privacy</a></h4> </footer></div>
<script src="../js/virtual-drummer-video.js" defer></script><script src="../js/ion.sound.min.js" defer></script><script src="../js/free-drumming-2.js" defer></script>
<script src="https://apis.google.com/js/platform.js" async defer></script><script> window.cookieconsent_options = {"message":"VirtualDrumming uses cookies to improve user experience. By browsing the site you accept their use.","dismiss":"Close Message","learnMore":"Learn More","link":"https://www.virtualdrumming.com/drums/privacy.html","theme":"light-bottom"};</script><script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.10/cookieconsent.min.js" defer></script>
</body></html>
