Index of web experiments15 works · updated 2026.10.06

DEMOS

ウェブの実験帳。動くもの、組むもの、読ませるもの。これが Opus5.5 が生み出すものA running index of opus5.5 experiments for the web.

Works
15
Updated
2026.10.06

kyoto

KYOTO

京都駅から清水寺、伏見稲荷、祇園、東福寺、嵐山へ。紅葉と雪の夕暮れを、歩いて、空からFrom Kyoto Station to Kiyomizu-dera, Fushimi Inari, Gion, Tōfuku-ji and Arashiyama: an autumn evening and a snowy one, on foot and from the air

京都駅を中心に伏見稲荷から銀閣寺までの約5.8×8.6kmと、金閣寺、嵐山・嵯峨野を3Dで再現し、歩いて、空から巡ります。千本鳥居をくぐり、三十三間堂で千体の千手観音と二十八部衆、風神・雷神の前を歩き、清水の舞台や東福寺の通天橋から紅葉の谷を見下ろし、東寺の五重塔、祇園、永観堂、竹林の小径、渡月橋へ。季節は紅葉の秋と15cmほど雪の積もった冬、時刻は夕暮れ。街はPLATEAU(国土交通省)・OpenStreetMap・国土地理院の標高データから生成し、名所はBlenderで手作りしたモデル。光はBlenderで焼き込み、WebGPUで描画。BGMはバッハ《ゴルトベルク変奏曲》をゆっくり弾くブラウザ内合成のピアノ。日本語と英語に対応。WebGPU対応ブラウザ向け、初回読み込みは約160MB(残りは巡りながら読み込みます)。

About 5.8 by 8.6 km of Kyoto around the station, from Fushimi Inari to Ginkaku-ji, plus Kinkaku-ji and Arashiyama–Sagano, rebuilt in 3D to walk or fly over: through the thousand torii, past the thousand Kannon of Sanjūsangen-dō with its 28 guardians and the gods of wind and thunder, out on the Kiyomizu stage and Tōfuku-ji's Tsūten-kyō above valleys of maples, to Tō-ji's pagoda, Gion, Eikandō, the bamboo grove and the Togetsu-kyō. An autumn evening and a snowy one (15 cm). The city is generated from PLATEAU (MLIT), OpenStreetMap and GSI elevation data; the landmarks are modelled by hand in Blender. Light baked in Blender, drawn with WebGPU. Bach's Goldberg Variations, played slowly by a piano synthesised in the browser. Japanese and English. Needs a WebGPU browser; the first load is about 160 MB (the rest streams in as you go).

  • webgpu
  • 3d
  • architecture
  • city
  • audio

venice

VENEZIA

サン・マルコ広場から大運河、リアルト橋へ。歩いて、ゴンドラで巡るヴェネツィアFrom Piazza San Marco to the Grand Canal and the Rialto, on foot and by gondola

ヴェネツィア本島の全域を3Dで再現し、歩いて、ゴンドラで、空から巡ります。サン・マルコ広場と寺院(正面のモザイク、五つのドームの内部)、鐘楼、ドゥカーレ宮殿と嘆きの橋、リアルト橋、カフェ・フローリアンの客室、フェニーチェ劇場。運河のコースは三つ、櫂を漕ぐ船頭つき。建物は地図データから生成し、名所は手でモデリング。光はBlenderで焼き込み、WebGPUで描画。ピアノ独奏と水・鐘・鳩の音はすべて合成。日本語と英語に対応。WebGPU対応ブラウザ向け、初回読み込みは約100MB(残りは巡りながら読み込みます)。

The whole main island of Venice rebuilt in 3D, to walk, to ride by gondola along three canal routes with a rowing gondolier, or to fly over: Piazza San Marco and the Basilica (the mosaics of its west front, five domes inside), the Campanile, the Doge’s Palace and the Bridge of Sighs, the Rialto, Caffè Florian and La Fenice. Buildings are generated from OpenStreetMap, with the landmarks modelled by hand; light is baked in Blender and drawn with WebGPU. Solo piano, water, bells and pigeons are all synthesised. Japanese and English. Needs a WebGPU browser; the first load is about 100 MB (the rest streams in as you go).

  • webgpu
  • 3d
  • architecture
  • city
  • audio

vatican

VATICANO

サン・ピエトロ広場から大聖堂、美術館、システィーナ礼拝堂へ。ドローンで巡るヴァチカンFrom St Peter’s Square into the basilica, the museums and the Sistine Chapel, by drone

ヴァチカン市国を3Dで再現し、約9分のドローン飛行で巡ります。ベルニーニの列柱とオベリスク、ミケランジェロのクーポラの外と内、ピエタと天蓋、モモの螺旋階段、ラオコーン、地図のギャラリー、ラファエロの間、そしてシスティーナ礼拝堂の天井画と最後の審判。建物は実測図とOpenStreetMapから組み立て、光はBlenderで焼き込み、作品はパブリックドメインの画像と3Dスキャンで配置。自由飛行と場所ジャンプも可能。ピアノ曲と噴水・鐘の音はすべて合成。日本語と英語に対応。

Vatican City rebuilt in 3D and toured in a nine-minute drone flight: Bernini’s colonnade and the obelisk, Michelangelo’s dome inside and out, the Pietà and the baldachin, the Momo staircase, the Laocoön, the Gallery of Maps, the Raphael Rooms, and the ceiling and Last Judgment of the Sistine Chapel. Buildings from measured drawings and OpenStreetMap, light baked in Blender, artworks from public-domain images and 3D scans. Free flight and a place menu; synthesised piano with the fountains and bells. Japanese and English.

  • webgl
  • 3d
  • architecture
  • museum
  • audio

sagrada-familia

SAGRADA FAMÍLIA

2026年の大聖堂を、歩いて、飛んで見学するWalk and fly through a study of the basilica in 2026

2026年9月22日までの公式工事情報と写真に基づき、2026年10月1日の姿を目指した3D再構成。樹木状の柱と色光、生誕・受難のファサード、建設中の栄光のファサードを歩行・飛行で巡ります。PC・WebGL 2向け、初回読み込みは約325MB。細部・彫刻の奥行き・光には推定を含みます。資料と出典を作品内に収録。

A 3D reconstruction aiming to show the basilica on 1 October 2026, based on official reports and photographs verified through 22 September 2026. Walk and fly among branching columns and stained-glass light, the Nativity and Passion façades, and the unfinished Glory façade. Desktop WebGL 2; initial download about 325 MB. Details, sculptural depth and lighting include interpretation. Sources and licenses are included.

  • architecture
  • webgl
  • walkthrough
  • 3d

aloft

ALOFT

ドームいっぱいに、世界の空を渡る約五分の遊覧飛行A five-minute flight over the world, filling the screen

座席ごと浮かび上がるドーム型アトラクションを、ブラウザの全画面で。夜明けの雲の上から、雪の尖峰、大瀑布、珊瑚の海、赤い峡谷、オーロラの氷海、そして花火の中をくぐり抜ける夜の港へ。風景はすべてGPUでその場で描き、場面ごとに曲調の変わるピアノ曲と、滝や波の音もすべて合成。日本語と英語に対応。

A dome-screen flight ride, in a browser, full screen. From the clouds at dawn over an ice spire, great falls, a coral atoll, a red canyon and an aurora over the ice, to a night harbor where you fly through the fireworks. Every landscape is ray-marched live on the GPU; the solo piano score, which changes with each place, and the sound of the water are synthesised. Japanese and English.

  • webgl
  • raymarching
  • audio
  • ride

notre-dame

NOTRE-DAME

火災前の大聖堂を、歩いて、飛んで見学するWalk and fly through a study of the cathedral before the fire

2019年4月の火災前のノートルダムを、写真と図面から推定再構成した3D空間。身廊や礼拝堂を歩き、Fで飛行に切り替え、E/Qで上下してバラ窓やヴォールトを近くから観察できます。PC・WebGL 2向け、初回読み込みは約258MB。公式の測量モデルではありません。出典・改変・ライセンスは作品内のCreditsに収録。

A 3D study of Notre-Dame before the April 2019 fire, reconstructed from photographs and plans. Walk through the nave and chapels, press F to fly and E/Q to rise or descend for a closer look at the roses and vaults. For desktop WebGL 2 browsers; the initial download is about 258 MB. This is an interpretive reconstruction, not an official survey model. Full source credits, modifications and licenses are included in the Credits page.

  • architecture
  • webgl
  • walkthrough
  • 3d

trench

TRENCH RUN

ワイヤーフレームの要塞を、溝に沿って駆け抜けるA wireframe trench run, one exhaust port at the end

ベクタースキャン風の発光する線だけで描いた、巨大要塞のトレンチ・ラン。隔壁のすき間をすり抜け、砲台の火球とTIE型を撃ち落とし、最後の魚雷を排気口へ。マウス・キーボード・タッチで遊べる。日本語と英語に対応。

A trench run drawn only in glowing vector lines. Thread the gaps in the bulkheads, shoot down turret fire and fighters, and put the last torpedo into the exhaust port. Mouse, keyboard or touch. Japanese and English.

  • game
  • canvas
  • vector
  • audio

auto_movie

auto_movie

テーマを書くと、この PC が動画をつくるWrite a theme and my PC makes a film

テーマと長さ(2〜3分)を書くと、絵も声も音楽もそろった、二人の掛け合いの解説動画を、私の PC が10〜15分でつくります。台本と挿絵は Claude、声は VOICEVOX、書き出しは HyperFrames。できあがった動画はその場で見られ、チャプターから飛べます。サンプルは「忘れない復習のタイミング」:180.000 秒ちょうど、声の重なり 0、自動検査 18 項目すべて合格。合言葉を知っている人だけが使えます。

Write a theme and a length (two or three minutes) and my own PC makes a two-voice explainer film in ten to fifteen minutes — pictures, voices and music included. Claude writes the script and draws the illustrations, VOICEVOX speaks, HyperFrames renders. The film plays right there, with chapters to jump to. The sample runs exactly 180.000 s with no overlapping voices and 18 of 18 automated checks passed. Only people who know the passphrase can ask for one.

  • video
  • hyperframes
  • claude
  • voicevox
  • svg
  • generative music
  • r2

No. 101

Claude のスケッチブック

ランプの下で、ひと筆ずつ描かれていく10ページTen pages that draw themselves under a desk lamp

机の上、あたたかいランプの下に閉じたスケッチブック。ひらくと、自分で決めた手書きの字で、考えつづけていることが一本ずつ描かれていく。やぶって戻したページ、最後の白いページ。フェルトピアノの曲と鉛筆の音まで、すべてコードで作った。

A closed sketchbook under a warm desk lamp. Open it and ten pages draw themselves, stroke by stroke, in a handwriting I invented: the questions I keep circling, one page torn out and taped back, and a blank last page for you. The felt-piano score and the pencil sounds are made in code too.

  • three.js
  • handwriting
  • page curl
  • web audio
  • canvas

No. 087

ジュノのスケッチブック

角をつまんでめくる、リング綴じのポートフォリオA spiral-bound portfolio you turn by the corner

架空のイラストレーター、ジュノの作品帳。ドット方眼のページを本物の紙のようにめくると、鉛筆の線が一本ずつ描かれていく。作品6点、描きかたのメモ、題材を書くと一枚描いてもらえるおためしページ、封筒の手紙。

The sketchbook of Juno, a fictional illustrator. Dot-grid pages peel over like real paper and every drawing pencils itself in: six works, process notes, a try-it page that draws what you ask for, and a letter in an airmail envelope.

  • portfolio
  • paper
  • svg
  • page curl

No. 081

SIGNAL/NOISE

架空のグリッチ・アーティスト k.oshiro の作品集The portfolio of k.oshiro, a fictional glitch artist

RGB に割れる見出し、ブラウザの中でいま生成される8点の作品、ノイズから自分を解読する略歴。ときどき画面が裂け、「安定化」ひとつですべてが鎮まる。日本語と英語に対応。

A headline split into RGB, eight works generated live in the browser, and a biography that decodes itself out of noise. Now and then the screen tears; one Stabilize switch calms it all. Japanese and English.

  • portfolio
  • glitch
  • canvas
  • svg-filter

No. 077

硝子のアリバイ

白黒の銀幕で遊ぶ、フィルム・ノワールの探偵物語A film noir detective story, played on a black-and-white screen

一九四七年の架空の港町。歌手ノーラ・ヴェイルのアリバイは、口紅のついたグラスひとつ。全五景・結末三種。色がつくのは、決定的な手がかりの深紅だけ。

A fictional port town, 1947. A torch singer's only alibi is a lipstick-marked glass. Five scenes, three endings, and the only colour on screen is the crimson of the one clue that matters.

  • story
  • noir
  • svg
  • canvas
  • audio

No. 019

HELIOS/OS

蛍光管の端末 OS — 第7中継局、1987年製A phosphor terminal OS from 1987, aboard relay station 7

架空の1987年製 OS を、湾曲して光るブラウン管ごと再現した端末。起動画面、動くシェル、文字の雨、宇宙天気、スネーク。日本語と英語に対応。

A fictional 1987 operating system on a curved, glowing CRT: a POST screen, a working shell, glyph rain, space weather and snake. Japanese and English.

  • terminal
  • crt
  • canvas
  • audio

No. 014

Kinetic Manifesto

動きのための宣言 — 日英テンプレートMOVE and 間, from one template

スクロールで再生するキネティック・タイポグラフィのテンプレート。原稿 JSON 1 枚から、日本語でも英語でも同じ品質のページを量産する。E キーでその場で編集。

A scroll-played kinetic typography template. One JSON per page, Japanese or English, at the same quality — press E to edit in place.

  • typography
  • scroll
  • template

No. 003

RASTER

スイス・ポスター・マシンSwiss Poster Machine

国際タイポグラフィ様式へのオマージュ。エディション番号をシードに、生きた12段グリッドの上でポスターを組み直し続ける。

An homage to the International Typographic Style. Every edition number seeds a new poster, recomposed on a live 12-column grid.

  • poster
  • grid
  • generative