Final Digital Media Project

After completing the guide page, I began to formally learn how to create A WebXR scene using A-Frame. There are many tutorials on YouTube that are very friendly to beginners. I have learned how to: Load the glTF model Create a 360° environment Use <a-assets> to preload resources Place the model using <a-entity> and <a-gltf-model> I attempted to load the art2.gltf file exported from Cinema 4D into the A-Frame page. Although the scene construction is very basic, I can already freely observe the model and conduct basic interactions in the browser. The learning process is very fulfilling!

 For my interactive project "Art Echoes", I decided to build a simple guiding page first. The purpose of this page is to attract the audience's attention with a short video and music, and then guide the users into the next stage of the 3D experience. I implemented the following functions using HTML: Auto-play video (intro-animation) The "Click to Enter" button will be displayed automatically after the video ends Click the button and jump to the A-Frame page Background music control button (Play/Pause) The implementation of the code function goes very smoothly. After the video playback ends, the buttons fade in, and the control in combination with the background music is also very intuitive. Although this page is simple, it builds a complete entry point for subsequent WebXR projects.

  First Prototype Complete Just wanted to drop a quick update on where things are at with the Art Echoes project. The first prototype is officially complete! 🎉 It's still very rough and early, but the basic idea is coming together, and I’m pretty excited about it. Let’s break down what I’ve done so far: Step 1: Building the Scene in Cinema 4D So the first part was all about creating a 3D model for the intro scene. I used Cinema 4D to model a circular platform with five glowing doors, and a little cloaked character standing in front of them (maybe a future player character? ). The dome structure is meant to give off a sci-fi or dreamlike vibe – kind of like stepping into a memory or different dimension. The idea is that each door will eventually lead to a different world or scene, each based on a unique art style . For now, the modeling is super basic – just shapes, a few lights, and some placeholder materials. But it’s enough to test the concept. Step 2: Creating the Intro Vid...