Teahouse at Koishikawa the morning after a snowfall
In my latest Three.js experiment, I drew inspiration from the serene "Teahouse at Koishikawa after a snowfall." I aimed to capture the essence of this snowfall by creating a 3D environment featuring three torus knot geometries, each symbolizing the gentle swirls of snow in motion. These knots, varying in size and texture, mimic the dance of snowflakes, brought to life with a continuous animation that rotates them gracefully.
Live site : https://panithan-penny-hw2.glitch.me
The camera, too, takes part in this ballet, moving in a circular path to offer viewers a dynamic perspective of this winter wonderland, reminiscent of the quiet beauty of Koishikawa's snowy morning. It's a digital homage to the peacefulness of snow-covered landscapes.
Map image as a texture
Texture Loading: Uses THREE.TextureLoader
to load an image, applying it as a texture to materials. The wheel
event listener adjusts the camera's z-axis position, enabling zoom functionality. This combination of movements and interactions creates an engaging 3D experience.
Camera Zoom with Mouse Scroll: Adds an event listener for mouse wheel movements, adjusting the camera's z-position for zoom effects.