more translation, add unity for defences

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

@@ -37,4 +37,46 @@ 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>
 
-TODO: upload unity project
+## 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