Skip to content
Jaime Torrealba Builds a Moonlit Field Portfolio in Three.js
Launch Demo (opens in a new tab)

Jaime Torrealba Builds a Moonlit Field Portfolio in Three.js

A personal Three.js portfolio staged as a moonlit field, with TSL, GPU grass simulation, volumetric smoke, procedural trees, fireflies, and camera-driven movement.

Details

Maker
Jaime Torrealba
Published

What it is

Jaime's portfolio builds on Three.js and TSL, with GPU grass simulation, volumetric smoke, procedural trees, head bobbing, and mouse-driven camera movement. The scene leans into a horror mood: tall grass, a low moon, ground fog, and small points of light doing just enough to make the quiet feel intentional.

The source code is available on GitHub. The useful lesson is that the portfolio format does not have to be another scroll stack with a decorative canvas behind it. Here the environment is the introduction.

How it’s made

Technology
WebGLTSL (Three Shading Language)
Framework & Tool
Three.js
Technique
Procedural GenerationVolumetric RenderingShaders
Domain
Portfolio
Subject
Nature
Source
github.com/JaimeTorrealba/portfolio (opens in a new tab)

Enjoyed it? Pass it on.

Sharing is the simplest way to thank a maker. Your post credits Jaime Torrealba.

Post it on

Copy post text

If a composer opens empty, copy this text. For long posts, split it across posts and keep every maker’s credit.

More in Volumetric Rendering

Browse this tag →

Above the Grassland Builds a Cinematic WebGPU Field

Ameen Abdullah’s Above the Grassland is a browser cinematic with WebGPU postprocessing, moving grass fields, weather presets, audio, narration, subtitles, and mood controls.

Ameen AbdullahWebGPU

22.09.2000 He Was Born Runs a Portfolio Through a WebGL TV

LUCERRÁ's WebGL portfolio behaves like one CRT broadcast, using texture layers, live 3D render targets, glitch transitions, hand tracking, and adaptive quality.

LUCERRÁWebGL

Grenzwert: Path-Traced Volumetric CT Rendering in WebGPU

Grenzwert renders volumetric CT data with ground-truth path tracing, right in your browser. Built on C++/WebAssembly with WebGPU, it streams a 3D mip pyramid for responsive interaction while you edit transfer functions and crop into the volume in real time.

Mikhail GorobetsWebGPU
All Volumetric Rendering work