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(){
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:
it works!! just clean things up abit, make images fit screen size, make panel size changable maybe?
sliders dont work, maybe use buttons?
make an upload button that pops up
useful links:
http://localhost:23842/gadgets/aardvark_monitor/index.html