DressOrc/imageReferenceVR
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

inital commit

Browse source 
:)
This commit is contained in:
Nye Evans 2021-02-06 17:22:48 +00:00
parent 7efcda8ee3
commit 0872b84779
11 changed files with 6449 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored Normal file
View file

@ -0,0 +1 @@
node_modules/

31
.vscode/launch.json vendored Normal file
View file

@ -0,0 +1,31 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "attach",
"name": "Attach to aardvark_renderer",
"sourceMaps": true,
//"trace":"verbose",
"port": 8042,
"webRoot":"${workspaceFolder}",
"sourceMapPathOverrides": {
// If you have local Git clones of @aardvarkxr/aardvark-react or @aardvarkxr/aardvark-shared,
// you can use those repos as your source of these two packages with "npm install <path>" for each one.
// But if you do that, source maps will get lost, so you also need to set the environment variable
// "AV_SHARED_SRC=C:/some/path/aardvark-shared" so the following rules can make the source maps work
// through the sym linked packages. NOTE THE FORWARD SLASHES!
"webpack:///../aardvark-react/*": "${env:AV_REACT_SRC}/*",
"webpack:///../aardvark-shared/*": "${env:AV_SHARED_SRC}/*",
"webpack:///./~/*": "${webRoot}/node_modules/*", // Example: "webpack:///./~/querystring/index.js" -> "/Users/me/project/node_modules/querystring/index.js"
"webpack:///./*": "${webRoot}/*", // Example: "webpack:///./src/app.js" -> "/Users/me/project/src/app.js",
"webpack:///*": "*", // Example: "webpack:///project/app.ts" -> "/project/app.ts"
"webpack:///src/*": "${webRoot}/*", // Example: "webpack:///src/app.js" -> "/Users/me/project/app.js"
"meteor://💻app/*": "${webRoot}/*" // Example: "meteor://💻app/main.ts" -> "/Users/me/project/main.ts"
}
},
]
}

13
dist/index.html vendored Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>referenceImageVR</title>
<link href="styles.css?1611926700607" rel="stylesheet">
</head>
<body>
<div id="root" class="FullPage"></div>
<script type="text/javascript" src="main.js?89559f33c3f79470edff"></script></body>
</html>

1
dist/main.d.ts vendored Normal file
View file

@ -0,0 +1 @@
export {};

6294
dist/main.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

18
dist/manifest.webmanifest vendored Normal file
View file

@ -0,0 +1,18 @@
{
"xr_type": "aardvark-gadget@^1.5.1",
"name": "referenceImageVR",
"icons": [
{
"src": "models/Icon.glb",
"type": "model/gltf-binary"
}
],
"aardvark": {
"permissions": [
"scenegraph"
],
"browserWidth": 1024,
"browserHeight": 1024,
"startAutomatically": false
}
}

BIN
dist/models/HandleModel.glb vendored Normal file
View file

Binary file not shown.

BIN
dist/models/Icon.glb vendored Normal file
View file

Binary file not shown.

BIN
dist/models/placeholder.glb vendored Normal file
View file

Binary file not shown.

89
dist/styles.css vendored Normal file
View file

@ -0,0 +1,89 @@
body, html
{
background-color: transparent;
height: 100%;
overflow: hidden;
}
button{
background-color: transparent;
border: 3px solid black;
}
.Button
{
background-color: lightcoral;
font-size: 4rem;
}
.Label
{
font-size: 4rem;
}
.Button:hover
{
background-color: red;
}
.FullPage
{
width: 100%;
height: 100%;
}
.NoGrabHighlight
{
background-color: white;
}
.InRangeHighlight
{
background-color: lightblue;
}
.GrabbedHighlight
{
background-color: blue;
}
.imageMenuButton{
height: 100%;
width: 100%; /*things to try: max width?*/
box-sizing:border-box;
min-width: 100%;
max-width: 100%;
}
.imageMenuImage{
object-fit: cover;
width: 100%;
height: 100%;
}
.imageMenuContainer{
display: grid;
grid-template-columns: 20vw 20vw 20vw 20vw;
gap: 4vw;
margin-left: 4vw;
}
.displayedImage{
width: 90%;
height: auto;
bottom: 0px;
text-align: center;
}
.imageDisplayButton{
font-size: 3rem;
}
#noImageText{
font-size: 3rem;
color: grey;
margin: 0 auto;
}
#uploadButton{
font-size: 3rem;
}

3
src/main.tsx
View file

@ -116,7 +116,7 @@ class MyGadget extends React.Component< {}, {} >
} }
public openWindow(){ public openWindow(){
window.open("https://www.bbc.co.uk/", "bbc") window.open("https://www.bbc.co.uk/", "bbc") // this should open the page to upload images too, just testing if it would work in a separate non-vr project
} }
@ -146,6 +146,7 @@ renderAardvarkRoot( "root", <MyGadget/> );
todo: todo:
it works!! just clean things up abit, make images fit screen size, make panel size changable maybe? it works!! just clean things up abit, make images fit screen size, make panel size changable maybe?
sliders dont work, maybe use buttons? sliders dont work, maybe use buttons?
make an upload button that pops up
useful links: useful links:
http://localhost:23842/gadgets/aardvark_monitor/index.html http://localhost:23842/gadgets/aardvark_monitor/index.html