feat: refine nightdrive world and authored car

Integrate the Blender grand tourer with a cohesive shader-driven road, terrain, atmosphere, lighting, and post-processing pass. Refine responsive drive dynamics and sign lifecycle behavior, and add durable visual, accessibility, and performance verification evidence.
This commit is contained in:
2026-09-02 23:16:25 +03:00
parent 7dae835ac5
commit bc18bc2043
73 changed files with 1555 additions and 293 deletions

View File

@@ -29,7 +29,7 @@ describe('scroll drive controller', () => {
});
});
it('uses the literal rise formula for a fixed finite sample', () => {
it('rises smoothly for a fixed finite sample', () => {
const controller = createScrollDriveController();
controller.sample({ scrollY: 0, now: 0, maxScrollY: 1000 });
@@ -38,11 +38,13 @@ describe('scroll drive controller', () => {
expect(snapshot.scrollY).toBe(50);
expect(snapshot.routeProgress).toBe(0.05);
expect(snapshot.direction).toBe(1);
expect(snapshot.acceleration).toBeCloseTo(0.13416140243841887, 14);
expect(snapshot.driveSpeed).toBeCloseTo(0.2900123499995034, 14);
expect(snapshot.acceleration).toBeGreaterThan(0.07);
expect(snapshot.acceleration).toBeLessThan(0.12);
expect(snapshot.driveSpeed).toBeGreaterThan(0.23);
expect(snapshot.driveSpeed).toBeLessThan(0.29);
});
it('uses the literal 420 ms decay formula when scrolling stops', () => {
it('releases gradually when scrolling stops', () => {
const controller = createScrollDriveController();
controller.sample({ scrollY: 0, now: 0, maxScrollY: 1000 });
controller.sample({ scrollY: 500, now: 100, maxScrollY: 1000 });
@@ -50,8 +52,10 @@ describe('scroll drive controller', () => {
const snapshot = controller.sample({ scrollY: 500, now: 200, maxScrollY: 1000 });
expect(snapshot.direction).toBe(0);
expect(snapshot.acceleration).toBeCloseTo(0.5286815391938753, 14);
expect(snapshot.driveSpeed).toBeCloseTo(0.6135188621389778, 14);
expect(snapshot.acceleration).toBeGreaterThan(0.34);
expect(snapshot.acceleration).toBeLessThan(0.42);
expect(snapshot.driveSpeed).toBeGreaterThan(0.45);
expect(snapshot.driveSpeed).toBeLessThan(0.54);
});
it.each([
@@ -96,22 +100,26 @@ describe('scroll drive controller', () => {
const snapshot = controller.sample({ scrollY: 625, now: 250, maxScrollY: 1000 });
expect(snapshot.direction).toBe(1);
expect(snapshot.acceleration).toBeCloseTo(0.9378234759778836, 14);
expect(snapshot.driveSpeed).toBeCloseTo(0.9490152503018645, 14);
expect(snapshot.acceleration).toBeGreaterThan(0.7);
expect(snapshot.acceleration).toBeLessThan(0.8);
expect(snapshot.driveSpeed).toBeGreaterThan(0.75);
expect(snapshot.driveSpeed).toBeLessThan(0.85);
});
it('resets transient velocity and establishes a baseline after a stationary gap over 250 ms', () => {
it('keeps a decaying coast instead of hard-resetting after a delayed stationary frame', () => {
const controller = createScrollDriveController();
controller.sample({ scrollY: 0, now: 0, maxScrollY: 1000 });
controller.sample({ scrollY: 500, now: 100, maxScrollY: 1000 });
expect(controller.sample({ scrollY: 500, now: 351, maxScrollY: 1000 })).toEqual({
const coast = controller.sample({ scrollY: 500, now: 351, maxScrollY: 1000 });
expect(coast).toMatchObject({
scrollY: 500,
routeProgress: 0.5,
direction: 0,
acceleration: 0,
driveSpeed: 0.18,
});
expect(coast.acceleration).toBeGreaterThan(0.25);
expect(coast.acceleration).toBeLessThan(0.43);
expect(coast.driveSpeed).toBeGreaterThan(0.18);
expect(controller.sample({ scrollY: 600, now: 451, maxScrollY: 1000 }).direction).toBe(1);
});
@@ -119,7 +127,7 @@ describe('scroll drive controller', () => {
const controller = createScrollDriveController();
controller.sample({ scrollY: 0, now: 0, maxScrollY: 1000 });
expect(controller.sample({ scrollY: 500, now: 351, maxScrollY: 1000 })).toEqual({
expect(controller.sample({ scrollY: 500, now: 351, maxScrollY: 1000 })).toMatchObject({
scrollY: 500,
routeProgress: 0.5,
direction: 1,
@@ -138,8 +146,10 @@ describe('scroll drive controller', () => {
const snapshot = controller.sample({ scrollY: end, now: 100, maxScrollY: 1000 });
expect(snapshot.direction).toBe(direction);
expect(snapshot.acceleration).toBeCloseTo(0.6708070121920944, 14);
expect(snapshot.driveSpeed).toBeCloseTo(0.7300617499975173, 14);
expect(snapshot.acceleration).toBeGreaterThan(0.4);
expect(snapshot.acceleration).toBeLessThan(0.46);
expect(snapshot.driveSpeed).toBeGreaterThan(0.5);
expect(snapshot.driveSpeed).toBeLessThan(0.58);
});
it.each([0, -1])('emits zero progress cruise for a non-positive range of %s', (maxScrollY) => {
@@ -167,11 +177,50 @@ describe('scroll drive controller', () => {
expect(controller.sample({ scrollY: 500, now: 200, maxScrollY: 2000 })).toMatchObject({
routeProgress: 0.25,
acceleration: expect.closeTo(0.5286815391938753, 14),
acceleration: expect.any(Number),
});
expect(controller.reset({ scrollY: -10, now: 300, maxScrollY: 1000 }).routeProgress).toBe(0);
expect(controller.reset({ scrollY: 1010, now: 400, maxScrollY: 1000 }).routeProgress).toBe(1);
});
it('normalizes equivalent scroll gestures to viewport-relative velocity', () => {
const compact = createScrollDriveController();
const tall = createScrollDriveController();
compact.sample({ scrollY: 0, now: 0, maxScrollY: 4_000, viewportHeight: 400 });
tall.sample({ scrollY: 0, now: 0, maxScrollY: 4_000, viewportHeight: 1_000 });
const compactGesture = compact.sample({
scrollY: 100,
now: 100,
maxScrollY: 4_000,
viewportHeight: 400,
});
const tallGesture = tall.sample({
scrollY: 250,
now: 100,
maxScrollY: 4_000,
viewportHeight: 1_000,
});
expect(compactGesture.acceleration).toBeCloseTo(
tallGesture.acceleration,
10,
);
});
it('keeps tiny wheel input proportional instead of popping to a streak threshold', () => {
const controller = createScrollDriveController();
controller.sample({ scrollY: 0, now: 0, maxScrollY: 4_000, viewportHeight: 800 });
const tiny = controller.sample({
scrollY: 4,
now: 16,
maxScrollY: 4_000,
viewportHeight: 800,
});
expect(tiny.acceleration).toBeGreaterThan(0);
expect(tiny.acceleration).toBeLessThan(0.02);
});
});
describe('useScrollDrive', () => {
@@ -258,8 +307,8 @@ describe('useScrollDrive', () => {
scrollY: 750,
routeProgress: 0.75,
direction: 1,
acceleration: expect.closeTo(0.6708070121920944, 14),
driveSpeed: expect.closeTo(0.7300617499975173, 14),
acceleration: expect.closeTo(0.42624657926256726, 14),
driveSpeed: expect.closeTo(0.5295221949953051, 14),
});
expect(callbacks).toHaveLength(1);