mirror of
https://github.com/AleziaKurdis/Overte-community-apps.git
synced 2025-04-06 01:53:45 +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.",
|
"description": "Necessary tools for exploration: a COMPASS and a VR FLASHLIGHT.",
|
||||||
"jsfile": "survivalKit/app-survivalKit.js",
|
"jsfile": "survivalKit/app-survivalKit.js",
|
||||||
"icon": "survivalKit/icon_inactive.png",
|
"icon": "survivalKit/icon_inactive.png",
|
||||||
"caption": "SURVIVAL"
|
"caption": "SURVIVAL"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"isActive": true,
|
"isActive": true,
|
||||||
|
|
@ -225,6 +225,15 @@ var metadata = { "applications":
|
||||||
"icon": "expozer/images/appicon_i.png",
|
"icon": "expozer/images/appicon_i.png",
|
||||||
"caption": "EXPOZER"
|
"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,
|
"isActive": true,
|
||||||
"directory": "appreciate",
|
"directory": "appreciate",
|
||||||
|
|
@ -235,4 +244,4 @@ var metadata = { "applications":
|
||||||
"caption": "APPRECIATE"
|
"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