Unity Developer 3D Designer
WebGl
1
~2 Months
csc gates
An interactive virtual reality product visualization experience developed for CSC, allowing users to explore and customize products from the CSC gate product line inside a fully immersive virtual environment on the web.
Overview
This project was designed as a VR/WebGL-based interactive showroom where users could visualize, inspect, and customize different gate models within a realistic architectural environment.
The experience focused on:
- Immersive product visualization
- Real-time customization workflows
- Interactive user exploration
- Optimized cross-platform deployment for WebGL and mobile devices
A major focus of the project was balancing visual quality with aggressive optimization to ensure smooth performance across lightweight platforms.
Technical Break Down
Contributions
Responsible for designing and building the virtual environment used for the product showcase experience.
This included:
- Level design and scene composition for product presentation and user navigation
- Customizing purchased assets through mesh editing and asset adaptation
- Remodeling and optimizing the house environment in Blender for performance and visual clarity
- Polygon reduction, mesh optimization, and geometry cleanup for WebGL and mobile constraints
- Baking lighting into textures to improve performance while maintaining visual fidelity
- Creating spatial layouts that supported clear product showcasing and intuitive exploration
- Improving visual flow and interaction readability within VR/WebGL environments
The environment was structured to feel realistic while still functioning efficiently on WebGL and mobile hardware.
Designed and implemented interactive systems allowing users to explore and customize gate products in real time. Responsibilities included: creating user interaction flows for product viewing implementing object interaction and selection systems building customization functionality for different gate configurations ensuring interactions remained intuitive across VR and mobile platforms The goal was to create a smooth and accessible product exploration experience rather than a traditional game-like interaction model.
Integrated animations created in Blender into the Unity runtime environment.
This included:
- Importing and configuring animation assets
- Setting up animation playback systems
- Ensuring compatibility between Blender rigs and Unity animation workflows
- Optimizing animation performance for lightweight deployment targets
Responsible for all visual effects used throughout the project.
This included:
- Environmental visual enhancement
- Interaction feedback effects
- Atmosphere and presentation-focused VFX systems
- Optimizing effects to maintain stable performance on WebGL and mobile hardware
Special attention was given to keeping effects lightweight while still maintaining a polished presentation quality.
A significant part of the project focused on optimization for WebGL and mobile deployment.
Responsibilities included:
- Optimizing 3D assets and texture memory usage
- Reducing polygon counts where necessary
- Implementing occlusion culling systems to reduce rendering overhead
- Baking meshes, lighting, and texture atlases to minimize draw calls
- Creating texture bakes and lightmap generation workflows using Blender
- Improving runtime performance while maintaining visual fidelity
The project required aggressive optimization techniques due to the limitations of browser-based and mobile rendering environments.
Key REsults
- Built optimized VR/WebGL visualization environments
- Improved Blender-to-Unity production workflows
- Worked extensively with cross-platform optimization techniques
- Learned advanced draw-call reduction strategies
- Gained experience with texture atlas and lightmap baking workflows
- Developed interactive product visualization systems for non-game applications
- Improved understanding of mobile and browser-based rendering limitations
Tech Stack
- Unity
- Blender
- Photoshop
- WebGL
- Mobile VR Systems
- 3D Optimization Pipelines
- Occlusion Culling
- Texture Atlas Baking
- Lightmap Baking
- VFX Systems
- Interactive Product Visualization Systems