forked from sm64js-test/sm64js-test.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 8.99 KB
/
index.html
1
<!doctype html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"/><title>Rewritten Test sm64js</title><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script><link href="./template.css" rel="stylesheet"></head><body class="text-center"><canvas hidden id="fullCanvas" width="640" height="480"></canvas><div class="cover-container d-flex h-100 mx-auto flex-column"><header class="masthead"><div class="inner"><h3 class="masthead-brand rainbowText">SM64JSR</h3></div></header><main role="main" class="inner cover" hidden id="mainContent"><h1 class="cover-heading rainbowText">sm64js</h1><h6 style="color:red">Please submit a sm64 rom</h6><form id="romSelect" class="form-group">Compatible sm64 rom required to play<h4 style="color:#fa3e3e"></h4><input id="romFile" class="btn btn-secondary btn-sm" type="file"> <input class="btn btn-primary btn-sm" type="submit"></form><h6 id="romMessage">Fair warning, This version of the game may not always be stable</h6><div class="row" style="justify-content:center"><button id="startbutton" type="button" class="btn btn-success" disabled="disabled">Start Game</button> <a href="https://github.com/sm64js/sm64js/issues" style="margin-left:30px" type="button" class="btn btn-warning">Submit Bug</a></div><br/><div class="row" style="justify-content:center"><div class="col-3"><button type="button" class="btn btn-sm btn-primary" data-html="true" data-container="body" data-toggle="keyboardControlsToggle" data-placement="bottom">Customize Keyboard Controls</button></div><div class="col-3"><button type="button" class="btn btn-sm btn-primary" data-html="true" data-container="body" data-toggle="gamepadControlsToggle" data-placement="bottom">Customize Gamepad Controls</button></div><div class="col-3"><button type="button" class="btn btn-sm btn-primary" onclick="window.enterFullScreenMode()">Full Screen Mode</button></div><div class="col-3"><button type="button" class="btn btn-sm btn-primary" onclick="window.fullWindowMode=!0">Full Window Mode</button></div></div><div class="row" style="justify-content:center;padding-top:5px"><div class="col-3"><h5 style="color:#87ceeb;padding-top:2px">Select Map:</h5></div><div class="col-3"><select id="mapSelect" class="form-control form-control-sm"><option>Bob-omb Battlefield</option><option>Castle Grounds</option><option>Castle Inside 1</option><option>Castle Inside 2</option><option>Castle Courtyard</option><option>Cool, Cool Mountain</option><option>Princess's Secret Slide</option><option>Tall, Tall Mountain</option><option>Whomps Fortress</option><option>Hazy Maze Cave</option><option>Big Boo's Haunt</option><option>Shifting Sand Land</option></select></div></div><br/><canvas id="gameCanvas" width="640" height="480"></canvas><br/><br/><h6 hidden id="numTriangles">Total triangles rendered this frame:</h6><div class="row"><div class="col-5" style="text-align:left"><h6>Total Frame Time (Avg):</h6><h6 hidden>Game Logic (Avg):</h6><h6 hidden>Rendering/WebGL (Avg):</h6></div><div class="col-1"><h6 id="timing-total"></h6><h6 hidden id="timing-game"></h6><h6 hidden id="timing-render"></h6></div><div class="col-6" style="text-align:right"><h6 id="maxFps"></h6></div></div><div hidden class="row" style="justify-content:center"><h6 style="padding-right:10px">Adjust Game Speed:</h6><input id="slider" type="range" style="width:300px" min="1" max="60" value="30"><h6 id="fps" style="padding-left:10px">30 fps</h6></div><br/><br/><a name="What"></a><h4>What is this?</h4><p>A site where content planned to be added to sm64js gets added here for testing</p><br/><a name="Credits"></a><h4>Credits</h4><br/><div class="row" style="justify-content:center">SuperMarioBros575, 0x2480, The origanal creators</main></div><div hidden><div class="container" id="keyboardControlsWindow"><div class="row"><form class="form-inline"><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:30px">Start:</label> <select class="form-control" keyboardbutton name="start" onchange="window.updateKeyboardMapping(this.value,this.name)"></select></div><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:30px">A:</label> <select class="form-control" keyboardbutton name="a" onchange="window.updateKeyboardMapping(this.value,this.name)"></select></div><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:30px">B:</label> <select class="form-control" keyboardbutton name="b" onchange="window.updateKeyboardMapping(this.value,this.name)"></select></div><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:30px">Z:</label> <select class="form-control" keyboardbutton name="z" onchange="window.updateKeyboardMapping(this.value,this.name)"></select></div></form></div><div class="row"><form class="form-inline"><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:30px">Up:</label> <select class="form-control" keyboardbutton name="up" onchange="window.updateKeyboardMapping(this.value,this.name)"></select></div><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:40px">Down:</label> <select class="form-control" keyboardbutton name="down" onchange="window.updateKeyboardMapping(this.value,this.name)"></select></div><div class="form-group"><label class="col-sm-2 col-form-label" style="padding-right:20px">Left:</label> <select class="form-control" keyboardbutton name="left" onchange="window.updateKeyboardMapping(this.value,this.name)"></select></div><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:30px">Right:</label> <select class="form-control" keyboardbutton name="right" onchange="window.updateKeyboardMapping(this.value,this.name)"></select></div></form></div><div class="row" style="justify-content:center"><button class="btn btn-sm btn-success" style="margin-right:30px" onclick="window.saveControls()">Save Controls</button> <button class="btn btn-sm btn-secondary" onclick="window.loadDefaultControls()">Load Default Controls</button></div></div><div class="container" id="gamepadControlsWindow"><div class="row" style="justify-content:center"><h6 style="text-align:center" id="noGamepadMessage">No Gamepad Detected Yet</h6><div hidden id="gamepadMessageDiv"><h6 id="gamepadMessage"></h6><h6 style="text-align:center" id="gamepadMessage">Is your gamepad not working correctly?<br/>Contact me so I can support more gamepads. Discord: snuffysasa#2779 / <a href="https://github.com/sm64js/sm64js/issues" style="color:#00f;font-weight:700">Github</a></h6></div></div><div class="row"><form class="form-inline"><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:30px">Start:</label> <select class="form-control" gamepadbutton name="start" onchange="window.updateGamepadMapping(this.value,this.name)"></select></div><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:30px">A:</label> <select class="form-control" gamepadbutton name="a" onchange="window.updateGamepadMapping(this.value,this.name)"></select></div><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:30px">B:</label> <select class="form-control" gamepadbutton name="b" onchange="window.updateGamepadMapping(this.value,this.name)"></select></div><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:30px">Z:</label> <select class="form-control" gamepadbutton name="z" onchange="window.updateGamepadMapping(this.value,this.name)"></select></div></form></div><div class="row"><form class="form-inline"><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:30px">axisX:</label> <select class="form-control" gamepadaxes name="stickX" onchange="window.updateGamepadMapping(this.value,this.name)"></select></div><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:30px">axisY:</label> <select class="form-control" gamepadaxes name="stickY" onchange="window.updateGamepadMapping(this.value,this.name)"></select></div><div class="form-group mx-sm-3 mb-2"><label class="col-sm-2 col-form-label" style="padding-right:50px">deadZone:</label> <input type="number" style="width:70px" value="0.08" min="0" max="1" step="0.01" class="form-control" onchange="window.updateDeadZone(this.value)"></div></form></div><div class="row" style="justify-content:center"><button class="btn btn-sm btn-success" style="margin-right:30px" onclick="window.saveControls()">Save Controls</button> <button class="btn btn-sm btn-secondary" onclick="window.loadDefaultControls()">Load Default Controls</button></div></div></div><script src="./main.js"></script></body></html>