Week 17
HI. This week would be the last progress update of this semester and also the end of phase 2
In this blog, I will be mainly sharing my updates on the technical aspect of my prototype showcase
Setting up scene
I manage to set up the latest 3D scene into PlayCanvas and also added 2D illustrations to the scene. Hopefully it is visually acceptable...
Post-effects
PlayCanvas is not a specialized 3D software, that's why their render engine is not as powerful compared to Blender. I wanted to make the 3D scene look nicer and visually more appealing by adding post-effects to the camera.
My current stage is still trying out the post-effects, finding the right settings. Additionally, I also added different lightings at different spot of the 3D space to create contrast.
Sound effects
This video is to showcase the sound effects added into the scene. I downloaded free source sound effects online and implemented into the scene. The type of sound effects that I am mainly focusing are nature sounds such as forest ambience, water flowing, insects or birds chirping, etc. The sound chosen are according to the 3D scene itself, so I cannot really decide the specific sound that I want to use beforehand. There were several attempts made for the different sounds to merge well together.
I personally think that the sound effects definitely enhanced the overall experience, as it became more interesting and immersive. I also tried making it more appealing by adding Audio Listeners. What Audio Listeners does is that it acts as our ears, when the sound is at a distance, users will not hear it or hear it softly, it gets louder when its nearer. This is why when the camera zooms in into a specific spot, some sounds are clearer and noticeable.
New way for camera to move
Tween.js
UPDATE! I am ditching lerp and slerp, and instead, I am using the Tween library instead to trigger my camera movements. Thanks to my advisor for introducing this project to me where I manage to learn the implementation of the Tween library.
Project reference: https://playcanvas.com/editor/scene/1218230
As you can see from this video above, the camera is working smoothly and perfectly. Of course there are still minor bugs here and there but compared to the previous attempts, this method is definitely easier in-terms of implementation and understanding.
However, I am currently still stuck at the on-scroll trigger camera movement. This is mainly because of the content information part, where my advisor thinks that using HTML+ CSS might not work with the scrolling event to trigger the camera.
Because of the time factor, I don't have the chance to last minute try things out and change the technical execution, so I will be working on this during my semester break instead. Hopefully, things will run smoothly.
That's all for now, in my next blog, I will be showcasing my final design and tech plan, and also my planned out project timeline.
Comments