Worked on a 'blinking' trail mouse interaction a while back for a project, used WebGL, post-processing and a 2D Canvas. #webgl #glsl #shaders #creativedev #javascript

Created an infinite marquee effect via WebGL. #webgl #glsl #shaders #creativedev #JavaScript

Building an engine that enhances a traditional accordion with WebGL. #webgl #glsl #creativedev #shaders #WebDesign

Exploring using normal and depth maps the create a 'relight' mouse interaction. #glsl #creativedev #shader #webgl

Further exploration with raymarching, experimenting with RGB Shift onto the scene. #webgl #creativedev #shaders #glsl

Exploring stylized shading and raymarching techniques. #webgl #shaders #creativedev

Currently doing some experimentations with text in WebGL. #javascript #webgl #design

When building the frontend I always implement a grid component in my dev workflow with the same specs(columns, margin, gutter, etc.) based off the design files to acheive a pixel perfect result. You can toggle the grid in my portfolio with [Shift + G]. —>

I’ve gotten a few questions regarding the tech used to build my portfolio so here it is:. Frontend:.Vituum(Bundler, SSG).Pug.Scss.Vanilla Javascript(No Frameworks). External Libraries:.OGL.Anime.js. Hosting:.AWS(S3, Cloudfront, Route 53). —34kb of Javascript for entire site.

Recently just released my portfolio earlier this year during the first week of 2024. #webgl #javascript #portfolio. —>