2018-12-09 04:24:49 -08:00
<!DOCTYPE html>
< html >
< head >
< title > Super Saber< / title >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
< meta name = "description" content = "Beat Saber clone in WebVR by Supermedium" >
< meta name = "keywords" content = "vr, webvr, beat, saber, aframe, play, game" >
< meta name = "og:title" content = "Super Saber" >
< meta name = "og:image" content = "https://supermedium.com/supersaber/site/assets/hero.jpg" >
< meta name = "og:description" content = "Beat Saber clone in WebVR by Supermedium" >
< meta property = "og:url" content = "https://supermedium.com/supersaber/" >
< meta name = "twitter:card" content = "summary" >
< meta name = "twitter:site" content = "https://supermedium.com/supersaber" >
< meta name = "twitter:creator" content = "@supermediumvr" >
< meta name = "twitter:title" content = "Super Saber" >
< meta name = "twitter:description" content = "Beat Saber clone in WebVR by Supermedium" >
< meta name = "twitter:image" content = "https://supermedium.com/supersaber/site/assets/hero.jpg" >
< link rel = "shortcut icon" href = "site/assets/favicon.png" type = "image/x-icon" >
< link href = "https://fonts.googleapis.com/css?family=Teko:400,700" rel = "stylesheet" >
< link href = "site/index.css" rel = "stylesheet" >
< link rel = "preload" href = "site/assets/grid.jpg" as = "image" >
< link rel = "preload" href = "site/assets/sslogo.png" as = "image" >
< link rel = "preload" href = "site/assets/steamhover.png" as = "image" >
< link rel = "preload" href = "site/assets/oculushover.png" as = "image" >
< / head >
< body >
< div class = "laser" > < / div >
< div id = "lightbox" onclick = "closeLb()" > < img src = "" > < / div >
< div id = "all" >
2018-12-09 04:57:33 -08:00
< a href = "https://supermedium.com" > < img src = "site/assets/supermedium-logo.png" class = "imgfill headerglow" > < / a >
2018-12-09 04:24:49 -08:00
< img src = "site/assets/sslogo.png" class = "imgfill" >
2018-12-09 04:57:33 -08:00
2018-12-09 05:02:04 -08:00
< h1 id = "header" > An open source clone of Beat Saber with 6000 songs< / h1 >
2018-12-09 04:57:33 -08:00
2018-12-09 04:24:49 -08:00
< div id = "video" >
2018-12-09 04:57:33 -08:00
< iframe width = "100%" height = "100%" src = "https://www.youtube.com/embed/PKOPO4OqgYo" frameborder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe >
2018-12-09 04:24:49 -08:00
< / div >
2018-12-09 04:57:33 -08:00
2018-12-09 04:24:49 -08:00
< section >
< h1 >
< span class = "cyan" > Play now for free on < / span > < span class = "pink" > < img src = "site/assets/supermedium.png" class = "supermedium-h1" > < / span > < span class = "pink" > The Virtual Reality Browser< / span >
< / h1 >
< div class = "storebuttons" >
< a href = "https://www.oculus.com/experiences/rift/1629560483789871/" > < / a >
< a href = "https://store.steampowered.com/app/803010/Supermedium__Virtual_Reality_Browser/" > < / a >
< / div >
< / section >
< section >
2018-12-09 04:57:33 -08:00
< div id = "intro" >
< p > < img src = "site/assets/sslogosmall.png" > was created from the ground up to let you search and play from 6000+ community-created Beat Saber songs without having to install any mods.< / p >
< p > We rebuilt Beat Saber entirely using < a href = "https://aframe.io" > A-Frame< / a > , a VR web framework we built.
< p > And we < a href = "https://github.com/supermedium/supersaber" > open sourced the code< / a > for the developer community to check out.< / p >
< / div >
2018-12-09 04:24:49 -08:00
< div class = "screenshots" >
2018-12-09 04:57:33 -08:00
< img src = "site/assets/screenshots/supersaber12.jpg" >
< img src = "site/assets/screenshots/supersaber06.jpg" >
< img src = "site/assets/screenshots/supersaber13.jpg" >
2018-12-09 04:24:49 -08:00
< / div >
< / section >
< section class = "short" >
< div id = "features" >
< div >
< h3 class = "cyanglow" > SLICE TO THE BEAT< / h3 >
2018-12-09 04:57:33 -08:00
< p > Just like in Beat Saber, slice and dice the music with light sabers.< / p >
2018-12-09 04:24:49 -08:00
< / div >
< div >
2018-12-09 04:57:33 -08:00
< h3 class = "pinkglow" > +6000 SONGS< / h3 >
< p > Play from over 6000 community songs from < a href = "https://beatsaver.com" > BeatSaver< / a > !< / p >
2018-12-09 04:24:49 -08:00
< / div >
< div >
< h3 class = "cyanglow" > PLAY FOR FREE< / h3 >
2018-12-09 04:57:33 -08:00
< p > Loads in seconds. No mods, no installs, no wait times.< / p >
2018-12-09 04:24:49 -08:00
< / div >
< / div >
< div class = "screenshots" >
2018-12-09 04:57:33 -08:00
< img src = "site/assets/screenshots/supersaber07.jpg" >
< img src = "site/assets/screenshots/supersaber17.jpg" >
< img src = "site/assets/screenshots/supersaber11.jpg" >
2018-12-09 04:24:49 -08:00
< / div >
< / section >
< section class = "short" >
< h2 > How to Play< / h2 >
2018-12-09 04:57:33 -08:00
< img src = "site/assets/tutorial.png" width = "100%" >
2018-12-09 05:02:04 -08:00
< p style = "text-align: center" > Install Supermedium on a Vive or Rift and navigate to Super Saber< / p >
2018-12-09 04:24:49 -08:00
< / section >
< footer >
2018-12-09 04:57:33 -08:00
< a href = "https://supermedium.com" > < img src = "site/assets/supermedium-logo.png" class = "imgfill" > < / a >
2018-12-09 04:24:49 -08:00
< div class = "storebuttons" >
< a href = "https://www.oculus.com/experiences/rift/1629560483789871/" > < / a >
< a href = "https://store.steampowered.com/app/803010/Supermedium__Virtual_Reality_Browser/" > < / a >
< / div >
2018-12-09 04:57:33 -08:00
< p id = "credit" >
< br >
< b > Super Saber< / b > is shamelessly based on < b > Beat Saber< / b > , an original game from by the awesome team at < a href = "http://www.hyperbolicmagnetism.com/" > < b > Hyperbolic Magnetism< / b > .< / a >
2018-12-09 04:24:49 -08:00
< br >
2018-12-09 04:57:33 -08:00
Support them with a purchase!
< br >
Songs from the massive < a href = "https://beatsaver.com" > < b > BeatSaver< / b > < / a > community.
< / p >
2018-12-09 04:24:49 -08:00
< / footer >
< / div >
2018-12-09 04:57:33 -08:00
< script >
(function () {
let lb;
function setupLb () {
lb = document.getElementById('lightbox');
const sshots = document.querySelectorAll('.screenshots>img');
for (let i = 0; i < sshots.length ; i + + ) {
sshots[i].addEventListener('click', showImg);
}
}
function showImg (ev) {
lb.querySelector('img').src = ev.target.src;
lb.classList.add('opened');
}
function closeLb () {
lb.classList.remove('opened')
2018-12-09 04:24:49 -08:00
}
2018-12-09 04:57:33 -08:00
setupLb();
})();
2018-12-09 04:24:49 -08:00
< / script >
2018-12-09 04:59:49 -08:00
< script async src = "https://www.googletagmanager.com/gtag/js?id=UA-111391431-14" > < / script >
< script >
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-111391431-14');
< / script >
2018-12-09 04:24:49 -08:00
< / body >
< / html >
