Skip to content

Commit 00f0e40

Browse files
andygrueningandygruening
committed
updated webgl template
1 parent 7de53c2 commit 00f0e40

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

62 files changed

+354
-3023
lines changed

‎Assets/WebGLTemplates/SequenceReact/index.html.meta‎

Lines changed: 0 additions & 7 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Assets/WebGLTemplates/SequenceReact/node_modules.meta‎

Lines changed: 0 additions & 8 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Assets/WebGLTemplates/SequenceReact/package-lock.json.meta‎

Lines changed: 0 additions & 7 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Assets/WebGLTemplates/SequenceReact/package.json.meta‎

Lines changed: 0 additions & 7 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Assets/WebGLTemplates/SequenceReact/src.meta‎

Lines changed: 0 additions & 8 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Assets/WebGLTemplates/SequenceReact/src/App.css‎

Lines changed: 41 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,61 +1,61 @@
11
.outer-container {
2-
display: flex;
3-
align-items: center;
4-
justify-content: center;
5-
width: 100vw;
6-
height: 100vh;
2+
display: flex;
3+
align-items: center;
4+
justify-content: center;
5+
width: 100vw;
6+
height: 100vh;
77
}
88

99
.container {
10-
position: relative;
10+
position: relative;
1111
}
1212

1313
.container > .loading-overlay {
14-
/* We'll render the overlay on top of the Unity Application. */
15-
position: absolute;
16-
top: 0;
17-
left: 0;
18-
width: 100%;
19-
height: 100%;
20-
background: #1a1a1a;
21-
/* We'll set the following Flex properties in order to center the text. */
22-
display: flex;
23-
justify-content: center;
24-
align-items: center;
14+
/* We'll render the overlay on top of the Unity Application. */
15+
position: absolute;
16+
top: 0;
17+
left: 0;
18+
width: 100%;
19+
height: 100%;
20+
background: #1a1a1a;
21+
/* We'll set the following Flex properties in order to center the text. */
22+
display: flex;
23+
justify-content: center;
24+
align-items: center;
2525
}
2626

2727
.container > .unity {
28-
/* The Unity Application matches it size to the container. */
29-
width: 100%;
30-
height: 100%;
28+
/* The Unity Application matches it size to the container. */
29+
width: 100%;
30+
height: 100%;
3131
}
3232

3333
.login-outer-container {
34-
position: absolute;
35-
top: 0;
36-
left: 0;
37-
width: 100%;
38-
height: 100%;
39-
display: flex;
40-
justify-content: center;
41-
align-items: center;
42-
background: rgba(0, 0, 0, 0.9);
34+
position: absolute;
35+
top: 0;
36+
left: 0;
37+
width: 100%;
38+
height: 100%;
39+
display: flex;
40+
justify-content: center;
41+
align-items: center;
42+
background: rgba(0, 0, 0, 0.9);
4343
}
4444

4545
.login-container {
46-
position: relative;
47-
width: 300px;
48-
height: 200px;
49-
display: flex;
50-
flex-direction: column;
51-
align-items: center;
52-
border-radius: 6px;
53-
background-color: white;
46+
position: relative;
47+
width: 300px;
48+
height: 200px;
49+
display: flex;
50+
flex-direction: column;
51+
align-items: center;
52+
border-radius: 6px;
53+
background-color: white;
5454
}
5555

5656
.login-title {
57-
display: block;
58-
color: black;
59-
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
60-
margin-bottom: 40px;
57+
display: block;
58+
color: black;
59+
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
60+
margin-bottom: 40px;
6161
}

‎Assets/WebGLTemplates/SequenceReact/src/App.css.meta‎

Lines changed: 0 additions & 7 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Assets/WebGLTemplates/SequenceReact/src/App.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,10 @@ function App() {
2727
isLoaded,
2828
loadingProgression,
2929
} = useUnityContext({
30-
loaderUrl: "Build/webgl.loader.js",
31-
dataUrl: "Build/webgl.data.unityweb",
32-
frameworkUrl: "Build/webgl.framework.js.unityweb",
33-
codeUrl: "Build/webgl.wasm.unityweb",
30+
loaderUrl: "Build/<ReplaceWithDirectoryName>.loader.js",
31+
dataUrl: "Build/<ReplaceWithDirectoryName>.data",
32+
frameworkUrl: "Build/<ReplaceWithDirectoryName>.framework.js",
33+
codeUrl: "Build/<ReplaceWithDirectoryName>.wasm",
3434
});
3535

3636
const loadingPercentage = Math.round(loadingProgression * 100);

‎Assets/WebGLTemplates/SequenceReact/src/App.tsx.meta‎

Lines changed: 0 additions & 7 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Assets/WebGLTemplates/SequenceReact/src/index.css‎

Lines changed: 42 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,68 @@
11
:root {
2-
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
3-
line-height: 1.5;
4-
font-weight: 400;
2+
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
3+
line-height: 1.5;
4+
font-weight: 400;
55

6-
color-scheme: light dark;
7-
color: rgba(255, 255, 255, 0.87);
8-
background-color: #1a1a1a;
6+
color-scheme: light dark;
7+
color: rgba(255, 255, 255, 0.87);
8+
background-color: #1a1a1a;
99

10-
font-synthesis: none;
11-
text-rendering: optimizeLegibility;
12-
-webkit-font-smoothing: antialiased;
13-
-moz-osx-font-smoothing: grayscale;
10+
font-synthesis: none;
11+
text-rendering: optimizeLegibility;
12+
-webkit-font-smoothing: antialiased;
13+
-moz-osx-font-smoothing: grayscale;
1414
}
1515

1616
a {
17-
font-weight: 500;
18-
color: #646cff;
19-
text-decoration: inherit;
17+
font-weight: 500;
18+
color: #646cff;
19+
text-decoration: inherit;
2020
}
2121
a:hover {
22-
color: #535bf2;
22+
color: #535bf2;
2323
}
2424

2525
body {
26-
margin: 0;
27-
display: flex;
28-
place-items: center;
29-
min-width: 320px;
30-
min-height: 100vh;
26+
margin: 0;
27+
display: flex;
28+
place-items: center;
29+
min-width: 320px;
30+
min-height: 100vh;
3131
}
3232

3333
h1 {
34-
font-size: 3.2em;
35-
line-height: 1.1;
34+
font-size: 3.2em;
35+
line-height: 1.1;
3636
}
3737

3838
button {
39-
border-radius: 8px;
40-
border: 1px solid transparent;
41-
padding: 0.6em 1.2em;
42-
font-size: 1em;
43-
font-weight: 500;
44-
font-family: inherit;
45-
background-color: #1a1a1a;
46-
cursor: pointer;
47-
transition: border-color 0.25s;
39+
border-radius: 8px;
40+
border: 1px solid transparent;
41+
padding: 0.6em 1.2em;
42+
font-size: 1em;
43+
font-weight: 500;
44+
font-family: inherit;
45+
background-color: #1a1a1a;
46+
cursor: pointer;
47+
transition: border-color 0.25s;
4848
}
4949
button:hover {
50-
border-color: #646cff;
50+
border-color: #646cff;
5151
}
5252
button:focus,
5353
button:focus-visible {
54-
outline: 4px auto -webkit-focus-ring-color;
54+
outline: 4px auto -webkit-focus-ring-color;
5555
}
5656

5757
@media (prefers-color-scheme: light) {
58-
:root {
59-
color: #213547;
60-
background-color: #ffffff;
61-
}
62-
a:hover {
63-
color: #747bff;
64-
}
65-
button {
66-
background-color: #f9f9f9;
67-
}
58+
:root {
59+
color: #213547;
60+
background-color: #ffffff;
61+
}
62+
a:hover {
63+
color: #747bff;
64+
}
65+
button {
66+
background-color: #f9f9f9;
67+
}
6868
}

0 commit comments

Comments
 (0)