mirror of
https://github.com/tengge1/ShadowEditor.git
synced 2026-01-25 15:08:11 +00:00
127 lines
4.1 KiB
HTML
127 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<html lang="zh-cn">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Shadow Editor Viewer</title>
|
||
<link rel="shortcut icon" href="favicon.ico">
|
||
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
|
||
<!-- iconfont -->
|
||
<link href="assets/css/icon/iconfont.css" rel="stylesheet" />
|
||
<!-- Shadow Editor -->
|
||
<link href="assets/css/main.css" rel="stylesheet" />
|
||
<link id="theme" href="assets/css/light.css" rel="stylesheet" />
|
||
</head>
|
||
|
||
<body>
|
||
<div id="container" tabindex="10"></div>
|
||
|
||
<!-- three.js -->
|
||
<script src="assets/js/three.js"></script>
|
||
|
||
<!-- libs -->
|
||
<script src="assets/js/libs/stats.min.js"></script>
|
||
<script src="assets/js/libs/ammo.js"></script>
|
||
<script src="assets/js/libs/jszip.min.js"></script>
|
||
<script src="assets/js/libs/inflate.min.js"></script>
|
||
<script src="assets/js/libs/gunzip.min.js"></script>
|
||
|
||
<script src="assets/js/SimplexNoise.js"></script>
|
||
<script src="assets/js/ImprovedNoise.js"></script>
|
||
<script src="assets/js/GPUComputationRenderer.js"></script>
|
||
<script src="assets/js/ShaderTerrain.js"></script>
|
||
|
||
<script src="assets/js/SPE.js"></script>
|
||
<script src="assets/js/VolumetricFire.js"></script>
|
||
<script src="assets/js/utils/BufferGeometryUtils.js"></script>
|
||
|
||
<!-- shader -->
|
||
<script src="assets/js/shaders/CopyShader.js"></script>
|
||
<script src="assets/js/shaders/NormalMapShader.js"></script>
|
||
|
||
<!-- postprocessing -->
|
||
<script src="assets/js/postprocessing/EffectComposer.js"></script>
|
||
<script src="assets/js/postprocessing/RenderPass.js"></script>
|
||
<script src="assets/js/postprocessing/ShaderPass.js"></script>
|
||
<script src="assets/js/postprocessing/OutlinePass.js"></script>
|
||
<script src="assets/js/shaders/FXAAShader.js"></script>
|
||
<script src="assets/js/postprocessing/SAOPass.js"></script>
|
||
<script src="assets/js/postprocessing/SSAOPass.js"></script>
|
||
|
||
<!-- controls -->
|
||
<script src="assets/js/controls/EditorControls.js"></script>
|
||
<script src="assets/js/controls/TransformControls.js"></script>
|
||
|
||
<!-- geometries -->
|
||
<script src="assets/js/geometries/DecalGeometry.js"></script>
|
||
<script src="assets/js/geometries/TeapotBufferGeometry.js"></script>
|
||
|
||
<!-- loaders -->
|
||
<script src="assets/js/loaders/TGALoader.js"></script>
|
||
|
||
<!-- objects -->
|
||
<script src="assets/js/objects/Sky.js"></script>
|
||
<script src="assets/js/objects/Reflector.js"></script>
|
||
<script src="assets/js/objects/Lensflare.js"></script>
|
||
|
||
<!-- Shadow Editor -->
|
||
<script src="build/ShadowEditor.js"></script>
|
||
<script>
|
||
var container = null;
|
||
var app = null;
|
||
|
||
var lang = window.localStorage.getItem('lang') || 'zh-CN';
|
||
|
||
var loadJs = url => {
|
||
var script = document.createElement('script');
|
||
script.type = 'text/javascript';
|
||
script.src = url;
|
||
|
||
document.body.appendChild(script);
|
||
|
||
return new Promise(resolve => {
|
||
script.onload = () => {
|
||
resolve();
|
||
}
|
||
});
|
||
};
|
||
|
||
var getQueryString = name => {
|
||
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
|
||
var r = window.location.search.substr(1).match(reg);
|
||
if (r != null) return unescape(r[2]);
|
||
return null;
|
||
};
|
||
|
||
var start = () => {
|
||
container = document.getElementById('container');
|
||
|
||
var id = getQueryString('id'); // 场景id，例如：view.html?id=5bb9ed3ec8b49b43940044ab
|
||
|
||
if (!id) {
|
||
alert('id参数丢失！');
|
||
return;
|
||
}
|
||
|
||
app = new Shadow.Application(container, {
|
||
server: location.origin,
|
||
view: true,
|
||
viewId: id
|
||
});
|
||
app.start();
|
||
};
|
||
|
||
window.onload = () => {
|
||
if (lang === 'zh-CN') {
|
||
loadJs('lang/zh-CN.js').then(() => {
|
||
start();
|
||
});
|
||
} else {
|
||
start();
|
||
}
|
||
};
|
||
</script>
|
||
</body>
|
||
|
||
</html> |