---
title: "Gridline Energy | Erkam Demirci — Full Stack Developer"
description: "A vanilla reconstruction of an energy-infrastructure site: 2,782 sequence frames scrubbed by scroll, an image worker, two WebGL surfaces built on three.js r180 with Draco and KTX2 decoding, GSAP 3.13 and Lenis for the motion layer, and per-route stylesheets generated from the captured bytes. The home page converged at 99.85% pixel match with zero height delta across nine sections."
canonical_url: "https://erkamdemirci.com/projects/gridline"
last_updated: "2026-09-02"
language: "en"
---

# Gridline Energy

> A vanilla reconstruction of an energy-infrastructure site: 2,782 sequence frames scrubbed by scroll, an image worker, two WebGL surfaces built on three.js r180 with Draco and KTX2 decoding, GSAP 3.13 and Lenis for the motion layer, and per-route stylesheets generated from the captured bytes. The home page converged at 99.85% pixel match with zero height delta across nine sections.

- Project: Gridline Energy
- Type: Energy Company Site
- Role: Front-end Reconstruction

## Project Overview

## Port the 3D scene, not a poster of it

The glTF models, the Basis and Draco decoders and the scene wiring were ported for real, so the hero renders live geometry rather than a raster ceiling of the original.

## A hidden-content audit

A pixel score cannot see light text missing on a black ground, so a document walk fires every observer and reports anything that never becomes visible — the page shipped only after that list matched the design intent.