-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
e0c61d3
commit 87a9d15
Showing
19 changed files
with
602 additions
and
19 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
351 changes: 351 additions & 0 deletions
351
sample/Assets/WebGLTemplates/unity-webview/Passport/index.html
Large diffs are not rendered by default.
Oops, something went wrong.
Binary file added
BIN
+665 Bytes
sample/Assets/WebGLTemplates/unity-webview/TemplateData/MemoryProfiler.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file added
BIN
+175 Bytes
sample/Assets/WebGLTemplates/unity-webview/TemplateData/fullscreen-button.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+96 Bytes
...le/Assets/WebGLTemplates/unity-webview/TemplateData/progress-bar-empty-dark.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+109 Bytes
...e/Assets/WebGLTemplates/unity-webview/TemplateData/progress-bar-empty-light.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+74 Bytes
sample/Assets/WebGLTemplates/unity-webview/TemplateData/progress-bar-full-dark.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+84 Bytes
...le/Assets/WebGLTemplates/unity-webview/TemplateData/progress-bar-full-light.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions
16
sample/Assets/WebGLTemplates/unity-webview/TemplateData/style.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
body { padding: 0; margin: 0 } | ||
#unity-container { position: absolute } | ||
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) } | ||
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% } | ||
#unity-canvas { background: {{{ BACKGROUND_COLOR }}} } | ||
.unity-mobile #unity-canvas { width: 100%; height: 100% } | ||
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none } | ||
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-{{{ SPLASH_SCREEN_STYLE.toLowerCase() }}}.png') no-repeat center } | ||
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-{{{ SPLASH_SCREEN_STYLE.toLowerCase() }}}.png') no-repeat center } | ||
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-{{{ SPLASH_SCREEN_STYLE.toLowerCase() }}}.png') no-repeat center } | ||
#unity-footer { position: relative } | ||
.unity-mobile #unity-footer { display: none } | ||
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center } | ||
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px } | ||
#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center } | ||
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none } |
Binary file added
BIN
+2.97 KB
sample/Assets/WebGLTemplates/unity-webview/TemplateData/unity-logo-dark.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+3 KB
sample/Assets/WebGLTemplates/unity-webview/TemplateData/unity-logo-light.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+2.88 KB
sample/Assets/WebGLTemplates/unity-webview/TemplateData/webgl-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+1.63 KB
sample/Assets/WebGLTemplates/unity-webview/TemplateData/webmemd-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,24 @@ | ||
<!DOCTYPE html> | ||
<html lang="en-us"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
<title>Unity WebGL Player | Immutable Runner</title> | ||
<link rel="shortcut icon" href="TemplateData/favicon.ico"> | ||
<link rel="stylesheet" href="TemplateData/style.css"> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> | ||
<script src="unity-webview.js"></script> | ||
</head> | ||
<body> | ||
<div id="unity-container" class="unity-desktop"> | ||
<div id="unity-build-title">Logging in</div> | ||
</div> | ||
<script> | ||
window.opener.postMessage({ | ||
type: 'callback', | ||
url: window.location.href, | ||
}); | ||
window.close(); | ||
</script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,99 @@ | ||
<!DOCTYPE html> | ||
<html lang="en-us"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
<title>Unity WebGL Player | Immutable Runner</title> | ||
<link rel="shortcut icon" href="TemplateData/favicon.ico"> | ||
<link rel="stylesheet" href="TemplateData/style.css"> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> | ||
<script src="unity-webview.js"></script> | ||
</head> | ||
<body> | ||
<div id="unity-container" class="unity-desktop"> | ||
<canvas id="unity-canvas"></canvas> | ||
<div id="unity-loading-bar"> | ||
<div id="unity-logo"></div> | ||
<div id="unity-progress-bar-empty"> | ||
<div id="unity-progress-bar-full"></div> | ||
</div> | ||
</div> | ||
<div id="unity-footer"> | ||
<div id="unity-webgl-logo"></div> | ||
<div id="unity-fullscreen-button"></div> | ||
<div id="unity-build-title">Immutable Runner</div> | ||
</div> | ||
</div> | ||
<script> | ||
var buildUrl = "Build"; | ||
var loaderUrl = buildUrl + "/webgl.loader.js"; | ||
var config = { | ||
dataUrl: buildUrl + "/webgl.data", | ||
frameworkUrl: buildUrl + "/webgl.framework.js", | ||
codeUrl: buildUrl + "/webgl.wasm", | ||
streamingAssetsUrl: "StreamingAssets", | ||
companyName: "Immutable", | ||
productName: "Immutable Runner", | ||
productVersion: "0.1.0", | ||
}; | ||
|
||
var container = document.querySelector("#unity-container"); | ||
var canvas = document.querySelector("#unity-canvas"); | ||
var loadingBar = document.querySelector("#unity-loading-bar"); | ||
var progressBarFull = document.querySelector("#unity-progress-bar-full"); | ||
var fullscreenButton = document.querySelector("#unity-fullscreen-button"); | ||
var width0 = "960px"; | ||
var height0 = "600px"; | ||
|
||
if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) { | ||
container.className = "unity-mobile"; | ||
config.devicePixelRatio = 1; | ||
} else { | ||
canvas.style.width = "960px"; | ||
canvas.style.height = "600px"; | ||
} | ||
loadingBar.style.display = "block"; | ||
|
||
document.addEventListener( | ||
'fullscreenchange', | ||
function() { | ||
var p = document.getElementById('unity-container'); | ||
var c = document.getElementById('unity-canvas'); | ||
if (document.fullscreenElement) { | ||
width0 = c.style.width; | ||
height0 = c.style.height; | ||
setTimeout( | ||
function() { | ||
c.style.width = getComputedStyle(p).width; | ||
c.style.height = getComputedStyle(p).height; | ||
}, | ||
250); | ||
} else { | ||
c.style.width = width0; | ||
c.style.height = height0; | ||
} | ||
}); | ||
var script = document.createElement("script"); | ||
script.src = loaderUrl; | ||
script.onload = () => { | ||
createUnityInstance(canvas, config, (progress) => { | ||
progressBarFull.style.width = 100 * progress + "%"; | ||
}).then((unityInstance) => { | ||
window.unityInstance = unityInstance; | ||
loadingBar.style.display = "none"; | ||
fullscreenButton.onclick = () => { | ||
var p = document.getElementById('unity-container'); | ||
var c = document.getElementById('unity-canvas'); | ||
c.requestFullscreen = () => { | ||
p.requestFullscreen(); | ||
}; | ||
unityInstance.SetFullscreen(1); | ||
}; | ||
}).catch((message) => { | ||
alert(message); | ||
}); | ||
}; | ||
document.body.appendChild(script); | ||
</script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,24 @@ | ||
<!DOCTYPE html> | ||
<html lang="en-us"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
<title>Unity WebGL Player | Immutable Runner</title> | ||
<link rel="shortcut icon" href="TemplateData/favicon.ico"> | ||
<link rel="stylesheet" href="TemplateData/style.css"> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> | ||
<script src="unity-webview.js"></script> | ||
</head> | ||
<body> | ||
<div id="unity-container" class="unity-desktop"> | ||
<div id="unity-build-title">Logging out</div> | ||
</div> | ||
<script> | ||
window.opener.postMessage({ | ||
type: 'logout', | ||
url: window.location.href, | ||
}); | ||
window.close(); | ||
</script> | ||
</body> | ||
</html> |
72 changes: 72 additions & 0 deletions
72
sample/Assets/WebGLTemplates/unity-webview/unity-webview.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,72 @@ | ||
var unityWebView = | ||
{ | ||
loaded: [], | ||
|
||
init: function(name) { | ||
$containers = $('.webviewContainer'); | ||
if ($containers.length === 0) { | ||
$('<div style="position: absolute; left: 0px; width: 100%; height: 100%; top: 0px; pointer-events: none;"><div class="webviewContainer" style="overflow: hidden; position: relative; width: 100%; height: 100%; z-index: 1;"></div></div>') | ||
.appendTo($('#unity-container')); | ||
} | ||
var $last = $('.webviewContainer:last'); | ||
var clonedTop = parseInt($last.css('top')) - 100; | ||
var $clone = $last.clone().insertAfter($last).css('top', clonedTop + '%'); | ||
var $iframe = | ||
$('<iframe style="position:relative; width:100%; height100%; border-style:none; display:none; pointer-events:auto;"></iframe>') | ||
.attr('id', 'webview_' + name) | ||
.appendTo($last) | ||
$iframe.on('load', function () { | ||
$(this).attr('loaded', 'true'); | ||
|
||
var js = `window.Unity = { | ||
call:function(msg) { | ||
parent.unityWebView.sendMessage('${name}', msg); | ||
} | ||
};`; | ||
|
||
this.contentWindow.eval(js); | ||
|
||
window.addEventListener('message', function(event) { | ||
if ((event.data.type === 'callback' || event.data.type === 'logout') && event.isTrusted) { | ||
unityInstance.SendMessage(name, 'CallOnAuth', event.data.url); | ||
} | ||
}, false); | ||
}); | ||
return $iframe; | ||
}, | ||
|
||
sendMessage: function (name, message) { | ||
unityInstance.SendMessage(name, "CallFromJS", message); | ||
}, | ||
|
||
loadURL: function(name, url) { | ||
var baseUrl = window.location.origin + window.location.pathname.replace(/\/[^\/]*$/, ""); | ||
console.log(url, window.location.origin, window.location.pathname); | ||
console.log(baseUrl); | ||
const host = window.location.origin.includes('localhost') ? window.location.origin : baseUrl; | ||
this.iframe(name).attr('loaded', 'false')[0].contentWindow.location.replace(host + url); | ||
}, | ||
|
||
evaluateJS: function (name, js) { | ||
$iframe = this.iframe(name); | ||
if ($iframe.attr('loaded') === 'true') { | ||
$iframe[0].contentWindow.eval(js); | ||
} else { | ||
$iframe.on('load', function(){ | ||
$(this)[0].contentWindow.eval(js); | ||
}); | ||
} | ||
}, | ||
|
||
destroy: function (name) { | ||
this.iframe(name).parent().parent().remove(); | ||
}, | ||
|
||
iframe: function (name) { | ||
return $('#webview_' + name); | ||
}, | ||
|
||
launchAuthURL: function(name, url) { | ||
window.open(url, '_blank', 'width=460,height=660'); | ||
}, | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters