WebGPU-Glasmaterial mit Three.js und Codex erstellt

X-PostViktor OddyDemo

Viktor Oddy präsentiert ein mit Codex und Three.js erstelltes WebGPU-Glasmaterial und verlinkt auf eine interaktive Live-Demo.

Das Wichtigste

  1. Umsetzung eines fortschrittlichen Glasmaterials mittels WebGPU und Three.js.
  2. Codex wurde zur Erstellung des Materials und der Shader verwendet.
  3. Bereitstellung einer Live-Demo unter dem Titel Terranova – Signals from the Deep Green.
  4. Der Autor verweist auf eine Sammlung von Prompts für Web-Designs.

Warum das relevant ist

Die Kombination aus WebGPU und KI-gestützten Coding-Tools wie Codex erleichtert die Implementierung anspruchsvoller 3D-Shadereffekte direkt im Webbrowser.

Einordnung

Das Beispiel veranschaulicht, wie WebGPU im Three.js-Ökosystem zunehmend für komplexe visuelle Effekte wie Glas- und Brechungsdarstellungen genutzt wird. Zugleich nutzt der Autor die Demonstration zur Bewerbung einer kuratierten Prompt-Bibliothek für Web-Entwickler.

Original-Post

Viktor Oddy

@viktoroddy · 17. August 2026

Made a WebGPU Advanced Glass Material with Codex and @threejs Live: t.co/NzLIO1J8LK 👇 Prompt below t.co/dYsj5hwa8j

491 Likes12 Antworten450 Lesezeichen31.969 Aufrufe

Auf X ansehen
Weitere Posts im Thread (1)
  1. @threejs ❤️🔥 Accessing this prompt, as well as 500+ award-winning website prompts in one click: t.co/kIbjPV7fNW t.co/rrJMMJMnXR
Ausgewählte Antworten (5)
  • @Aish2004Gupta @viktoroddy @threejs t.co/b7h4h2sMOV
  • @The_AI_Wave_ @viktoroddy @threejs how much of the shader did codex get right before you had to start fixing it by hand?
  • @Aish2004Gupta @viktoroddy @threejs Just a orb t.co/gQYuD97h3b
  • @orcusbtc @viktoroddy @threejs @chainqueenverse
  • @GeniusPothead @viktoroddy @threejs WebGPU plus Codex is making premium glass interfaces way more accessible

Links und Tools aus diesem Beitrag

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • X-Post:Amir Mušić

    img2threejs: 2D-Bilder in interaktive 3D-Modelle für Three.js umwandeln

    Amir Mušić stellt die Kombination von Codex und dem Open-Source-Repository img2threejs vor, um aus 2D-Bildern interaktive Three.js-Modelle zu erstellen. Zur Neutexturierung der Modelle schlägt er Werkzeuge wie Nano Banana oder GPT Image v2 vor.

    203Lesezeichen19.441Aufrufe

    KI & AI· Tool

  • X-Post:Meng To

    ThreeUI und Opus 5: 3D-Webseiten per Videoreferenz und Code-Generierung

    Designer Meng To nutzt Claude Opus 5, um auf Basis von Videoreferenzen interaktive 3D-Produktseiten in three.js oder Blender zu generieren. Sein quelloffenes Komponenten-Projekt ThreeUI erreicht nach wenigen Tagen hohe Abrufzahlen.

    2412Lesezeichen228.543Aufrufe

    KI & AI· News

  • Repository:img2threejs/img2threejs

    img2threejs: Bild-zu-3D-Rekonstruktion als prozeduraler Three.js-Code

    img2threejs rekonstruiert Objekte aus Referenzbildern als prozeduralen, animationsbereiten Three.js-Code. Statt Fotogrammetrie oder Mesh-Extraktion setzt das Projekt auf token-effiziente Code-Generierung.

    15.104SternePython

    KI & AI· Tool

  • X-Post:Harshit

    Open-Source-Branding-Lab kombiniert Shader mit Marken-Assets

    Entwickler Harshit stellt ein Nebenprojekt vor, das sich zu einem Werkzeug für Branding-Experimente entwickelt hat. Das Tool kombiniert Shader mit Branding-Assets und ist Teil eines Open-Source-Projekts.

    571Lesezeichen21.055Aufrufe

    Webentwicklung· Tool

  • X-Post:Eric Buess

    Code-basierte Videoerstellung und 3D-Szenen mit Opus 5.5

    Eric Buess dokumentiert eine Reihe von Community-Projekten, die demonstrieren, wie Opus 5.5 und Claude Code zur Erstellung von Videos, 3D-Visualisierungen und interaktiven Animationen eingesetzt werden – oft rein über generierten Code statt über traditionelle Bild- oder Videogeneratoren.

    176Lesezeichen77.339Aufrufe

    KI & AI· Demo

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.