GPT-5.4-Pro 拡張による 3D HTML シーン集

Web

概要

このリポジトリは、GPT-5.4‑Pro Extended により生成された「自己完結型」のインタラクティブな 3D HTML シーンを集めたコレクションです。各シーンは standalone な .html ファイルとして generations/ に格納され、再現性を担保するために生成時に用いたプロンプトが prompts/ に保存されています。外部ビルドやランタイム依存を必要としないため、単純にブラウザで開くだけでインタラクティブな 3D 表現を確認でき、AIを使ったプロトタイピングや実験、教育用途に向いています。README に各シーンの説明と対応するプロンプトへのリンクがまとめられており、どのような指示からどのような出力が得られたかが追跡可能です。

GitHub

リポジトリの統計情報

  • スター数: 6
  • フォーク数: 2
  • ウォッチャー数: 6
  • コミット数: 4
  • ファイル数: 3
  • メインの言語: HTML

主な特徴

  • 各シーンが単一の自己完結型 .html ファイルとして提供され、追加のビルドや依存関係が不要。
  • 生成に使った「正確なプロンプト」を保存し、出力と入力の対応を明確に記録。
  • ブラウザだけで開いてすぐに動作確認できるため共有やデモに最適。
  • 小規模コレクションで実験的なサンプルを多数含む(例: Ancient Athens: Acropolis)。

技術的なポイント

このプロジェクトの重要な技術要素は「自己完結性」と「プロンプトのトレーサビリティ」です。生成物を単一の HTML ファイルにまとめることで、HTML/CSS/JavaScript、可能であればインラインのアセット(SVG、base64 エンコード画像、軽量なジオメトリデータなど)を一つに閉じ込め、追加のホスティングやビルドなしにどのブラウザでも再現できる設計がとられています。リポジトリの言語が HTML である点から、出力側はブラウザ標準の API(Canvas、WebGL、WebGPU など)や軽量な JavaScript を用いて 3D 表現とインタラクションを実現していると推測されますが、外部ライブラリに依存しない設計により可搬性が高く、学習用途やプロトタイピングに向いています。

もう一つの重要な設計思想は「プロンプト保存」です。生成時に使用した正確な指示(prompts/ 内のファイル)が同梱されていることで、どのような指示がどのような出力を生んだかを後から検証できます。これは生成モデルを用いたクリエイティブワークでの再現性と説明責任に寄与します。研究的観点やデザイン反復の記録としても有用です。

拡張や実務利用を考える際にはいくつかの留意点があります。自己完結ファイルは便利ですが、複雑なアセットや高解像度のテクスチャを埋め込むとファイルサイズが肥大化し、読み込みや実行性能に影響します。大きなシーンや物理演算を伴うインタラクションは外部ファイルやビルドツール(モジュールバンドラや CDN)を併用したほうが現実的です。また、リポジトリに含まれる HTML が外部から取得したスクリプトを含む場合、セキュリティ(XSS、未知のコード実行)にも注意が必要です。ローカルで開く場合は信頼できる環境でのみ実行することを推奨します。

開発・運用面の提案としては、プロンプトと生成結果を対応付けたメタデータ(生成日時、モデルバージョン、追加オプション等)を README や各ファイル内に付与すると更に再現性が高まります。CI を組んで HTML の構文チェックや簡易的なヘルスチェック(ブラウザヘッドレスでの起動テスト)を行えば、将来的な互換性トラブルを減らせます。さらに、外部ライブラリを利用する場合は依存を外部参照に切り出し、必要に応じて「軽量自己完結版」と「リッチ外部依存版」を併用することで配布形態の柔軟性を確保できます。

最後に、この種のリポジトリは LLM を用いたコンテンツ生成の実験場として価値が高く、プロンプト設計の蓄積、生成結果の評価スキーム(品質指標や性能メトリクス)の導入、そしてライセンスやクレジット表記の明確化が今後の発展に寄与します。

プロジェクトの構成

主要なファイルとディレクトリ:

  • README.md: file
  • generations: dir
  • prompts: dir

まとめ

ブラウザで即座に試せる、プロンプト・トレーサビリティ付きの実験的 3D HTML コレクションです(約50字)。

リポジトリ情報:

READMEの抜粋:

GPT-5.4-Pro Extended HTML Generations

A small collection of self-contained interactive HTML scenes generated with GPT-5.4-Pro Extended.

Each generation includes:

  • a standalone .html file in generations/
  • the exact prompt used to generate it

Generations

SceneHTMLPromptDescription
Ancient Athens: Acropolisgenerations/ancient-athens-acropolis.html[`prompts/ancient-athens-acropol…