Eszközök

Mesterséges intelligenciával generált szöveg

Claude Opus 5.5 portolta Three.js 3D-modelljét Vanilla JS-re egy Fabergé-tojás példáján

A történet főszereplője Simon Willison, aki Paul Ford írására reagálva ma reggel készített egy Nudibranch témájú Fabergé-tojás 3D-modellt Three.js használatával.

Claude Opus 5.5 portolta Three.js 3D-modelljét Vanilla JS-re egy Fabergé-tojás példáján

Egy Hacker News‑bejegyzésre reagálva a szerző reggel elkészített egy Nudibranch (csupasz csiga) témájú Fabergé‑tojás 3D‑modelljét Three.js segítségével. A Three.js verziót egy statikus kép formátumú előnézethez csatolta, a fájlméret az eredeti feltöltésnél 77 KB volt.

Ugyanabban a beszélgetésben a szerző megkérte Claude‑t — pontosabban a Claude Opus 5.5 Medium modellt, a szokásos Claude Chat környezetben futtatva — hogy portolja át a modellt Vanilla JavaScriptre, WebGL használatával, Three.js nélkül. A Claude által előállított verzió szintén elérhető előnézetként, és a kész fájlméret itt 98 KB volt.

A szerző megjegyzi, hogy a két változat nem teljesen azonos: a portolt kód és az eredmény között vannak eltérések, erről részletesebb információ és a Claude‑tranzskripció is megtalálható az eredeti bejegyzésben. Azt írja, nem teljesen érti, miért tértek el a verziók, de a kísérlet egyértelmű következménye az, hogy Claude Opus 5.5 képes 3D‑modellezésre alkalmas kódot generálni Vanilla JS + WebGL környezetben, anélkül, hogy a Three.js könyvtárra támaszkodna.

A szerző személyes benyomása szerint a Three.js‑es megvalósítás olvasása valamivel könnyebb számára, bár megjegyzi, hogy ritkán vizsgálja meg a 3D‑projektek forráskódját mélyebben, így ez nem számít jelentős hátránynak.

Összefoglalva: a kísérlet demonstrálja, hogy a Claude Opus 5.5 képes átültetni egy Three.js‑ben készült 3D‑modellt natív JavaScript/WebGL megoldássá, még ha a két változat között kisebb különbségek is vannak.

Kapcsolódó szereplők és technológiák

  • Paul Ford (a beszélgetést kiváltó eredeti cikk szerzője, a megjegyzés egy Hacker News bejegyzésben jelent meg)
  • Claude (Opus 5.5 Medium modell, Claude Chat környezet)
  • Three.js (eredeti 3D motor)
  • Vanilla JavaScript és WebGL (a portolt megoldás célplatformjai)

(Forrás: a szerző saját bejegyzése és az általa megosztott előnézetek és tranzskripciók.)