Back

Shell Texture

Dec 05, 2023

A shell-texture experiment using Three.js and GLSL.

Three.jsGLSLShaders

Overview

This was one of my early shader experiments while learning Three.js.

This repository is my attempt to replicate the shell-texture effect using .glsl and Three.JS, following a video by Acerola.

I followed the tutorial to replicate the shell-texture effect and then adapted it to fit my own setup. I structured the project using an OOP approach simply because I wanted to practice and develop it that way.

What I Built

  • Multi-layer shell rendering with custom GLSL shaders.
  • Realtime uniforms for density, thickness, attenuation, and shell length.
  • Reusable scene setup with classes for camera, renderer, timing, and debug tools.

Why I Made It

I wanted to understand how shader-based effects are built from scratch.

At that point I was still learning, so this project was mostly about experimenting and learning by iteration. It helped me connect rendering concepts with clean project structure.