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

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.

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] —> jasonjerez.com

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

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

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

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

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

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

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