Summary

I proposed, developed, and implemented a plan to convert a highpoly raytraced rendered video to work in realtime for the web. The work I completed for this project includes all 3D scenes and realtime 2D blob effects for characters.

This involved many steps:

• Modify three.js to support multiple render target outputs for a specific use case
• Plan out memory usage requirements for the textures and shadows by testing viability on low-powered devices
• Create low poly versions of every assets in the scene, while preserving detail in textures where possible
• Optimize compute to prevent unnecessary calculations where possible
• Optimize filesize, with various types of compression (GPU texture, vertex data), and optimization (viewport-prioritized UV-sizing, culling)

Awards

• FWA of the Day
• CSS Design Awards Website of the Day