awebsite/content/project/2022-04-30-lusatia/index.md

82 lines
2 KiB
Markdown

+++
title = "Lusatia - an immersion in (De)Fences"
authors = ["Aron Petau"]
description = "A selection of images from the D+C Studio Class 2023"
banner = "/images/lusatia/lusatia_excavator.jpg"
date = 2023-07-27
[taxonomies]
tags = [
"agisoft metashape",
"barriers",
"borders",
"climate",
"coal",
"drone",
"energy",
"environment",
"exploitation",
"fences",
"lusatia",
"photogrammetry",
"studio d+c",
"tempelhofer feld",
"unity",
"university of the arts berlin"
]
[extra]
show_copyright = true
show_shares = true
+++
{{ youtube(id="kx6amt2jY7U") }}
On an Excursion to Lusatia, a project with the Working Title (De)Fences was born.
Here are the current materials.
<iframe width="100%" height="1024" frameborder="0" allow="xr-spatial-tracking; gyroscope; accelerometer" allowfullscreen scrolling="no" src="https://kuula.co/share/collection/7F22J?logo=1&info=1&fs=1&vr=0&zoom=1&autop=5&autopalt=1&thumbs=3&alpha=0.60"></iframe>
## Interactive Unity Experience
Explore the (De)Fences project in this interactive 3D environment. Use WASD to move and mouse to
look around.
<div style="margin-bottom: 10px;">
<button id="muteBtn" onclick="toggleMute()" style="padding: 8px 16px; background: #333; color: white; border: none; border-radius: 4px; cursor: pointer;">
🔊 Mute
</button>
</div>
<iframe
id="unityFrame"
src="/webgl/lusatia/index.html"
width="100%"
height="650"
frameborder="0"
allowfullscreen
style="border: 1px solid #ccc; border-radius: 4px;">
</iframe>
<script>
let isMuted = false;
function toggleMute() {
const btn = document.getElementById('muteBtn');
const frame = document.getElementById('unityFrame');
// Send message to Unity (requires Unity listener setup)
if (frame.contentWindow) {
frame.contentWindow.postMessage({type: 'toggleMute', muted: !isMuted}, '*');
}
// Update button
isMuted = !isMuted;
btn.innerHTML = isMuted ? '🔇 Unmute' : '🔊 Mute';
}
</script>
**Controls:**
- **WASD** or **Arrow Keys** - Move around
- **Mouse** - Look around
- **F** - Toggle fullscreen