|
<!DOCTYPE html> |
|
<html lang="en-us"> |
|
<head> |
|
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-144783797-1"></script> |
|
<script> |
|
window.dataLayer = window.dataLayer || []; |
|
function gtag(){dataLayer.push(arguments);} |
|
gtag('js', new Date()); |
|
|
|
gtag('config', 'UA-144783797-1'); |
|
</script> |
|
|
|
<meta charset="utf-8"> |
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
|
<meta name="mobile-web-app-capable" content="yes"> |
|
<meta name="mobile-web-app-status-bar-style" content="black-translucent" /> |
|
<meta name="apple-mobile-web-app-capable" content="yes" /> |
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> |
|
<title>モクモクラン</title> |
|
<link rel="shortcut icon" href="TemplateData/favicon.ico"> |
|
<link rel="stylesheet" href="TemplateData/style.css"> |
|
<link rel="manifest" href="manifest.json"> |
|
<script src="TemplateData/UnityProgress.js"></script> |
|
<script src="Build/UnityLoader.js"></script> |
|
<script> |
|
var unityInstance = UnityLoader.instantiate("Mokumokuran", "Build/webgl3.json", {onProgress: UnityProgress, |
|
Module: { |
|
backgroundColor: "#202020", |
|
onRuntimeInitialized: function () { |
|
UnityProgress(unityInstance, "complete"); |
|
} |
|
}}) |
|
</script> |
|
</head> |
|
<body> |
|
<div class="webgl-content"> |
|
<div id="Mokumokuran" style="width: 900px; height: 600px"> |
|
</div> |
|
<div id="TextInputRoot" style="display:none;"> |
|
<div style="width:100%;height:100%;position:fixed;top:0%;z-index:2147483647;"> |
|
<script> |
|
function setActiveValue(){ |
|
document.getElementById("MokuranFreeTextInputActive").value = 1; |
|
} |
|
function setDeactiveValue(){ |
|
document.getElementById("MokuranFreeTextInputActive").value = 0; |
|
document.getElementById("TextInputRoot" ).style.display = "none"; |
|
} |
|
function sendMessage(e){ |
|
if (e.keyCode == 13){ |
|
document.getElementById("MokuranFreeTextInputIsSendAble").value = 1; |
|
console.log("send message is called.") |
|
} |
|
} |
|
</script> |
|
<div style="position:relative;top:87.5%;left:-32px;" align="center" vertical-align="middle"> |
|
<div> |
|
<input type="text" id="MokuranFreeTextInput" onclick="setActiveValue()" onfocusout="setDeactiveValue()" onkeydown="sendMessage(event)" size="50" |
|
style=" |
|
width:310px; |
|
height:27px; |
|
border: 2px solid #171717; |
|
border-radius: 4px; |
|
background-color: #515151; |
|
color: #FFFFFF;"> |
|
<input type="hidden" id="MokuranFreeTextInputActive" value=0 style="position:relative;top:60%;left:100px;"> |
|
<input type="hidden" id="MokuranFreeTextInputIsSendAble" value=0 style="position:relative;top:60%;left:100px;"> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</body> |
|
</html> |
|
|