Skip to content

Add vr button #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
AngyDev wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Add vr button #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
b4bb3db
feat: add vr button
AngyDev Dec 7, 2022
bb9de60
feat: add vr controls
AngyDev Dec 7, 2022
765ee0c
feat: add import file and add planes
AngyDev Dec 13, 2022
d12576a
feat: remove header, change lights
AngyDev Dec 13, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 26 additions & 6 deletions index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,25 @@ canvas {
height: 100%;
}

.header {
height: 100px;
display: flex;
flex-direction: row;
align-items: center;

position: absolute;
top: 0px;
width: 100%;
padding: 10px;
box-sizing: border-box;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
z-index: 1;
}

.container {
font-family: 'Roboto', sans-serif;
font-family: "Roboto", sans-serif;
}

.input_container {
Expand All @@ -22,6 +39,8 @@ canvas {
.input_box {
display: flex;
margin-bottom: 1em;
flex-wrap: wrap;
gap: 1rem;
}

.input_label {
Expand Down Expand Up @@ -62,6 +81,12 @@ canvas {
bottom: 1px;
top: auto;
}

#forkongithub {
display: none;
}


@media screen and (min-width: 800px) {
#forkongithub {
position: fixed;
Expand All @@ -85,9 +110,4 @@ canvas {
-o-transform: rotate(45deg);
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
}

.input_container {
width: 50%;
margin-top: 1.5em;
}
}
25 changes: 15 additions & 10 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,21 @@
<span id="forkongithub">
<a href="https://github.com/AngyDev/threejs-clipping">Fork me on GitHub</a>
</span>
<div class="input_container">
<div class="input_box">
<button id="clipping">Clipping</button>
<span style="display: none;" id="negatedBox">
<input type="checkbox" name="" id="negated" />
<label for="">Negated</label>
</span>
</div>
<div class="input_box">
<input type="checkbox" name="" id="hidePlane">Hide Plane</input>
<div class="header">
<div class="input_container">
<div class="input_box">
<b class="input_label">Load STL:</b>
<input id="file" type="file" multiple/>
<button id="clipping">Clipping</button>
<button style="margin-left: 10px;" id="addPlanes">Add planes</button>
<span style="display: none;" id="negatedBox">
<input type="checkbox" name="" id="negated" />
<label for="">Negated</label>
</span>
</div>
<div class="input_box">
<input type="checkbox" name="" id="hidePlane">Hide Plane</input>
</div>
</div>
</div>
<script type="module" src="index.js"></script>
Expand Down
Loading