SRS.

Portfolio-site

Dec 2025 – Jan 2026

personal

Project
  • 3js
  • svelte
  • HLSL
  • blender
Portfolio-site

[This Website]

Overview

This website is both a portfolio and an ongoing graphics experiment. It was built as a way to explore real-time rendering on the web using Svelte and Three.js,

Shader Work

I Created a custom CRT-style post-processing shader was implemented to explore screen-space effects and visual degradation. The shader combines:

  • Bit crushing to reduce color fidelity
  • Scan lines and pixelization to simulate display artifacts
  • Vignette for focus and falloff
  • Fish-eye effect for distorting scan lines to somewhat mimic old CRT displays

These effects are applied as a final render pass, emphasizing the pipeline rather than individual assets.

Takeaways

This project served as a sandbox for experimenting with graphics concepts in a web context, including render loops, post-processing, and shader-driven aesthetics.