XDUPlayer/Player.html
firebingo 6178ff5505 Some changes/placeholders to custom effects.
Fix overlapping screen shakes causing screen to offset.
Other minor fixes.
3.5 plays through all the missions now more or less as intended minus various custom effects.
2018-05-10 21:32:43 -07:00

73 lines
3.4 KiB
HTML

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<link rel="stylesheet" type="text/css" href="Css/generic.min.css">
<link rel="stylesheet" type="text/css" href="Css/main.min.css">
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.5.1/pixi.min.js"></script> -->
<script src="Js/Pixi.min.js"></script>
</head>
<body onload="onBodyLoaded()">
<!-- <script src="Js/Common.js"></script>
<script src="Js/TextFunctions.js"></script>
<script src="Js/UtageParse.js"></script>
<script src="Js/Audio.js"></script>
<script src="Js/Player.js"></script>
<script src="Js/Main.js"></script> -->
<script src="Js/XduPlayer.min.js"></script>
<div id="loading-container" class="centered">
<h2 id="loading-utage">Loading Utage Data...</h2>
<h2 id="loading-font">Loading Page Data...</h2>
</div>
<div id="parent-container" class="fade-in centered">
<div id="other-controls-container">
<div id="volume-control">
<span onclick="toggleMute(event)" id="mute-button">🔊</span>
<input onchange="onVolumeChange(event)" id="volume-range" value="50" type="range" min="0" max="100" step="1"/>
</div>
<select id="select-mission" onchange="missionDropDownChanged(event);"></select>
<select id="select-language" onchange="languageChanged(event);"></select>
</div>
<!-- Im doing weird shit so that text container is always the base resolution of XDU (1334, 750).
The canvas then resizes as the canvas does and the text-container uses transform scale based off this resolution -->
<div id="app-container" onclick="onMainClick(event);">
<div id="text-container">
<img id="main-ui-img" class="hidden" src="Images/newui_main.png"/>
<div id="title" class="hidden">Title Text</div>
<div id="diva" class="hidden">Diva Text</div>
<div id="dialog-box" class="hidden">
<div id="ui-buttons" onclick="hideUiClicked(event)">
<img class="ui-button" src="Images/hide_button.png"/>
</div>
<div id="character"></div>
<div id="dialog">
<div id="dialog-controls">
<div id="dialog-scroll" class="hidden">
<img id="dialog-scroll-up" src="Images/next_icon.png" onclick="dialogScrollUp(event)"></img>
<img src="Images/next_icon.png" onclick="dialogScrollDown(event)"></img>
</div>
<div id="dialog-next" class="hidden">
<img src="Images/next_icon.png"></img>
</div>
</div>
<div id="dialog-inner"></div>
</div>
</div>
</div>
</div>
<div style="opacity: 0; position: fixed; top: -2000;">
<!-- <span style="font-family: 'FOT-RodinNTLGPro-B_0'">test</span>
<span style="font-family: 'FOT-RodinNTLGPro-DB'">test</span> -->
<span style="font-family: 'FOT-RodinNTLGPro';">test</span>
<span style="font-family: 'FOT-RodinNTLGPro'; font-weight: bold;">test</span>
<!-- <span style="font-family: 'Orbitron-Black'">test</span>
<span style="font-family: 'Orbitron-Bold'">test</span>
<span style="font-family: 'Orbitron-Light'">test</span>
<span style="font-family: 'Orbitron-Medium'">test</span>
<span style="font-family: 'SourceCodePro-Regular'">test</span> -->
</div>
</div>
<div id="click-catcher" style="display: none;" onclick="closeMissionModal(event, false)"></div>
<div id="modal-container" style="display: none;"></div>
</body>
</html>