Mirrors/Overte-community-apps-AleziaKurdis
3
0
Fork 0
mirror of https://github.com/AleziaKurdis/Overte-community-apps.git synced 2025-04-06 07:33:22 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'master' into app-lightBulb

Browse source
This commit is contained in:
Dale Glass 2022-07-23 22:23:54 +02:00 committed by GitHub
commit dc23098ae3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
16 changed files with 792 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
applications/aaswitcher/FiraSans-SemiBold.ttf Normal file
View file

Binary file not shown.

144
applications/aaswitcher/aaSwitcher.html Normal file
View file

@ -0,0 +1,144 @@
<!DOCTYPE html>
<!--
aaSwitcher.html
Created by Alezia Kurdis, April 7th 2022.
Copyright 2022 Overte e.V.
This application UI let you setup different Anti-Aliasing setup for HMD and Desktop.
Distributed under the Apache License, Version 2.0.
See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
-->
<html>
<head>
<meta charset="UTF-8">
<script>
//Parameters
function findGetParameter(parameterName) {
var result = null,
tmp = [];
var items = location.search.substr(1).split("&");
for (var index = 0; index < items.length; index++) {
tmp = items[index].split("=");
if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
}
return result;
}
//Paths
var thisPageName = "aaSwitcher.html";
var currentPath = window.location.protocol + "//" + window.location.host + window.location.pathname;
var ROOTPATH = currentPath.replace(thisPageName, "");
var channel = "com.overte.aaswitcher";
</script>
<style>
@font-face {
font-family: FiraSans-SemiBold;
src: url(FiraSans-SemiBold.ttf);
}
body {
background: #3b424a;
font-family: FiraSans-SemiBold;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}
</style>
</head>
<body>
<div style="width:100%; text-align:center;"><h1 style='color:#FFFF00;'>ANTI-ALIASING SWITCHER</h1></div>
<hr>
<div id='activeMode'></div><hr>
<h1>HMD:</h1>
<input type = "radio" id="hmdAA0" name="hmdAA" onclick="checkHmdAA(this.value);" value = "0">None<br>
<input type = "radio" id="hmdAA1" name="hmdAA" onclick="checkHmdAA(this.value);" value = "1">TAA<br>
<input type = "radio" id="hmdAA2" name="hmdAA" onclick="checkHmdAA(this.value);" value = "2">FXAA<br>
<hr>
<h1>DESKTOP:</h1>
<input type = "radio" id="desktopAA0" name="desktopAA" onclick="checkDesktopAA(this.value);" value = "0">None<br>
<input type = "radio" id="desktopAA1" name="desktopAA" onclick="checkDesktopAA(this.value);" value = "1">TAA<br>
<input type = "radio" id="desktopAA2" name="desktopAA" onclick="checkDesktopAA(this.value);" value = "2">FXAA<br>
<script>
function setForm() {
document.getElementById("hmdAA0").checked = false;
document.getElementById("hmdAA1").checked = false;
document.getElementById("hmdAA2").checked = false;
var currentRadio = "hmdAA" + hmdAA;
document.getElementById(currentRadio).checked = true;
document.getElementById("desktopAA0").checked = false;
document.getElementById("desktopAA1").checked = false;
document.getElementById("desktopAA2").checked = false;
currentRadio = "desktopAA" + desktopAA;
document.getElementById(currentRadio).checked = true;
if (isActive === "ON") {
document.getElementById("activeMode").innerHTML = "<h1 style='color:#00ff00;'>ON</h1><button type='button' onclick='activator();'>Deactivate</button>";
} else {
document.getElementById("activeMode").innerHTML = "<h1 style='color:#ff2200;'>OFF</h1><button type='button' onclick='activator();'>Activate</button>";
}
}
function checkHmdAA(value) {
hmdAA = value;
var goSignal = {
"channel": channel,
"action": "HMDAA",
"value": hmdAA
};
EventBridge.emitWebEvent(JSON.stringify(goSignal));
}
function checkDesktopAA(value) {
desktopAA = value;
var goSignal = {
"channel": channel,
"action": "DESKTOPAA",
"value": desktopAA
};
EventBridge.emitWebEvent(JSON.stringify(goSignal));
}
function activator() {
if (isActive === "ON") {
isActive = "OFF";
} else {
isActive = "ON";
}
var goSignal = {
"channel": channel,
"action": "ACTIVATION",
"value": isActive
};
EventBridge.emitWebEvent(JSON.stringify(goSignal));
setForm();
}
var hmdAA = findGetParameter("hmdAA");
if (hmdAA === "") {
hmdAA = "1";
}
var desktopAA = findGetParameter("desktopAA");
if (desktopAA === "") {
desktopAA = "1";
}
var isActive = findGetParameter("isActive");
if (isActive === "") {
isActive = "OFF";
}
setForm();
</script>
</body>
</html>

155
applications/aaswitcher/app-aaSwitcher.js Normal file
View file

@ -0,0 +1,155 @@
"use strict";
//
// app-aaSwitcher.js
//
// Created by Alezia Kurdis, April 7th 2022.
// Copyright 2022 Overte e.V.
//
// This application let you setup different Anti-Aliasing setup for HMD and Desktop.
// And it switches the configuration when the mode changes.
//
// Distributed under the Apache License, Version 2.0.
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
//
(function() {
var jsMainFileName = "app-aaSwitcher.js";
var ROOT = Script.resolvePath('').split(jsMainFileName)[0];
var APP_NAME = "AA-SWITCH";
var APP_URL = ROOT + "aaSwitcher.html";
var APP_ICON_INACTIVE = ROOT + "icon_inactive.png";
var APP_ICON_ACTIVE = ROOT + "icon_active.png";
var appStatus = false;
var isActive = "OFF";
var hmdAA = "1";
var desktopAA = "1";
var SETTING_AASWITCHER = "application_aaSwitcher";
var channel = "com.overte.aaswitcher";
var timestamp = 0;
var INTERCALL_DELAY = 200; //0.3 sec
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{
loadSetting();
var uIurl = APP_URL + "?isActive=" + isActive + "&hmdAA=" + hmdAA + "&desktopAA=" + desktopAA;
tablet.gotoWebScreen(uIurl);
tablet.webEventReceived.connect(onAppWebEventReceived);
appStatus = true;
}
button.editProperties({
isActive: appStatus
});
}
button.clicked.connect(clicked);
function onAppWebEventReceived(message) {
var d = new Date();
var n = d.getTime();
var messageObj = JSON.parse(message);
if (messageObj.channel === channel) {
if (messageObj.action === "HMDAA" && (n - timestamp) > INTERCALL_DELAY) {
d = new Date();
timestamp = d.getTime();
hmdAA = messageObj.value;
setAAbasedOnMode();
saveSetting();
} else if (messageObj.action === "DESKTOPAA" && (n - timestamp) > INTERCALL_DELAY) {
d = new Date();
timestamp = d.getTime();
desktopAA = messageObj.value;
setAAbasedOnMode();
saveSetting();
} else if (messageObj.action === "ACTIVATION" && (n - timestamp) > INTERCALL_DELAY) {
d = new Date();
timestamp = d.getTime();
isActive = messageObj.value;
if (isActive === "ON") {
setAAbasedOnMode();
}
saveSetting();
}
}
}
HMD.displayModeChanged.connect(function (isHMDMode) {
setAAbasedOnMode();
});
function setAAbasedOnMode() {
var aaValue = 0;
if (isActive === "ON") {
if (HMD.active) {
aaValue = parseInt(hmdAA);
} else {
aaValue = parseInt(desktopAA);
}
Render.antialiasingMode = aaValue;
}
}
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(onMoreAppWebEventReceived);
}
tablet.screenChanged.disconnect(onScreenChanged);
tablet.removeButton(button);
}
function loadSetting() {
var settings = Settings.getValue(SETTING_AASWITCHER, []);
if (JSON.stringify(settings) !== "[]") {
isActive = settings.isActive;
hmdAA = settings.hmdAA;
desktopAA = settings.desktopAA;
}
}
function saveSetting() {
var data = {
"isActive": isActive,
"hmdAA": hmdAA,
"desktopAA": desktopAA
};
Settings.setValue(SETTING_AASWITCHER, data);
}
Script.scriptEnding.connect(cleanup);
loadSetting();
}());

BIN
applications/aaswitcher/icon_active.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
applications/aaswitcher/icon_inactive.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

61
applications/home/app_home.js Normal file
View file

@ -0,0 +1,61 @@
"use strict";
//
// app_home.js
//
// Created by Alezia Kurdis, February 12th, 2022.
// Copyright 2022 Overte e.V.
//
// Fast go home button.
//
// Distributed under the Apache License, Version 2.0.
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
//
(function() {
var jsMainFileName = "app_home.js";
var ROOT = Script.resolvePath('').split(jsMainFileName)[0];
var teleporterSoundFileUrl = ROOT + "tpsound.mp3";
var teleportSound = SoundCache.getSound(teleporterSoundFileUrl);
var APP_NAME = "HOME";
var APP_ICON_INACTIVE = ROOT + "appicon_i.png";
var APP_ICON_ACTIVE = ROOT + "appicon_a.png";
var tablet = Tablet.getTablet("com.highfidelity.interface.tablet.system");
var button = tablet.addButton({
text: APP_NAME,
icon: APP_ICON_INACTIVE,
activeIcon: APP_ICON_ACTIVE,
sortOrder: 3
});
function clicked(){
button.editProperties({
isActive: true
});
playSound();
var timer = Script.setTimeout(function () {
if (LocationBookmarks.getHomeLocationAddress()) {
location.handleLookupString(LocationBookmarks.getHomeLocationAddress());
} else {
location.goToLocalSandbox();
}
button.editProperties({
isActive: false
});
}, 3000);
}
button.clicked.connect(clicked);
function cleanup() {
Script.scriptEnding.disconnect(cleanup);
tablet.removeButton(button);
}
function playSound() {
Audio.playSound(teleportSound, { volume: 0.3, localOnly: true });
};
Script.scriptEnding.connect(cleanup);
}());

BIN
applications/home/appicon_a.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
applications/home/appicon_i.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
applications/home/tpsound.mp3 Normal file
View file

Binary file not shown.

27
applications/metadata.js
View file

@ -125,6 +125,33 @@ var metadata = { "applications":
"jsfile": "lightBulb/app-lightBulb.js",
"icon": "lightBulb/icon_inactive.png",
"caption": "BULB"
},
{
"isActive": true,
"directory": "aaswitcher",
"name": "Anti-Aliasing Switcher",
"description": "Allow different Anti-Aliasing configuration for HMD and Desktop. This application changes automatically the Anti-Aliasing configuration as you put on or remove your VR Headset.",
"jsfile": "aaswitcher/app-aaSwitcher.js",
"icon": "aaswitcher/icon_inactive.png",
"caption": "AA-SWITCH"
},
{
"isActive": true,
"directory": "notes",
"name": "Notes",
"description": "A simple notepad that can be used while you are in-world.",
"jsfile": "notes/app-notes.js",
"icon": "notes/icon_inactive.png",
"caption": "NOTES"
},
{
"isActive": true,
"directory": "home",
"name": "Home",
"description": "Add a shortcut on your tablet to teleport home.",
"jsfile": "home/app_home.js",
"icon": "home/appicon_i.png",
"caption": "HOME"
}
]
};

BIN
applications/notes/FiraSans-SemiBold.ttf Normal file
View file

Binary file not shown.

129
applications/notes/app-notes.js Normal file
View file

@ -0,0 +1,129 @@
"use strict";
//
// app-notes.js
//
// Created by Alezia Kurdis, May 27th 2022.
// Copyright 2022 Overte e.V.
//
// Simple application to take notes online, mainly for when we are in HMD mode.
//
// Distributed under the Apache License, Version 2.0.
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
//
(function() {
var jsMainFileName = "app-notes.js";
var ROOT = Script.resolvePath('').split(jsMainFileName)[0];
var APP_NAME = "NOTES";
var APP_URL = ROOT + "notes.html";
var APP_ICON_INACTIVE = ROOT + "icon_inactive.png";
var APP_ICON_ACTIVE = ROOT + "icon_active.png";
var appStatus = false;
var mode = "light";
var notes = "";
var channel = "overte.application.ak.notes";
var timestamp = 0;
var INTERCALL_DELAY = 200; //0.3 sec
var SETTING_NOTES = "application_ak_notes";
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(onMoreAppWebEventReceived);
tablet.gotoHomeScreen();
appStatus = false;
}else{
loadDataFromSettings();
tablet.gotoWebScreen(APP_URL + "?mode=" + mode);
tablet.webEventReceived.connect(onMoreAppWebEventReceived);
appStatus = true;
}
button.editProperties({
isActive: appStatus
});
}
button.clicked.connect(clicked);
function onMoreAppWebEventReceived(message) {
var d = new Date();
var n = d.getTime();
if (typeof message === "string") {
eventObj = JSON.parse(message);
if (eventObj.channel === channel) {
if (eventObj.action === "saveText" && (n - timestamp) > INTERCALL_DELAY) {
d = new Date();
timestamp = d.getTime();
notes = eventObj.data;
saveDataToSetting();
clicked(); // this closes the app.
} else if (eventObj.action === "saveMode" && (n - timestamp) > INTERCALL_DELAY) {
d = new Date();
timestamp = d.getTime();
mode = eventObj.data;
saveDataToSetting();
} else if (eventObj.action === "requestData" && (n - timestamp) > INTERCALL_DELAY) {
var message = {
"channel": channel,
"action": "loadText",
"notes": notes
};
tablet.emitScriptEvent(JSON.stringify(message));
}
}
}
}
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(onMoreAppWebEventReceived);
}
tablet.screenChanged.disconnect(onScreenChanged);
tablet.removeButton(button);
}
function loadDataFromSettings() {
var settings = Settings.getValue(SETTING_NOTES, {"mode": "light", "notes": ""});
mode = settings.mode;
notes = settings.notes;
}
function saveDataToSetting() {
var data = {
"mode": mode,
"notes": notes
};
Settings.setValue(SETTING_NOTES, data);
}
Script.scriptEnding.connect(cleanup);
}());

BIN
applications/notes/icon_active.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
applications/notes/icon_inactive.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

4
applications/notes/jquery.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

272
applications/notes/notes.html Normal file
View file

@ -0,0 +1,272 @@
<!DOCTYPE html>
<!--
notes.html
Created by Alezia Kurdis, May 27th 2022.
Copyright 2022 Overte e.V.
UI for a simple application to take notes online, mainly for when we are in HMD mode.
Distributed under the Apache License, Version 2.0.
See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
-->
<html>
<head>
<meta charset="UTF-8">
<script src='jquery.min.js'></script>
<script>
//Parameters
function findGetParameter(parameterName) {
var result = null,
tmp = [];
var items = location.search.substr(1).split("&");
for (var index = 0; index < items.length; index++) {
tmp = items[index].split("=");
if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
}
return result;
}
var mode = findGetParameter("mode");
if(mode === null){mode = "light";}
//Paths
var thisPageName = "notes.html";
var currentPath = window.location.protocol + "//" + window.location.host + window.location.pathname;
var ROOTPATH = currentPath.replace(thisPageName, "");
var channel = "overte.application.ak.notes";
//LISTENER FROM JS FILE:
EventBridge.scriptEventReceived.connect(function(message){
var messageObj = JSON.parse(message);
if (messageObj.channel === channel && messageObj.action === "loadText") {
document.getElementById("page").value = messageObj.notes;
}
});
</script>
<style>
@font-face {
font-family: FiraSans-SemiBold;
src: url(FiraSans-SemiBold.ttf);
}
html {
width: 100%;
height: 100%;
}
body {
background-color: #21293d;
font-family: FiraSans-SemiBold;
font-size: 12px;
color: #FFFFFF;
font-weight: 600;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
width: 100%;
height: 100%;
min-height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
div.container {
height: 95%;
width: 100%;
overflow: hidden;
}
textarea.light {
font-family: FiraSans-SemiBold;
font-size: 14px;
resize: none;
outline: none;
width: 100%;
height: 100%;
overflow-y: auto;
background-color: #ffffff;
color: #000000;
border: 0px;
}
textarea.dark {
font-family: FiraSans-SemiBold;
font-size: 14px;
resize: none;
outline: none;
width: 100%;
height: 100%;
overflow-y: auto;
background-color: #000000;
color: #AAAAAA;
border: 0px;
}
#mode {
margin: 3px;
background: #ebebeb;
background-image: linear-gradient(to bottom, #ebebeb, #999999);
border-radius: 7px;
font-family: FiraSans-SemiBold;
color: #000000;
font-size: 20px;
padding: 0px 5px 0px 5px;
border: solid #000000 0px;
text-decoration: none;
height: 24px;
}
#mode:hover {
background: #f2f2f2;
background-image: linear-gradient(to bottom, #f2f2f2, #5c5c5c);
text-decoration: none;
}
#mode:focus {
outline: none;
}
#clear {
margin: 3px;
background: #ebebeb;
background-image: linear-gradient(to bottom, #ebebeb, #999999);
border-radius: 7px;
font-family: FiraSans-SemiBold;
color: #000000;
font-size: 16px;
padding: 2px 5px 0px 5px;
border: solid #000000 0px;
text-decoration: none;
height: 24px;
}
#clear:hover {
background: #f2f2f2;
background-image: linear-gradient(to bottom, #f2f2f2, #5c5c5c);
text-decoration: none;
}
#clear:focus {
outline: none;
}
#saveAndClose {
margin: 3px;
background: #ebebeb;
background-image: linear-gradient(to bottom, #ebebeb, #999999);
border-radius: 7px;
font-family: FiraSans-SemiBold;
color: #000000;
font-size: 16px;
padding: 2px 5px 0px 5px;
border: solid #000000 0px;
text-decoration: none;
height: 24px;
}
#saveAndClose:hover {
background: #f2f2f2;
background-image: linear-gradient(to bottom, #f2f2f2, #5c5c5c);
text-decoration: none;
}
#saveAndClose:focus {
outline: none;
}
#copy {
margin: 3px;
background: #ebebeb;
background-image: linear-gradient(to bottom, #ebebeb, #999999);
border-radius: 7px;
font-family: FiraSans-SemiBold;
color: #000000;
font-size: 16px;
padding: 2px 5px 0px 5px;
border: solid #000000 0px;
text-decoration: none;
height: 24px;
}
#copy:hover {
background: #f2f2f2;
background-image: linear-gradient(to bottom, #f2f2f2, #5c5c5c);
text-decoration: none;
}
#copy:focus {
outline: none;
}
</style>
</head>
<body>
<div id="container" class="container">
<textarea id="page" class="light" placeholder="Enter your notes here..."></textarea>
</div>
<div style="width: 100%; display: flex;">
<div style="width: 50%; text-align: left;">
<button id="mode" onClick="toggleMode();">&#9681;</button> <button id="clear" onClick="clearContent();">Clear</button>
</div>
<div style="width: 50%; text-align: right;">
<button id="saveAndClose" onClick="saveAndClose();">Save and Close</button>
</div>
</div>
<script>
function setMode() {
if (mode === "dark") {
document.getElementById("page").className = "dark";
} else {
document.getElementById("page").className = "light";
}
}
function toggleMode() {
if (mode === "dark") {
mode = "light";
} else {
mode = "dark";
}
var dataObj = {
"channel": channel,
"action": "saveMode",
"data": mode
};
EventBridge.emitWebEvent(JSON.stringify(dataObj));
setMode();
}
function clearContent() {
document.getElementById("page").value = "";
}
function saveAndClose() {
var dataObj = {
"channel": channel,
"action": "saveText",
"data": document.getElementById("page").value
};
EventBridge.emitWebEvent(JSON.stringify(dataObj));
}
function requestData() {
var dataObj = {
"channel": channel,
"action": "requestData"
};
EventBridge.emitWebEvent(JSON.stringify(dataObj));
}
setMode();
requestData();
</script>
</body>
</html>