DjalimSimaila/SAE-A2-TruthInquiry
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

finished npc generation on culprits and emotion

Browse Source
This commit is contained in:
Djalim Simaila 2023-01-14 11:58:52 +01:00
parent 61ea8164a6
commit 370ca28ab5
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
truthseeker/static/js/game.js
View File

@ -1,5 +1,6 @@
var npcs_ids = []
var gamedata = {}
var button = ""
async function showAnswerSelectionPanel() {
npcs_ids.forEach(async element => {
console.log(element);
@ -16,14 +17,15 @@ async function showAnswerSelectionPanel() {
});
suspect.appendChild(suspect_emotion_chooser);
let data = {};
data["npcid"] = element;
let img_binary = await makeAPIImageRequest("getNpcImage",data);
let img = document.createElement('img');
img.classList.add("suspect_picture");
img.src = img_binary;
//img.src = 'data:image/png;base64,' + btoa('your-binary-data');
img.src = "/api/v1/getNpcImage?npcid="+element;
suspect.appendChild(img);
document.getElementById("123").appendChild(suspect);
let button = document.getElementById("mainButton");
let button_clone = button.cloneNode(true);
button_clone.classList.remove("hidden");
suspect.appendChild(button_clone);
document.getElementById("culprits_choices").appendChild(suspect);
});
}

14
truthseeker/templates/game.html
View File

@ -41,7 +41,7 @@
<path d="m23.15 36.95-17.3-11.1Q4.7 25.25 4.7 24t1.15-1.9L23.15 11q1.15-.7 2.35-.075 1.2.625 1.2 2.025v8.75h15.8q.95 0 1.625.675T44.8 24q0 .95-.675 1.6-.675.65-1.625.65H26.7V35q0 1.45-1.2 2.075-1.2.625-2.35-.125Z">
</svg>
</button>
<div class="suspects">
<div class="suspects" id="culprits_choices">
</div>
</div>
<div class="interrogation_suspect hidden">
@ -125,6 +125,18 @@
</div>
</div>
</noscript>
<!-- button to clone in js-->
<!-- Add culprit_btn_checked class when a choice is checked -->
<!-- Only one button can be checked at a time, so when one is checked, the previous one, if applicable, is unchecked -->
<button class="culprit_btn action_button hidden", id="mainButton">
<svg class="culprit_checked_icon hidden culprit_icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 48 48">
<path d="M18.9 36.75 6.65 24.5l3.3-3.3 8.95 9L38 11.1l3.3 3.25Z"></path>
</svg>
<svg class="culprit_unchecked_icon culprit_icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 48 48">
<path d="M12.45 38.7 9.3 35.55 20.85 24 9.3 12.5l3.15-3.2L24 20.8 35.55 9.3l3.15 3.2L27.2 24l11.5 11.55-3.15 3.15L24 27.2Z">
</svg>
<p class="culprit_btn_text">Couplable</p>
</button>
<script src="/static/js/api.js"></script>
<script src="/static/js/game_common.js"></script>
<script src="/static/js/game.js"></script>