init
This commit is contained in:
1058
dist/css/interface.css
vendored
Executable file
1058
dist/css/interface.css
vendored
Executable file
File diff suppressed because it is too large
Load Diff
117
dist/css/style.css
vendored
Executable file
117
dist/css/style.css
vendored
Executable file
@ -0,0 +1,117 @@
|
||||
html {
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
-o-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
p{
|
||||
font-family: "Open Sans", sans-serif;
|
||||
}
|
||||
|
||||
#myCanvas{
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#debugconsole{
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.infos{
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
height: auto;
|
||||
width: 20vw;
|
||||
max-width: 250px;
|
||||
opacity: 0;
|
||||
padding: 6px;
|
||||
border: solid thin black;
|
||||
background-color: white;
|
||||
border-radius: 8px;
|
||||
color: black;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
-webkit-transition: background-color 0.3s ease;
|
||||
-moz-transition: background-color 0.3s ease;
|
||||
-o-transition: background-color 0.3s ease;
|
||||
transition: background-color 0.3s ease;
|
||||
font-size: 3vw;
|
||||
font-family: 'Teko', sans-serif;
|
||||
letter-spacing: 2px;
|
||||
pointer-events: painted;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
|
||||
#overlay{
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#overlay-info{
|
||||
height: 20vh;
|
||||
width: 10vw;
|
||||
text-align: center;
|
||||
font-family: 'PT Serif', serif;
|
||||
background-color: white;
|
||||
padding: 20px;
|
||||
font-weight: 700;
|
||||
bottom: 50vh;
|
||||
-webkit-transform: translateY(50%);
|
||||
-ms-transform: translateY(50%);
|
||||
transform: translateY(50%);
|
||||
position: absolute;
|
||||
margin-left: -100%;
|
||||
min-height: 100px;
|
||||
min-width: 150px;
|
||||
-webkit-transition: 1s ease;
|
||||
-moz-transition: 1s ease;
|
||||
-o-transition: 1s ease;
|
||||
transition: 1s ease;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h5{
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
.overlayIN{
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
#loadingtext-frame{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 3;
|
||||
background-color: white;
|
||||
pointer-events: none;
|
||||
text-align: center;
|
||||
font-size: 1.3em;
|
||||
line-height: 100vh;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
-webkit-transition: opacity 0.5s ease;
|
||||
-moz-transition: opacity 0.5s ease;
|
||||
-o-transition: opacity 0.5s ease;
|
||||
transition: opacity 0.5s ease;
|
||||
}
|
||||
|
||||
.loadingtextframe-out{
|
||||
opacity: 0;
|
||||
}
|
||||
9
dist/icons/heavy_fullscreen.svg
vendored
Executable file
9
dist/icons/heavy_fullscreen.svg
vendored
Executable file
@ -0,0 +1,9 @@
|
||||
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
||||
<title>heavy_fullscreen</title>
|
||||
<g id="fullscreen" data-name="fullscreen">
|
||||
<g>
|
||||
<polygon points="54.04 21.62 60.06 27.63 49.69 38 62.02 50.34 72.09 40.27 78.11 46.29 78.41 21.92 54.04 21.62"/>
|
||||
<polygon points="45.96 78.38 39.94 72.37 50.31 62 37.98 49.66 27.91 59.73 21.89 53.71 21.59 78.08 45.96 78.38"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 444 B |
8
dist/icons/heavy_options.svg
vendored
Executable file
8
dist/icons/heavy_options.svg
vendored
Executable file
@ -0,0 +1,8 @@
|
||||
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
||||
<title>heavy_options</title>
|
||||
<polygon id="close" data-name="close" points="72 33.4 72 28 66.6 28 50 44.6 33.4 28 28 28 28 33.4 44.6 50 28 66.6 28 72 33.4 72 50 55.4 66.6 72 72 72 72 66.6 55.4 50 72 33.4"/>
|
||||
<g id="option" data-name="option">
|
||||
<path d="M81.1,50l-5.4-5.4,2.8-7.1L72,35V28H64.4l-3-7L55,23.8l-5-5-5.4,5.4-7.1-2.8L35,28H28v7.6l-7,3L23.8,45l-5,5,5.4,5.4-2.8,7.1L28,65v7h7.6l3,7L45,76.2l5,5,5.4-5.4,7.1,2.8L65,72h7V64.4l7-3L76.2,55ZM50,68A18,18,0,1,1,68,50,18.05,18.05,0,0,1,50,68Z"/>
|
||||
<path d="M50,65.5A15.5,15.5,0,1,1,65.5,50,15.45,15.45,0,0,1,50,65.5Zm0-28A12.5,12.5,0,1,0,62.5,50h0A12.5,12.5,0,0,0,50,37.5Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 745 B |
26
dist/icons/light_fullscreen.svg
vendored
Executable file
26
dist/icons/light_fullscreen.svg
vendored
Executable file
@ -0,0 +1,26 @@
|
||||
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #BE915F;
|
||||
stroke: #BE915F;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<title>light_fullscreen</title>
|
||||
|
||||
<path class="cls-1" d="M77.2,26.1c-.94,4.77-3.13,10-2.29,14.69l-3.57-5.54-6.56-.94C69.36,33.11,73.26,29,77.2,26.1Z" />
|
||||
|
||||
<polygon class="cls-1" points="50.79 56.28 51.17 56.24 57.75 54.97 53.15 62.16 46.14 63.54 50.79 56.28" />
|
||||
<path class="cls-1" d="M56.16,70,54.61,63.1l4.61-7.2a30,30,0,0,0,1.56,6.82Z" />
|
||||
|
||||
<rect class="cls-1" x="53.57" y="44.05" width="22.31" height="3" transform="translate(-8.53 75.52) rotate(-57.39)" />
|
||||
|
||||
<path class="cls-1" d="M22.8,73.9c.94-4.77,3.13-10,2.29-14.69l3.57,5.54,6.56.94C30.64,66.89,26.74,71.05,22.8,73.9Z" />
|
||||
|
||||
<polygon class="cls-1" points="49.21 43.72 48.83 43.76 42.25 45.03 46.85 37.84 53.86 36.46 49.21 43.72" />
|
||||
<path class="cls-1" d="M43.84,30.05l1.55,6.85-4.61,7.2a30,30,0,0,0-1.56-6.82Z" />
|
||||
|
||||
<rect class="cls-1" x="24.12" y="52.95" width="22.31" height="3" transform="translate(-29.6 54.82) rotate(-57.39)" />
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
10
dist/icons/light_options.svg
vendored
Executable file
10
dist/icons/light_options.svg
vendored
Executable file
@ -0,0 +1,10 @@
|
||||
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
||||
<title>light_options</title>
|
||||
<polygon id="close" points="66.97 35.15 64.85 33.03 50 47.88 35.15 33.03 33.03 35.15 47.88 50 33.03 64.85 35.15 66.97 50 52.12 64.85 66.97 66.97 64.85 52.12 50 66.97 35.15"/>
|
||||
<g id="option">
|
||||
<g>
|
||||
<path d="M73.34,54.75,78.5,50l-4.7-4.63,2.62-6-6.56-2.47.29-7-6.59,0-2.43-6.14-6.38,2.9L50,21.5l-4.63,4.7-6-2.62-2.47,6.56-7-.29,0,6.59-6.14,2.43,2.9,6.38L21.5,50l4.7,4.63-2.62,6,6.56,2.47-.29,7,6.59-.05,2.43,6.14,6.38-2.9L50,78.5l4.63-4.7,6,2.62,2.47-6.56,7,.29-.05-6.59,6.14-2.43Zm-7.65,2.43-3.49,1.3V62.2H57.84l-1.82,4-3.39-1.55L50,67.26l-3.09-3.09-4.09,1.52-1.3-3.49H37.8V57.84l-4-1.82,1.55-3.39L32.74,50l3.09-3.09-1.52-4.09,3.49-1.3V37.8h4.36l1.82-4,3.39,1.55L50,32.74l3.09,3.09,4.09-1.52,1.3,3.49H62.2v4.36l4,1.82-1.55,3.39L67.26,50l-3.09,3.09Z"/>
|
||||
<circle cx="50" cy="50" r="11.8"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 954 B |
9
dist/icons/medium_fullscreen.svg
vendored
Executable file
9
dist/icons/medium_fullscreen.svg
vendored
Executable file
@ -0,0 +1,9 @@
|
||||
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
||||
<title>medium_fullscreen</title>
|
||||
<g id="fullscreen" data-name="fullscreen">
|
||||
<g>
|
||||
<path d="M38.06,59.08l-4.12-.9a.34.34,0,0,1-.17-.57l6.4-6.41,2.56.1a2.68,2.68,0,0,0,2-.78l5.85-5.85a.6.6,0,0,0-.41-1l-4.93-.11,0-4.84a.6.6,0,0,0-1-.42l-5.8,5.8a2.67,2.67,0,0,0-.78,2.06c.06.83.11,1.89.08,2.47l-6.47,6.47a.34.34,0,0,1-.57-.17l-.92-4.16a.52.52,0,0,0-1,.12c-.63,3-2.05,9.69-2.64,11.32a.4.4,0,0,0,.52.51c1.62-.59,8.3-2,11.31-2.63A.53.53,0,0,0,38.06,59.08Z"/>
|
||||
<path d="M61.94,40.92l4.12.9a.34.34,0,0,1,.17.57l-6.4,6.41-2.56-.1a2.68,2.68,0,0,0-2,.78l-5.85,5.85a.6.6,0,0,0,.41,1l4.93.11,0,4.84a.6.6,0,0,0,1,.42l5.8-5.8a2.67,2.67,0,0,0,.78-2.06c-.06-.83-.11-1.89-.08-2.47l6.47-6.47a.34.34,0,0,1,.57.17l.92,4.16a.52.52,0,0,0,1-.12c.63-3,2-9.69,2.64-11.32a.4.4,0,0,0-.52-.51c-1.62.59-8.3,2-11.31,2.63A.53.53,0,0,0,61.94,40.92Z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 954 B |
10
dist/icons/medium_options.svg
vendored
Executable file
10
dist/icons/medium_options.svg
vendored
Executable file
@ -0,0 +1,10 @@
|
||||
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
||||
<title>medium_options</title>
|
||||
<g id="close">
|
||||
<path d="M65.49,62.44,54,51a1.27,1.27,0,0,1,0-1.79L65.49,37.7a2.2,2.2,0,0,0,0-3.1h0a2.2,2.2,0,0,0-3.1,0L50.92,46.08a1.29,1.29,0,0,1-1.8,0L37.65,34.6a2.19,2.19,0,0,0-3.09,0h0a2.18,2.18,0,0,0,0,3.1L46,49.17A1.26,1.26,0,0,1,46,51L34.56,62.44a2.17,2.17,0,0,0,0,3.09h0a2.17,2.17,0,0,0,3.09,0L49.12,54.06a1.27,1.27,0,0,1,1.8,0L62.39,65.53a2.18,2.18,0,0,0,3.1,0h0A2.19,2.19,0,0,0,65.49,62.44Z"/>
|
||||
</g>
|
||||
<g id="option" data-name="option">
|
||||
<path d="M77,48.38l-3.4-.92a25.18,25.18,0,0,0-.52-2.8l2.83-2a2.25,2.25,0,0,0-1.52-4.08L70.86,39a24.16,24.16,0,0,0-2-3.06L70.65,33a2.24,2.24,0,0,0-3-3.12l-3.07,1.76a21.66,21.66,0,0,0-2.24-1.54l.7-4.28a2.24,2.24,0,0,0-3.87-1.88l-3.22,3.49a22.64,22.64,0,0,0-2.75-.53l-1.08-4.2a2.25,2.25,0,0,0-4.3-.17L46.25,27c-.61.1-1.21.22-1.79.37l-2.63-3.64a2.24,2.24,0,0,0-4.06,1.4L38,30a23.26,23.26,0,0,0-2.24,1.53l-3.87-2.28a2.24,2.24,0,0,0-3.16,2.92l2.16,4.4c-.31.43-.6.88-.88,1.33l-4.06-.46a2.25,2.25,0,0,0-1.61,4l3.07,2.32a23.13,23.13,0,0,0-.67,3.23L22.8,48.26a2.25,2.25,0,0,0,.14,4.33l3.75.9q.15,1.09.39,2.16l-3.22,2.57a2.25,2.25,0,0,0,1.71,4l3.79-.53a22.93,22.93,0,0,0,1.8,2.76l-1.92,3.65a2.24,2.24,0,0,0,3.16,3l3.28-2a25,25,0,0,0,2.16,1.48l-.49,3.15a2.25,2.25,0,0,0,4,1.65l1.71-2.4a22.43,22.43,0,0,0,3.86.82l.82,3.09a2.25,2.25,0,0,0,4.37-.12l.6-2.9a22.22,22.22,0,0,0,3-.54l1.8,2.46a2.25,2.25,0,0,0,4-1.7l-.47-2.77a23.38,23.38,0,0,0,3.37-2.18L67.1,70.6a2.25,2.25,0,0,0,3-3.17l-1.55-2.36a22.54,22.54,0,0,0,1.68-2.41l3.43.62a2.25,2.25,0,0,0,1.81-4l-2.74-2.2a22.55,22.55,0,0,0,.76-3.58l3.39-.81A2.24,2.24,0,0,0,77,48.38Zm-26.86,20a18,18,0,1,1,18.05-18A18,18,0,0,1,50.1,68.36Z"/>
|
||||
<circle cx="50.1" cy="50.32" r="16.11"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
59
dist/index.html
vendored
Executable file
59
dist/index.html
vendored
Executable file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
</html>
|
||||
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
|
||||
<title>WEBGL DEMO | MODERNROOM </title>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Oswald:300,400" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="./css/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/interface.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="overlay">
|
||||
|
||||
<div id="overlay-info">
|
||||
<h3>Heading</h3>
|
||||
<h5>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi tempora expedita ea inventore quas enim, voluptatibus a distinctio atque et.</h5>
|
||||
</div>
|
||||
|
||||
<div id="loadingtext-frame"></div>
|
||||
|
||||
<div id="interface-wrapper">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="viewport" id="viewport">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
// Register the service worker
|
||||
if ('serviceWorker' in navigator) {
|
||||
navigator.serviceWorker.register('./sw.js').then(function (registration) {
|
||||
// Registration was successful
|
||||
//navigator.serviceWorker.controller.postMessage(JSON.stringify({ type: "add", file: "./textures/test.jpg" }));
|
||||
|
||||
}).catch(function (err) {
|
||||
// registration failed :(
|
||||
console.log('ServiceWorker registration failed: ', err);
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<script src="bundle.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user