Harry Yates
I'm a web developer focused on TypeScript, React, and Three.js.
In the ever-evolving panorama of web development, the incursion of 3D technologies marks a shift towards creating immersive, dynamic experiences.
With the proliferation of frameworks and tools, today's developers are sculpting experiences that transcend the flatlands of traditional web design, venturing into the third dimension.
At the forefront is Blender, the open-source suite that serves as the cornerstone for 3D modelling, animation, and rendering.
Blender is the artist's studio, where the raw materials of imagination are moulded into the virtual sculptures that populate tomorrow's digital landscapes.
Blender is complemented by GSAP (GreenSock Animation Platform), a JavaScript library adept at weaving animations into the fabric of the web with the finesse of a seasoned performer.
GSAP elevates static elements into a fluid motion. It equips developers with a powerful suite for animating HTML, SVG, and JavaScript, blending efficiency with a touch of elegance.
With features like advanced easing and timeline control, GSAP ensures animations remain smooth and captivating across all devices, solidifying its role as a key player in creating dynamic web experiences.
With its low-level graphics API, WebGL offers the raw horsepower necessary to render complex 3D visuals directly in the browser. Our ship's engine room is powering the voyage through the digital seas.
Three.js emerges as the navigator, offering a higher-level framework that simplifies interaction with WebGL. The sextant guides us, translating WebGL's arcane scripts into a lexicon more familiar to the average developer.
Three.js presents a toolkit replete with the essentials for crafting 3D experiences:
React Three Fiber reconciles React's declarative nature with Three.js' expressive power, epitomising the intersection of React and Three.js.
This union offers a streamlined pathway to incorporating 3D elements into React applications, making the process as intuitive as composing any standard React component.
Spline emerges as a straightforward tool that simplifies the intricate process of 3D design, making it approachable for creators of all skill levels.
Its intuitive interface and real-time collaboration capabilities open up 3D content creation to a broader audience, facilitating the quick development of detailed models and scenes.
This tool adds valuable depth to the web developer's toolkit, narrowing the divide between high-end 3D craftsmanship and the web's capacity for interactive storytelling.
With its unparalleled graphics and physics engine, Unreal Engine offers another dimension of realism and interactivity to web-based 3D experiences.
Its capability to export to WebGL formats bridges the high fidelity of gaming applications to the accessibility of web browsers, expanding the horizon of what can be achieved in web development.
Adobe Illustrator complements this toolkit as the designer's compass, ideal for creating vector-based textures and intricate designs that enrich 3D models.
Illustrator's prowess in design adds a layer of detail and narrative to the virtual worlds we craft, providing a bridge between concept and reality.
This collective toolkit invites us to push beyond the boundaries to create web experiences that are not only visually stunning but deeply immersive.