ATAKAYUKI TAKAHASHIWeb Experiment

A long time ago in a galaxy far,
far away....

SCROLLWARS

EXPERIMENT 04

A NEW HOPE

It is a time when stories are fading from the Web galaxy. Countless pages, in pursuit of speed and efficiency, have slowly assumed the same form.

In a remote corner of the galaxy, a small page carrying the memory of a forgotten film awakens.

Passed down across distant stars, the story is now entrusted to the fingertips of a lone viewer. This journey may bring wonder back to the Web and become a new hope....

ATAKAYUKI TAKAHASHIWeb Experiment

A long time ago in a galaxy far,
far away....

SCROLLWARS

EXPERIMENT 04

A NEW HOPE

It is a time when stories are fading from the Web galaxy. Countless pages, in pursuit of speed and efficiency, have slowly assumed the same form.

In a remote corner of the galaxy, a small page carrying the memory of a forgotten film awakens.

Passed down across distant stars, the story is now entrusted to the fingertips of a lone viewer. This journey may bring wonder back to the Web and become a new hope....

オマージュ

Inspired by

STAR WARS: EPISODE IV

制作者

Developed by

TAKAYUKI TAKAHASHI

使用技術

Built with

Astro / TypeScript / three.js / Lenis

CONCEPT

TITLE
Scroll Wars
FORMAT
Scroll-driven web experiment
MOTIF
A cinematic opening and ending
PURPOSE
Turning scroll into a timeline

TECHNOLOGY

FRAMEWORK
Astro
LANGUAGE
TypeScript
GRAPHICS
three.js / WebGL / GLSL
MOTION
CSS 3D transform
SCROLL
Lenis
FALLBACK
SVG / HTML

実験の導入です。スクロールするとロゴ、オープニングクロールの順に進みます。文章モードボタンで、演出を外した表示に切り替えられます。