REEL ZERO · short film index

Through
the aperture.

多枚葉のアイリス絞りが中央に閉じきり、作品が差し替わってから再び開く。シネマのシークエンスのように章送りを演出する遷移。サムネイル strip からの直接ジャンプ、← / → キー、PREV / NEXT のいずれでも操作できる。

FILM 01 14:21 16mm · 4:3

塩田 / 19:42 — exterior

F · 01

Salt Hour

a film by Hana Aoki

瀬戸内の塩田に夜が降りる一時間。蒸発と結晶、潮位、遠雷。光が抜けたあとの白さだけが残る、観察の映画。

CREDITS

Director: Hana Aoki
Cinematography: Yui Tanaka
Sound: Kenji Mori
Editor: Hana Aoki

SCREENINGS

03 JUN · 19:00HALL AOPEN
05 JUN · 14:30HALL BFEW
07 JUN · 21:00HALL ASOLD

OSAKA SHORTS · OFFICIAL SELECTION BERLIN INDIE FORUM · NOMINEE

FILM 02 22:08 digital · 2.39:1

旧神田駅 / 04:11 — interior

F · 02

Echo Chamber

a film by Marcus Vale

廃線になった地下鉄駅で響く声を採集する音響技師の数日。空間が音を覚えているのか、人間が空間に音を貸しているのか。

CREDITS

Director: Marcus Vale
Sound Design: Vale / A. Lindqvist
Cinematography: Iliya Petrov
Producer: NORTH BAY FILMS

SCREENINGS

04 JUN · 17:30HALL BOPEN
06 JUN · 20:00HALL AFEW
07 JUN · 13:15HALL COPEN

ROTTERDAM IFF · TIGER COMPETITION SOUND ART AWARD · WINNER

FILM 03 18:34 digital · 16:9

石川県珠洲市 / 07:30 — kitchen

F · 03

Mother Tongue

a film by Rin Sato

祖母と孫娘、三世代を経て薄れていく方言の輪郭。台所で交わされる単語の音色を、字幕なしで記録した家族のポートレート。

CREDITS

Director: Rin Sato
Cinematography: Kaoru Endo
Editor: Yuna Park
Producer: WAKO STUDIOS

SCREENINGS

03 JUN · 14:00HALL CSOLD
05 JUN · 19:30HALL AFEW
07 JUN · 11:00HALL BOPEN

YAMAGATA DOC · NEW ASIAN CURRENTS TOKYO FILMeX · SPECIAL MENTION

FILM 04 09:00 VHS · CRT

Malmö / 06:48 — receiver

F · 04

After the Rain,
Static

a film by Theo Lindberg

スウェーデンの郊外で、嵐の翌朝にだけ受信できる海賊放送のチャンネル。9 分間のノイズと声の収集。映写ではなく受信の映画。

CREDITS

Director: Theo Lindberg
Sound: S. Eriksson
Editor: Theo Lindberg
Producer: MALMÖ FRAMES

SCREENINGS

04 JUN · 13:00HALL COPEN
06 JUN · 16:45HALL BOPEN
07 JUN · 22:30HALL AFEW

OBERHAUSEN · EXPERIMENTAL NORDIC INDIE PRESS · BEST SHORT

← / → · click thumb to jump

使い方

— USAGE

↑ 想定：ギャラリー／作品インデックス／ケーススタディ／章送り。「閉じる → 中身差替 → 開く」の 3 フェーズが 区切り として強く、見ているものが切り替わったことを言葉なく伝える。

2 ファイルをコピー

style.css の /* ─── COMPONENT ─── */ ブロックと、script.js の IIFE 全体を移植先へ。外部依存ゼロ、SVG だけ。

data-iris で宣言

ルートに data-iris、入れ替わる領域に data-iris-target を付ければ自動初期化。data-iris-blades（葉枚数）、data-iris-close / -hold / -open / -stagger でリズムを調整。

transition(swap) API

JS から el._iris.transition(() => swap()) を呼ぶと、close 完了時点で swap が走り、その後 open。route 切替などに直接組み込める。

CSS 変数

--iris-blade絞り blade の色（閉じきった画面色）#0a0a0a

--iris-edgeblade 同士の境界に薄く差すハイライトrgba(255,255,255,.04)

--iris-ease各 blade の easingcubic-bezier(.7,.0,.2,1)

Throughthe aperture.

Salt Hour

CREDITS

SCREENINGS

Echo Chamber

CREDITS

SCREENINGS

Mother Tongue

CREDITS

SCREENINGS

After the Rain,Static

CREDITS

SCREENINGS

使い方

2 ファイルをコピー

data-iris で宣言

transition(swap) API

CSS 変数

アクセシビリティ

Through
the aperture.

After the Rain,
Static