62 lines
2.5 KiB
JavaScript
62 lines
2.5 KiB
JavaScript
document.addEventListener("DOMContentLoaded", function(event) {
|
||
getProjectData("biotama");
|
||
});
|
||
|
||
function getProjectData(project){
|
||
const leftImage = document.getElementById("image-left");
|
||
const rightImage = document.getElementById("image-right");
|
||
const centralImage = document.getElementById("image-central");
|
||
const projectContent = document.getElementById("project-content");
|
||
projectData = projects[project];
|
||
projectContent.innerHTML = projectData.content;
|
||
|
||
const assetPath = "assets/"
|
||
|
||
leftImage.src = assetPath + projectData.images.left.src;
|
||
leftImage.alt = "altleft";
|
||
rightImage.src = assetPath + projectData.images.right.src;
|
||
centralImage.src = assetPath + projectData.images.central.src;
|
||
|
||
return;
|
||
}
|
||
|
||
|
||
function scrollToProjects(){
|
||
const projects = document.getElementsByClassName("shrimp-projects")[0];
|
||
projects.scrollIntoView({behavior:"smooth"});
|
||
}
|
||
|
||
//todo move projects object into separate file
|
||
|
||
const projects = {
|
||
"biotama":{
|
||
content:
|
||
`Biotama is a game where players attempt to convert wastelands into thriving ecosystems.<br/>
|
||
The player starts with a “Mother Tree”
|
||
which acts as the core component of the player’s ecosystem.
|
||
Trees grow roots that can connect together,
|
||
allowing them to communicate and send resources between each other.
|
||
Mycelial networks function similarly for fungi. <br/>
|
||
Biotama aims to be educational as well as fun.
|
||
It will feature real-world species with tooltips showing fun facts about those species.
|
||
We are consulting with experts in biology where necessary to ensure accuracy to the real world.
|
||
`,
|
||
images: {
|
||
left: {src:"biotama2.png",alt:"alt1"},
|
||
right: {src:"biotama3.png",alt:"alt2"},
|
||
central: {src:"biotama1.png",alt:"alt3"},
|
||
},
|
||
},
|
||
"htp":{
|
||
content: `A game by Shrimp Squad Studios made for the Epic MegaJam!
|
||
One week to make a game and this is what we made! A game based on the movie Hackers.<br/>
|
||
Your goal is to hack the Gibson computer and collect the garbage file.
|
||
Which will then in turn let you HACK THE PLANET! <br/>
|
||
<a href='https://megsum.itch.io/hack-the-planet'> Try it out!</a>`,
|
||
images: {
|
||
left: {src:"htp1.png",alt:""},
|
||
right: {src:"htp2.png",alt:""},
|
||
central: {src:"htp3.png",alt:""},
|
||
},
|
||
},
|
||
} |