Skip to content

Commit

Permalink
Wikitude Xamarin sample app uses Wikitude SDK 9.5
Browse files Browse the repository at this point in the history
  • Loading branch information
pnagele committed Nov 30, 2020
1 parent bf6e955 commit a08f819
Show file tree
Hide file tree
Showing 641 changed files with 7,408 additions and 6,753 deletions.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
#page1 {
overflow: hidden;
background: none;
html, body {
margin: 0;
height: 100%;
overflow: hidden
}

.info {
Expand Down Expand Up @@ -58,42 +58,71 @@
text-shadow: none;
}

.overlayButton:active {
opacity: 0.5;
}

.overlayButton img {
height: 100%;
}

@media screen and (orientation: portrait) {
#overlayContainer {
background: none;
position: absolute;
right: 0;
height: 100%;
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
padding-right: calc(1vw + env(safe-area-inset-right));
}

#overlayPicker {
display: none;
overflow: auto;
overflow: hidden;
height: 100%;
width: 22%;
float: right;
text-align:right;
}

#overlayPicker a {
width: 95%;
right: 0.5%;
}

#overlayPicker a img {
width: 100%;
.overlayButton {
text-align: center;
vertical-align: middle;
width: 10vh;
height: 10vh;
margin-top: 0.5vh;
margin-bottom: 0.5vh;
background-color: #fff;
border-radius: 8px;
box-shadow: 1px 1px #000;
}
}

@media screen and (orientation: landscape) {

#overlayPicker {
display: none;
width: 60%;
text-align: right;
#overlayContainer {
background: none;
position: absolute;
right: calc(0.5% + env(safe-area-inset-right));
bottom: calc(0.5% + env(safe-area-inset-bottom));
bottom: 0;
width: 100%;
padding-bottom: calc(1vh + env(safe-area-inset-bottom));
}

#overlayPicker a {
width: 20%;
#overlayPicker {
display:none;
text-align: center;
width: 100%;
}

#overlayPicker a img {
width: 100%;
.overlayButton {
padding: 0;
display: inline-block;
text-align: center;
vertical-align: middle;
width: 10vw;
height: 10vw;
margin-left: 0.5vw;
margin-right: 0.5vw;
background-color: #fff;
border-radius: 8px;
box-shadow: 1px 1px #000;
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -12,16 +12,7 @@
<script src="https://www.wikitude.com/libs/architect.js"></script>
<script type="text/javascript" src="../ade.js"></script>

<!-- jquery mobile CSS -->
<link rel="stylesheet" href="jquery/jquery.mobile-1.3.2.min.css"/>
<!-- required to set background transparent & enable "click through" -->
<link rel="stylesheet" href="jquery/jquery-mobile-transparent-ui-overlay.css"/>

<link rel="stylesheet" href="css/default.css"/>

<!-- jquery JS files -->
<script type="text/javascript" src="jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="jquery/jquery.mobile-1.3.2.min.js"></script>
</head>

<body>
Expand All @@ -33,32 +24,32 @@
</div>
<div id="loadingMessage" class="info">Loading ...</div>

<div data-role="page" id="page1">
<div data-role="header-status" id="overlayPicker" class="overlayPickerInactive">
<a href="javascript: World.showOverlay(0);" data-role="button" data-inline="true">
<div id="overlayContainer">
<div id="overlayPicker" class="overlayPickerInactive">
<div class="overlayButton" onclick="World.showOverlay(0);">
<img src="assets/christmas_hat.png">
</a>
<a href="javascript: World.showOverlay(1);" data-role="button" data-inline="true">
</div>
<div class="overlayButton" onclick="World.showOverlay(1);">
<img src="assets/police_hat.png">
</a>
<a href="javascript: World.showOverlay(2);" data-role="button" data-inline="true">
</div>
<div class="overlayButton" onclick="World.showOverlay(2);">
<img src="assets/glasses.png">
</a>
<a href="javascript: World.showOverlay(3);" data-role="button" data-inline="true">
</div>
<div class="overlayButton" onclick="World.showOverlay(3);">
<img src="assets/mirror_sunglasses.png">
</a>
<a href="javascript: World.showOverlay(5);" data-role="button" data-inline="true">
</div>
<div class="overlayButton" onclick="World.showOverlay(5);">
<img src="assets/beard_02.png">
</a>
<a href="javascript: World.showOverlay(6);" data-role="button" data-inline="true">
</div>
<div class="overlayButton" onclick="World.showOverlay(6);">
<img src="assets/beard_03.png">
</a>
<a href="javascript: World.clearOverlays();" data-role="button" data-inline="true">
</div>
<div class="overlayButton" onclick="World.clearOverlays();">
<img src="assets/delete.png">
</a>
<a href="javascript: World.captureScreen();" data-role="button" data-inline="true">
</div>
<div class="overlayButton" onclick="World.captureScreen();">
<img src="assets/snapshot.png">
</a>
</div>
</div>
</div>

Expand Down
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.

This file was deleted.

This file was deleted.

This file was deleted.

This file was deleted.

Original file line number Diff line number Diff line change
Expand Up @@ -2,19 +2,58 @@ body {
margin: 0;
}

#page1 {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
min-height: 0 !important;
#height-value-text {
font-size: large;
text-align: center;
float: right;
box-sizing: border-box;
border-color: #aaa;
}

#tracking-height-slider-container {
padding: 5px calc(5px + env(safe-area-inset-right)) 5px calc(5px + env(safe-area-inset-left));
max-width: 500px;
width: 85%;
display:inline-block;
text-align: center;
}

#slider-container {
display: inline-block;
}

#height-value-text-container {
float: left;
width: 20vw;
}

.image-button {
margin-bottom: env(safe-area-inset-bottom);
}

#tracking-height-slider {
-webkit-appearance: none;
appearance: none;
height: 5vw;
position: relative;
background: none;
top: 50%;
transform: translate(0, -55%);
border-color: #aaa;
}

#tracking-height-slider::-webkit-slider-thumb {
top: 50%;
transform: translate(0, -30%);
border-color: #aaa;
border-radius: 100%;
}

#tracking-height-slider::-webkit-slider-thumb:active {
background: #ddd;
border-color: #287bba;
}

#tracking-height-slider::-webkit-slider-runnable-track {
background: #bbb;
border-radius: 5px;
}

#tracking-controls-container-lower {
Expand Down Expand Up @@ -45,42 +84,72 @@ body {
display: table;
}

.image-button {
width: 14%;
}
@media screen and (orientation: portrait) {
#slider-container {
height: 7vh;
margin-top: 1vh;
}

@media only screen
and (min-device-width: 640px)
and (orientation: portrait) {
.image-button {
max-width: 100px;
max-height: 100px;
#height-value-text {
width: 7vh;
height: 7vh;
}
}

@media only screen
and (min-device-width: 720px)
and (orientation: landscape) {
.image-button {
max-width: 100px;
max-height: 100px;
#tracking-height-slider-container {
width: 60vw;
height: 100%;
}

#tracking-height-slider {
width: 50vw;
}

#tracking-height-slider::-webkit-slider-thumb {
width: 5vh;
height: 5vh;
}

#tracking-height-slider::-webkit-slider-runnable-track {
height: 2vh;
}
}

@media only screen
and (max-device-width: 640px)
and (orientation: portrait) {
.image-button {
max-width: 50px;
max-height: 50px;
width: 14vw;
height: 14vw;
}
}

@media only screen
and (max-device-width: 720px)
and (orientation: landscape) {
@media screen and (orientation: landscape) {
#slider-container {
height: 7vw;
margin-top: 1vw;
}

#height-value-text {
width: 7vw;
height: 7vw;
}

#tracking-height-slider-container {
width: 60vw;
height: 100%;
}

#tracking-height-slider {
width: 50vw;
}

#tracking-height-slider::-webkit-slider-thumb {
width: 5vw;
height: 5vw;
}

#tracking-height-slider::-webkit-slider-runnable-track {
height: 2vw;
}

.image-button {
max-width: 50px;
max-height: 50px;
width: 14vh;
height: 14vh;
}
}
Loading

0 comments on commit a08f819

Please sign in to comment.