PROJECT TOKYO/Making of/制作の裏側

How we built a city
you can scroll.

Shinjuku at night. One continuous shot, 480 frames, running inside a Shopify theme. Here is how it went from a Blender scene to something that looks filmed.

The final, photoreal Shinjuku backstreet
The same backstreet as a raw Blender render
Blender ブレンダーFinal 完成

Drag to compare. Same street, same signs, same camera.

  1. 01Build建てる

    We built Shinjuku in Blender first.

    The Nishi-Shinjuku towers, the station tracks, a 3-chōme backstreet with every sign placed by hand, and our own store down to the stools. Blender gave us the layout, the camera path and the exact framing for every moment of the flight.

    The Blender city at night
    Blender · Cycles · 1,440 frames
  2. 02Light光

    Then every key moment became a real photograph.

    Each Blender frame was the reference for a photoreal still: the same composition and the same signs, with real materials, rain, wet asphalt, lens bloom and film grain. Six stills, one for every scene.

    Six photoreal stills: skyline, station, rooftops, street, storefront, café
    Skyline · Station · Rooftops · Street · Storefront · Café
    The final café interior
    The café interior as a Blender render
    BlenderFinal
  3. 03Motion動き

    AI video filled the motion between the stills.

    Every clip starts on one still and lands on the next, so the seams disappear. The camera drops from the skyline over the JR tracks, between the rooftops, down the wet street and through a single sliding door into the store. One continuous take.

    Frames from the finished film, from skyline to café
    13 frames from the finished flight
  4. 04Phone縦

    A second film, shot for your phone.

    Cropping a wide film to a phone loses half the frame. So the phone gets its own vertical film, built from its own vertical stills, framed for a thumb and a 6-inch screen.

    Six vertical stills for the phone version
    The vertical film, 9:16
  5. 05Engine仕組み

    A scroll engine inside a Shopify theme.

    Upscaled to 4K, then re-timed with optical flow so the camera moves at a steady speed under your scroll. The player is a custom Online Store 2.0 section: three frame sets that load progressively, decoding off the main thread, frame blending for slow scrolls, and a store you can click into at the end. No apps, no plugins.

    Frames
    480
    Formats
    3
    Clips
    12
    Apps
    0

Start a project

Tell us what you’re working on.

Start a project