Telepíthető, offline is működő 3D webalkalmazás, amely a kristálytan vizsgaanyagát – hét kristályrendszer, szimmetria, kristályformák – felfedezhető élménnyé teszi, kíváncsi laikusoknak. Magyarul és angolul.
Az ásványtan szigorlat kristályszerkezeti anyaga – a hét kristályrendszer, a szimmetria szabályai, a kristályformák – sokaknak száraz ábrák és jelölések halmaza. A cél egy olyan interaktív tér volt, amely nem katalógus és nem adatbázis, hanem vizuális élmény: a Nature magazin vagy a BBC szintjén mutatja meg a laikusnak is a természet rendjének „varázsát”, valódi tudományos alapokon (nem ezotéria, nem asztrológia). Mobil-first PWA, laptopon is szépen működik.
A Symmetria egyetlen, telepíthető webalkalmazás (PWA), amely internet nélkül is fut, fiók és követés nélkül. A felület hét fő részből áll. Az **Atlasz** a hét kristályrendszert egy körben mutatja a „szimmetria létráján” (48 → 2 szimmetriaművelet). Mindegyik **rendszervilág** öt rétegből áll: valósághű Kristály, Váz (elemi cella, tengelykereszt, rács, élő cellaszabályzó), Szimmetria (tengelyek, tükrök, középpont – animált forgatás-, tükrözés- és inverzió-bemutatókkal), Formák (morfolódó alakzatok és növekedési kísérlet) és Ásványok. A **33 ásvány** (a Mohs-skála 10 referenciaásványából 9) valós rácsadatokkal, habitusokkal, színváltozatokkal, kétnyelvű történetekkel, etimológiával, lelőhelyekkel és „varázslatokkal” szerepel: UV-fluoreszcencia, kalcit kettős képe, piezoelektromos kvarc, hasadó kősó, pikkelyező csillám, labradorizálás, pirit rovátkái, kianit kétféle keménysége, turmalin piroelektromossága, a naicai 11 méteres gipsz, gyémánttűz. A **Tanulás** rész 7 rövid fejezetes „utazás” plusz 38 szakkifejezéses szójegyzék; a **Játék** a Szimmetriavadászat (forgasd a kristályt, amíg egy szimmetriatengely mentén nézel le rá, 7 szint) és a 10 kérdéses Kristálykvíz. A **Kristálykovács** bármelyik a 32 kristályosztályból építhető, hangolható rácsparaméterekkel és tetszőleges {hkl} lapokkal, a felismert nevezetes alakzatok „felfedezésként” gyűlnek (27 darab), és PNG, STL (3D nyomtatás) vagy GLB formátumba exportálhatók. A **Fénylabor** csúszkákkal állítja a fénytörést, a tüzet (diszperziót), az átlátszóságot, a belső izzást és a röntgen-nézetet, öt látványosan különböző előbeállítással (Múzeum, Gyémánttűz, Holdkő, Neon éjszaka, Röntgen). A kulcs: **semmi sincs kézzel modellezve**. Minden kristályt a program számol ki az első elvekből: rács (a, b, c, α, β, γ) → direkt és reciprok bázis → mind a 32 pontcsoport generátormátrixokból, szorzásra zárva → a szimmetriaelemek kinyerése → Miller (hkl) / Miller–Bravais (hkil) indexekből lapnormálisok → a lapok félterek metszetéből konvex poliéder (Euler-képlettel ellenőrizve a tesztekben). A megjelenítést egyedi shader végzi: a fényt analitikusan követi a konvex kristályon belül (törés, Fresnel, teljes belső visszaverődés, 3 hullámhosszú diszperzió, Beer–Lambert elnyelés, hasadáshoz igazított repedések) egy procedurális HDR „múzeumi stúdió” környezetben. A fejlesztés menete: a kiinduló prompt alapján a Claude Code először megértette a feladatot, részletes élmény- és felhasználói útleírást, valamint magas szintű specifikációt írt (docs/SPEC.md), majd az OpenAI képgenerálással 8 dizájnkoncepciót készített (2 kör, 4 + 4 kép; docs/DESIGN_DECISION.md), kiválasztotta a legjobbat, és teljesen megprogramozta. Technológia: TypeScript, Three.js (WebGL), Vite, vite-plugin-pwa (service worker), Vitest.
Elkészült egy teljes, működő PWA: 7 kristályrendszer, 32 kristályosztály, 33 ásvány, 7 tanulási fejezet, 38 szakkifejezés, két játék, kristályépítő PNG/STL/GLB exporttal, Fénylabor, tanári mód (P billentyű), magyar és angol nyelv. A kristálytani motor 106 egységteszttel igazolt (pontcsoportok, formák, poliéderek, minden ásvány habitusa). A projekt kb. 3 órányi aktív munkával, két nap alatt, egyetlen fejlesztővel és a Claude Code-dal készült. Ehhez egy marketing kommunikációs csomag is tartozik (brief, tartalomnaptár, hírlevél, hirdetések), az éles webcím és az üzleti modell még nyitott.
Ez az a prompt, amellyel a projekt elindult. A további iterációkat a prompt library mutatja be.
Long toime ago I’ve studied geology na dhad a serious exam on mineral crystal formations (ásvántan szigorlat, kkristályszerekezetből) – az alábbi a téma.
I want you to make a mobile first PWA web app, but nicely optimized for lap tops as well, whhc presents the various círytal geometries (szabályos, tetragonális, stb) as a 3D modell, usin webGL or other algorithmic 3D engine, presenting wonderfully the crystal type set up, symmetry etc, in a realistixxv 3D way, rotation, zoom in,e t cin involved.
It also presents example minearls like pyrit, fluorit, etc which represents the crystal in question.
The whole experience is targetd for average but curious persons – not scientists, but the alymen who wants to understand this magic of order from nature.
It really should be an edutaintemt experience, like from Nature the magazine or BBC.
It is nicely design interactive catalogue of the different crystal types (not astrology but real science) and it wonderfully show in 3D models, animations, interactions what are the formatioins, rules, orders of the theory, this part of Minerology.
The example minerals, crytasl are also presented wonderfully, beautifully.
It is not just a catalog but a visual experience itself to use it, ot discover the fomrations.
Its not a library or list of data – but an interactive spac e to discover the dififeren crystral formatuons
First understand to project, than write a detaileld UI experience, and user journey and high level specifiaciton for the system than make an image prompt to design in png the best possible design for the site (you can give text ideas or you can leave to the API, chat GPT) then make sure you choose the beast design and program it fully. You can make naximum 15 images with image 2 or image 2.5, You will find the openai api to user in the folder.
You can add any function, design elemnt – anything. The key obejcetive is that the experience is a visaual joy and also an edutaining experience where leraining becomes an artistic experienceKapcsolódó
Interaktív csillagtérkép 101 meghatározó AI-szereplő karrierjéről és kapcsolatairól 1986–2026 között: ki, melyik szervezetből hová ment, kivel dolgozott együtt.
Egy teremben 30–40 hallgató vizsgázik egyszerre, mégis egyénileg: mindenki a saját laptopjánál, fejhallgatóval felel egy virtuális vizsgáztatónak az oktató által jóváhagyott tételekből. A rendszer követelményenként, idézettel alátámasztva elemez; jegyet nem ad, arról az oktató dönt.
A nemzetközlig elfogadott Shephard Metzler mentális forgatási teszt VR-s térbeli változata, ahol a párosítandó alakzatokat forgatni is lehet és a teszt minden adata automatikusan logolva van.
Beszélgessünk arról, hol van valódi AI-potenciál az Ön működésében – és mi az a lépés, ami már két héten belül eredményt hoz.
Sok lehetőség közül azt választjuk ki, amelyik valóban működik.