Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
Acosta Vega
AR_Project
Commits
c89c981c
Commit
c89c981c
authored
Jun 19, 2024
by
Acosta Vega
Browse files
Update index.html
parent
e6f1350f
Pipeline
#9718
passed with stage
in 6 seconds
Changes
1
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
public/index.html
View file @
c89c981c
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"UTF-8"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
...
...
@@ -7,6 +8,7 @@
<!-- Include Three.js library -->
<script
src=
"https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"
></script>
</head>
<body>
<!-- Button to start the AR demo -->
<button
onclick=
"activateXR()"
>
Start Pyramid Demo
</button>
...
...
@@ -22,12 +24,12 @@
// The pyramid will have a different color on each side.
const
materials
=
[
new
THREE
.
MeshBasicMaterial
({
color
:
0xff0000
}),
new
THREE
.
MeshBasicMaterial
({
color
:
0x00
00ff
}),
new
THREE
.
MeshBasicMaterial
({
color
:
0x00
ff00
}),
new
THREE
.
MeshBasicMaterial
({
color
:
0xff
00ff
}),
new
THREE
.
MeshBasicMaterial
({
color
:
0x
00
ffff
}),
new
THREE
.
MeshBasicMaterial
({
color
:
0xffff
00
})
new
THREE
.
MeshBasicMaterial
({
color
:
0xff0000
}),
// Red
new
THREE
.
MeshBasicMaterial
({
color
:
0x00
ff00
}),
// Green
new
THREE
.
MeshBasicMaterial
({
color
:
0x00
00ff
}),
// Blue
new
THREE
.
MeshBasicMaterial
({
color
:
0xff
ff00
}),
// Yellow
new
THREE
.
MeshBasicMaterial
({
color
:
0xff
00
ff
}),
// Magenta
new
THREE
.
MeshBasicMaterial
({
color
:
0x
00
ffff
})
// Cyan
];
// Create the pyramid and add it to the demo scene.
...
...
@@ -94,4 +96,5 @@
}
</script>
</body>
</html>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment