mirror of
https://github.com/AleziaKurdis/Overte-community-apps.git
synced 2025-04-05 12:31:09 +02:00
GitHub
commit
cc6d0eda60
5 changed files with 246 additions and 2 deletions
|
|
@ -196,7 +196,7 @@ var metadata = { "applications":
|
|||
"description": "Necessary tools for exploration: a COMPASS and a VR FLASHLIGHT.",
|
||||
"jsfile": "survivalKit/app-survivalKit.js",
|
||||
"icon": "survivalKit/icon_inactive.png",
|
||||
"caption": "SURVIVAL"
|
||||
"caption": "SURVIVAL"
|
||||
},
|
||||
{
|
||||
"isActive": true,
|
||||
|
|
@ -225,6 +225,15 @@ var metadata = { "applications":
|
|||
"icon": "expozer/images/appicon_i.png",
|
||||
"caption": "EXPOZER"
|
||||
},
|
||||
{
|
||||
"isActive": true,
|
||||
"directory": "scaleMe",
|
||||
"name": "SCALEME",
|
||||
"description": "A simple app for changing the player scale.",
|
||||
"jsfile": "scaleMe/scaleMe.js",
|
||||
"icon": "scaleMe/icons/inactive.png",
|
||||
"caption": "SCALEME"
|
||||
},
|
||||
{
|
||||
"isActive": true,
|
||||
"directory": "appreciate",
|
||||
|
|
@ -235,4 +244,4 @@ var metadata = { "applications":
|
|||
"caption": "APPRECIATE"
|
||||
}
|
||||
]
|
||||
};
|
||||
};
|
||||
BIN
applications/scaleMe/icons/active.png
Normal file
BIN
applications/scaleMe/icons/active.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 776 B |
BIN
applications/scaleMe/icons/inactive.png
Normal file
BIN
applications/scaleMe/icons/inactive.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 814 B |
148
applications/scaleMe/index.html
Normal file
148
applications/scaleMe/index.html
Normal file
|
|
@ -0,0 +1,148 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Scale Me</title>
|
||||
<!-- main head script -->
|
||||
<script>
|
||||
var channel = "overte.application.more.zardsscaleme";
|
||||
|
||||
//Paths
|
||||
var thisPageName = "index.html";
|
||||
var currentPath = window.location.protocol + "//" + window.location.host + window.location.pathname;
|
||||
var ROOTPATH = currentPath.replace(thisPageName, "");
|
||||
|
||||
</script>
|
||||
<!-- main head styles -->
|
||||
<style>
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #454545;
|
||||
margin: 0;
|
||||
font-family: sans-serif;
|
||||
background: linear-gradient(#2b2b2b, #0f212e);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
height: 90px;
|
||||
background: linear-gradient(#2b2b2b, #1e1e1e);
|
||||
font-weight: bold;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
width: 480px;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
main{
|
||||
margin-top: 55px;
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
button {
|
||||
font-weight: bold;
|
||||
height: 45px;
|
||||
min-width: 100px;
|
||||
text-align: center;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
background: linear-gradient(#343434 20%, #000 100%);
|
||||
color: white;
|
||||
padding: 5px;
|
||||
margin: 4px;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
button:hover{
|
||||
background: linear-gradient(#bbbbbb 20%, #646464 100%);
|
||||
}
|
||||
|
||||
.scaleSlider{
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
.break{
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
input{
|
||||
width: 50px;
|
||||
height: 35px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
font-size: large;
|
||||
font-weight: bolder;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="top-bar">
|
||||
<h1>Scale Me App</h1>
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<h4> Scale Slider </h4>
|
||||
<input id="scaleSlider" class="scaleSlider" type="range" value="1" min="0.5" max="9" step="0.5">
|
||||
<br>
|
||||
<input name="scale" type="number" value="1" step="0.1" min="0.1" max="10" id="scaleInput">
|
||||
<button id="scaleSliderButton" onclick="scale(scaleInputValue)">Set Scale</button>
|
||||
<div class="break"></div>
|
||||
<h4> Preset Scales </h2>
|
||||
<ul>
|
||||
<li><button id="0.25x" onclick="scale(0.25)">0.25 scale</button></li>
|
||||
<li><button id="0.5x" onclick="scale(0.5)">0.5 scale</button></li>
|
||||
<li><button id="1x" onclick="scale(1)">1 scale</button></li>
|
||||
<li><button id="2x" onclick="scale(2)">2 scale</button></li>
|
||||
<li><button id="3x" onclick="scale(3)">3 scale</button></li>
|
||||
<li><button id="9x" onclick="scale(9)">9 scale</button></li>
|
||||
</ul>
|
||||
</main>
|
||||
|
||||
<script>
|
||||
var scaleInputValue = 1;
|
||||
|
||||
function scale(scaleAmount){
|
||||
var message = {
|
||||
"channel": channel,
|
||||
"action" : "SCALE",
|
||||
"amount" : scaleAmount
|
||||
}
|
||||
EventBridge.emitWebEvent(JSON.stringify(message));
|
||||
}
|
||||
|
||||
document.getElementById("scaleSlider").addEventListener('input', function(){
|
||||
document.getElementById("scaleInput").value = document.getElementById("scaleSlider").value;
|
||||
scaleInputValue = document.getElementById("scaleSlider").value;
|
||||
})
|
||||
|
||||
document.getElementById("scaleInput").addEventListener('input', function(){
|
||||
document.getElementById("scaleSlider").value = document.getElementById("scaleInput").value;
|
||||
scaleInputValue = document.getElementById("scaleInput").value;
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
87
applications/scaleMe/scaleMe.js
Normal file
87
applications/scaleMe/scaleMe.js
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
//
|
||||
// scaleMe.js
|
||||
// Distributed under the Apache License, Version 2.0.
|
||||
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
||||
// Copyright 2023 alizardguy
|
||||
//
|
||||
"use strict";
|
||||
|
||||
(function (){
|
||||
var jsMainFileName = "scaleMe.js";
|
||||
var ROOT = Script.resolvePath('').split(jsMainFileName)[0];
|
||||
|
||||
var APP_NAME = "SCALEME";
|
||||
var APP_URL = ROOT + "index.html";
|
||||
var APP_ICON_ACTIVE = ROOT + "icons/active.png";
|
||||
var APP_ICON_INACTIVE = ROOT + "icons/inactive.png";
|
||||
var appStatus = false;
|
||||
var channel = "overte.application.more.zardsscaleme";
|
||||
|
||||
var tablet = Tablet.getTablet("com.highfidelity.interface.tablet.system");
|
||||
|
||||
tablet.screenChanged.connect(onScreenChanged);
|
||||
|
||||
var button = tablet.addButton({
|
||||
text: APP_NAME,
|
||||
icon: APP_ICON_INACTIVE,
|
||||
activeIcon: APP_ICON_ACTIVE
|
||||
});
|
||||
|
||||
|
||||
function clicked(){
|
||||
if (appStatus === true) {
|
||||
tablet.webEventReceived.disconnect(onAppWebEventReceived);
|
||||
tablet.gotoHomeScreen();
|
||||
appStatus = false;
|
||||
}else{
|
||||
//Launching the Application UI.
|
||||
tablet.gotoWebScreen(APP_URL);
|
||||
tablet.webEventReceived.connect(onAppWebEventReceived);
|
||||
appStatus = true;
|
||||
}
|
||||
|
||||
button.editProperties({
|
||||
isActive: appStatus
|
||||
});
|
||||
}
|
||||
|
||||
button.clicked.connect(clicked);
|
||||
|
||||
//Receive message from the HTML UI
|
||||
function onAppWebEventReceived(message) {
|
||||
if (typeof message === "string") {
|
||||
var instruction = JSON.parse(message);
|
||||
if (instruction.channel === channel) {
|
||||
if (instruction.action === "SCALE") { //<== Use this for action trigger the UI script processing. (whithout delay)
|
||||
MyAvatar.setAvatarScale(instruction.amount);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function onScreenChanged(type, url) {
|
||||
if (type === "Web" && url.indexOf(APP_URL) !== -1) {
|
||||
appStatus = true;
|
||||
|
||||
} else {
|
||||
appStatus = false;
|
||||
}
|
||||
|
||||
button.editProperties({
|
||||
isActive: appStatus
|
||||
});
|
||||
}
|
||||
|
||||
function cleanup() {
|
||||
|
||||
if (appStatus) {
|
||||
tablet.gotoHomeScreen();
|
||||
tablet.webEventReceived.disconnect(onAppWebEventReceived);
|
||||
}
|
||||
|
||||
tablet.screenChanged.disconnect(onScreenChanged);
|
||||
tablet.removeButton(button);
|
||||
}
|
||||
|
||||
Script.scriptEnding.connect(cleanup);
|
||||
}());
|
||||
Loading…
Reference in a new issue