File size: 3,194 Bytes
e72cbeb
c37cb79
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
94372ba
27396c9
982917c
94372ba
0ed4367
c37cb79
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
e72cbeb
c37cb79
 
e72cbeb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en-us">
  <head>
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<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/webgl2.json", {onProgress: UnityProgress,
	      Module: {
          backgroundColor: "#202020",
          onRuntimeInitialized: function () {
            UnityProgress(unityInstance, "complete");
          }
	  }})
    </script>
  </head>
  <body>
    <div style="width:100%;height:100%;text-align:center;font-size: 1.2em;">
      <br>Unity WebGL + GPT3.5 + VITS音声生成モデルでゲームNPC作りました。
      <br>一応 <b style="font-weight: bold;">「ポーション屋さん」</b> という設定で作成しています。
      <br>ポーションのお買い求めいかがですか~?
    </div>
    <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>