Movement brings architecture to life - even the subtlest motion can create a powerful connection
Traditional CGI imagery serves its purpose well, but interactive techniques can create more engaging experiences. Our latest experiments explore how parallax effects can add depth and interactivity to architectural visualisations.
Parallax CGI Experiment
Move your cursor across the image to explore the parallax effect
Technical Approach
This technique involves several key components:
- Depth map generation from 3D scenes
- Layer separation based on depth
- Real-time motion interpolation
- Responsive cursor tracking
Early Experiments
Our initial explorations with parallax effects focused on simpler implementations:
Move your cursor to see the basic parallax implementation
WebGL Implementation
Building on these experiments, we developed a more sophisticated WebGL-based approach that offers smoother transitions and better performance:
Move your cursor or tilt your device to explore the enhanced parallax effect
The WebGL version adds several improvements:
- Smoother motion interpolation
- Device orientation support for mobile
- Improved depth mapping
- Better performance on all devices
From Still to Motion
One of the advantages of our parallax technique is that we can create engaging motion content from existing CGI imagery. Here's an example created from a single still image:
This approach allows us to maximize the value of existing assets while creating fresh, engaging content for social media and web platforms.
Applications
Parallax CGI techniques can enhance:
- Property marketing websites
- Interactive brochures
- Sales suite presentations
- Social media content
Benefits
This approach offers several advantages:
- Increased viewer engagement
- Enhanced depth perception
- Improved spatial understanding
- Memorable user experience
Experience our latest experiments in our interactive lab.