1.1.0
This commit is contained in:
parent
c7ef915e71
commit
70ed837c19
GPG Key ID:
FDBF740DADDCEECF
|
|
@ -15,6 +15,8 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<h1>ExpressED: Changelog</h1>
|
<h1>ExpressED: Changelog</h1>
|
||||||
|
<h2>1.1.0 - 12/06/23</h2>
|
||||||
|
<p>Added descriptions. Added logo to splash page. Made text bigger. Removed Neutral. Added back button to practice screen.</p>
|
||||||
<h2>1.0.2 - 11/27/23</h2>
|
<h2>1.0.2 - 11/27/23</h2>
|
||||||
<p>Made text bigger on the learn page.</p>
|
<p>Made text bigger on the learn page.</p>
|
||||||
<hr>
|
<hr>
|
||||||
|
|
@ -27,13 +29,13 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/" class="btn btn-secondary p-5 w-100">Go Back</a>
|
<a href="/" class="btn btn-secondary p-5 w-100" style="font-size: 30pt;">Go Back</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p style="position: absolute; bottom: 0; left: 10pt;">~core/expressed v1.0.2 - <a href="/changelog.html">changelog</a> - made with <3 - last build 11/21/23 01:37:33Z</p>
|
<p style="position: fixed; bottom: 0; left: 10pt;">~core/expressed v1.1.0 - <a href="/changelog.html">changelog</a> - made with <3 - last build 12/06/23 21:02:45Z</p>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -20,16 +20,16 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/learn.html" class="btn btn-secondary p-5 w-100">Go Back</a>
|
<a href="/learn.html" class="btn btn-secondary p-5 w-100" style="font-size: 30pt;">← Go Back</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a id="link" href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=1" class="btn btn-success p-5 w-100">Practice!</a>
|
<a id="link" href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=1" class="btn btn-success p-5 w-100" style="font-size: 30pt;">Practice! → </a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p style="position: absolute; bottom: 0; left: 10pt;">~core/expressed v1.0.2 - <a href="/changelog.html">changelog</a> - made with <3 - last build 11/21/23 01:37:33Z</p>
|
<p style="position: fixed; bottom: 0; left: 10pt;">~core/expressed v1.1.0 - <a href="/changelog.html">changelog</a> - made with <3 - last build 12/06/23 21:02:45Z</p>
|
||||||
<script>
|
<script>
|
||||||
const params = new URLSearchParams(window.location.search);
|
const params = new URLSearchParams(window.location.search);
|
||||||
if (!params.has("v")) {
|
if (!params.has("v")) {
|
||||||
|
|
@ -38,7 +38,14 @@
|
||||||
|
|
||||||
let emotions = ["Anger", "Disgust", "Fear", "Happiness", "Sadness", "Surprise", "Neutral"];
|
let emotions = ["Anger", "Disgust", "Fear", "Happiness", "Sadness", "Surprise", "Neutral"];
|
||||||
let emotion_descriptions = [
|
let emotion_descriptions = [
|
||||||
"Anger description",
|
"<b>Tense Jaw and Clenched Teeth</b><br>" +
|
||||||
|
"Anger tightens the jaw, with visible teeth clenching and pronounced jaw muscles, revealing the effort to control intense emotions.<br>" +
|
||||||
|
"<br>" +
|
||||||
|
"<b>Narrowed Eyes and Intense Stare</b><br>" +
|
||||||
|
"Angry eyes narrow, eyebrows lower, and the gaze intensifies, conveying focused and heightened emotional intensity.<br>" +
|
||||||
|
"<br>" +
|
||||||
|
"<b>Flushed Complexion and Furrowed Forehead</b><br>" +
|
||||||
|
"Anger leads to a flushed complexion, especially in the cheeks, and a furrowed forehead, reflecting both physiological and mental responses to the emotion.",
|
||||||
"Disgust description",
|
"Disgust description",
|
||||||
"Fear description",
|
"Fear description",
|
||||||
|
|
||||||
|
|
@ -49,9 +56,27 @@
|
||||||
"<b>Relaxed Brow</b><br>" +
|
"<b>Relaxed Brow</b><br>" +
|
||||||
"The forehead is usually smooth and free from tension or furrowing when a person is happy. There are no signs of stress or worry, and the eyebrows may be slightly raised.",
|
"The forehead is usually smooth and free from tension or furrowing when a person is happy. There are no signs of stress or worry, and the eyebrows may be slightly raised.",
|
||||||
|
|
||||||
"Sadness description",
|
"<b>Lower Your Eyebrows:</b><br> Gently bring your eyebrows down and closer together. You might feel a slight tension in your forehead. It's a subtle movement, not a frown, but more of a slight furrowing of the brows.<br>" +
|
||||||
"Surprise description",
|
"<br>" +
|
||||||
"Neutral description"
|
"<b>Relax Your Eyes:</b><br> Let your eyelids relax and droop slightly. Your eyes might feel a bit heavy, and you don't need to completely close them, but just let them soften. The area around your eyes might feel a bit more relaxed or less open than usual.<br>" +
|
||||||
|
"<br>" +
|
||||||
|
"<b>Slight Frown:</b><br> Allow the corners of your mouth to turn downwards. It's not a strong frown, but more like a gentle easing of the mouth corners down. You might feel a slight pull down on the muscles around your mouth.<br>" +
|
||||||
|
"<br>" +
|
||||||
|
"<b>Overall Facial Relaxation:</b><br> Generally, when someone is sad, their face isn't tense or tight. Let your face feel a bit more relaxed or less animated than usual.<br>" +
|
||||||
|
"<br>" +
|
||||||
|
"<b>Breathing and Mood:</b><br> Your breathing might be slower, and you might feel a bit of heaviness in your chest or a sense of stillness in your posture.<br>",
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
"<b>Eyebrows and Forehead:</b><br> When someone is scared, their eyebrows are usually raised and curved. You can think of it like lifting your eyebrows as high as they can go, causing wrinkles to form on the forehead. This movement is often a reaction to surprise or shock.<br>" +
|
||||||
|
"<br>" +
|
||||||
|
"<b>Eyes:</b><br> The eyes open very wide. This is like trying to see as much as possible, to understand what's causing fear. The eyelids are pulled back, and sometimes people can’t blink when they are extremely frightened.<br>" +
|
||||||
|
"<br>" +
|
||||||
|
"<b>Nose and Cheeks:</b> The nose might wrinkle slightly, and the cheeks are tense. It's less pronounced than in expressions like disgust or anger, but there's still some tension there.<br>" +
|
||||||
|
"<br>" +
|
||||||
|
"<b>Mouth:</b><br> The mouth is often open when someone is scared. It might be wide open in a sort of gasp, or just slightly open. The lips are usually tense or stretched, and the jaw might drop a bit due to the shock or surprise of the fearful situation.<br>" +
|
||||||
|
"<br>" +
|
||||||
|
"<b>Overall Feeling:</b><br> Imagine suddenly feeling a rush of cold or a jolt of electricity that makes you extremely alert and tense. Your face reacts to this by opening up as much as possible – eyes wide to see danger, mouth open in shock, and the whole face tensed and alert.<br>"
|
||||||
];
|
];
|
||||||
|
|
||||||
document.getElementById("title2").innerText = "ExpressED: Learning " + emotions[Number(params.get("v"))];
|
document.getElementById("title2").innerText = "ExpressED: Learning " + emotions[Number(params.get("v"))];
|
||||||
|
|
|
||||||
11
index.html
11
index.html
|
|
@ -13,20 +13,23 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/learn.html" class="btn btn-primary p-5 w-100">Learn!</a>
|
<a href="/learn.html" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Learn!</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/practice.html" class="btn btn-primary p-5 w-100">Practice!</a>
|
<a href="/practice.html" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Practice!</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/master.html" class="btn btn-primary p-5 w-100">Master!</a>
|
<a href="/master.html" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Master!</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<img aria-description="ExpressED logo" alt="ExpressED logo" src="/logo.png" width="500" height="500" class="d-block mx-auto mt-5 mb-5">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p style="position: absolute; bottom: 0; left: 10pt;">~core/expressed v1.0.2 - <a href="/changelog.html">changelog</a> - made with <3 - last build 11/21/23 01:37:33Z</p>
|
<p style="position: fixed; bottom: 0; left: 10pt;">~core/expressed v1.1.0 - <a href="/changelog.html">changelog</a> - made with <3 - last build 12/06/23 21:02:45Z</p>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
|
||||||
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
|
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
|
||||||
|
|
|
||||||
19
learn.html
19
learn.html
|
|
@ -15,38 +15,35 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/ep_visage/learn.html?v=0" class="btn btn-primary p-5 w-100">Anger</a>
|
<a href="/ep_visage/learn.html?v=0" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Anger</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/ep_visage/learn.html?v=1" class="btn btn-primary p-5 w-100">Disgust</a>
|
<a href="/ep_visage/learn.html?v=1" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Disgust</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/ep_visage/learn.html?v=2" class="btn btn-primary p-5 w-100">Fear</a>
|
<a href="/ep_visage/learn.html?v=2" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Fear</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row mt-3">
|
<div class="row mt-3">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/ep_visage/learn.html?v=3" class="btn btn-primary p-5 w-100">Happiness</a>
|
<a href="/ep_visage/learn.html?v=3" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Happiness</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/ep_visage/learn.html?v=4" class="btn btn-primary p-5 w-100">Sadness</a>
|
<a href="/ep_visage/learn.html?v=4" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Sadness</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/ep_visage/learn.html?v=5" class="btn btn-primary p-5 w-100">Surprise</a>
|
<a href="/ep_visage/learn.html?v=5" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Surprise</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row mt-3">
|
<div class="row mt-3">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/" class="btn btn-secondary p-5 w-100">Go Back</a>
|
<a href="/" class="btn btn-secondary p-5 w-100" style="font-size: 30pt;">← Go Back</a>
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<a href="/ep_visage/learn.html?v=6" class="btn btn-primary p-5 w-100">Neutral</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p style="position: absolute; bottom: 0; left: 10pt;">~core/expressed v1.0.2 - <a href="/changelog.html">changelog</a> - made with <3 - last build 11/21/23 01:37:33Z</p>
|
<p style="position: fixed; bottom: 0; left: 10pt;">~core/expressed v1.1.0 - <a href="/changelog.html">changelog</a> - made with <3 - last build 12/06/23 21:02:45Z</p>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -14,38 +14,35 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=0" class="btn btn-primary p-5 w-100">Anger</a>
|
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=0" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Anger</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=1" class="btn btn-primary p-5 w-100">Disgust</a>
|
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=1" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Disgust</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=2" class="btn btn-primary p-5 w-100">Fear</a>
|
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=2" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Fear</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row mt-3">
|
<div class="row mt-3">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=3" class="btn btn-primary p-5 w-100">Happiness</a>
|
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=3" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Happiness</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=4" class="btn btn-primary p-5 w-100">Sadness</a>
|
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=4" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Sadness</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=5" class="btn btn-primary p-5 w-100">Surprise</a>
|
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=5" class="btn btn-primary p-5 w-100" style="font-size: 30pt;">Surprise</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row mt-3">
|
<div class="row mt-3">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<a href="/" class="btn btn-secondary p-5 w-100">Go Back</a>
|
<a href="/" class="btn btn-secondary p-5 w-100" style="font-size: 30pt;">← Go Back</a>
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<a href="/v_dl/sdk/www/Samples/ShowcaseDemo/ShowcaseDemo.html?v=6" class="btn btn-primary p-5 w-100">Neutral</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p style="position: absolute; bottom: 0; left: 10pt;">~core/expressed v1.0.2 - <a href="/changelog.html">changelog</a> - made with <3 - last build 11/21/23 01:37:33Z</p>
|
<p style="position: fixed; bottom: 0; left: 10pt;">~core/expressed v1.1.0 - <a href="/changelog.html">changelog</a> - made with <3 - last build 12/06/23 21:02:45Z</p>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,7 @@
|
||||||
<link rel="stylesheet" href="/bootstrap.min.css" />
|
<link rel="stylesheet" href="/bootstrap.min.css" />
|
||||||
</head>
|
</head>
|
||||||
<body style="background-color: white; margin: 0px;">
|
<body style="background-color: white; margin: 0px;">
|
||||||
|
<a href="/index.html" class="btn btn-secondary p-5 w-100" style="font-size: 30pt;">← Go Back</a>
|
||||||
<div id="cinema" >
|
<div id="cinema" >
|
||||||
<div id="outer-container">
|
<div id="outer-container">
|
||||||
|
|
||||||
|
|
@ -36,7 +37,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p style="position: absolute; bottom: 0; left: 10pt;">~core/expressed v1.0.2 - <a href="/changelog.html">changelog</a> - made with <3 - last build 11/21/23 01:37:33Z</p>
|
<p style="position: fixed; bottom: 0; left: 10pt;">~core/expressed v1.1.0 - <a href="/changelog.html">changelog</a> - made with <3 - last build 12/06/23 21:02:45Z</p>
|
||||||
|
|
||||||
<script src="../../lib/bezier-spline.js"></script>
|
<script src="../../lib/bezier-spline.js"></script>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue