Ugrás a tartalomhoz
DarwinAI
AI megoldásEgyébKiemelt

Napfogyatkozás spot javasló web oldal – komoly funkciókkal

Multifunkcionális web oldal, mely megmutatja, az ország melyik pontjáról, milyen jól látszika napfogyatkozás és ez alapján el lehet dönteni, honnan nézzük. Sok-sok kiegészítő információval

Létrehozás
2026. augusztus 18.
6+1 módszer
6. Vibe Coding

A cél

A 2026 augusztusi napfogyatkozás kapcsán egy ország agyalt azon, honnan nézze azt – mivel pont naplemente előtt volt, így minél lejjebb volt a horizont, és nem voltak hegyek, magas épületek, annál teljesebb volt a látvány

A megoldás

A kezdeti alap elgondolás végül sokkal gazdagabb lett és jól megmutatta, hogy mennyivel többre képes egy fejlett Vibe Coding rendszer, mint az ember gondolná. Nehéz is a végeredmény web oldal összes funkcióját felsorolni, de azért a leglényegesebbek: A weboldal fő nézete egyrészt egy Magyarország térképet mutat, ahol zölddel látszanak azok a pontok, ahonnan átlagosan jó a kilátás, pirossal ahonnan nagyon rosszak és persze sárga a köztes. Ebből rögtön lehet látni merre volt érdemes elindulni. Egy adott pontot kijelölve, a rendszer az onnan látható valós horizont sziluettett (hegyekkel, dombokkal de magas épületekkel is) megmutatott – azon egyben jelölve, hogy melyik időpillanatban, hol lesz a hold milyen takarásában lesz a nap. Egy adott pontot kijelölve, kiírta az onnan látható fogyatkozás százalékos arányát valamint a néhány legjobb ilyen teljességi aránnyal rendelkező környékbeli pontját. E mellett persze a napfogyatkozásra vonatkozó számos további, talán inkább már csillagászati adat is látható volt

Eredmény és tanulság

A vibe coding könnyedén dolgozik még az átlagos programozónak sem ismert geoinformatikai adatokkal, csillagászati modellekkel, számításokkal, adatbázisokkal. Ezekre aktív javaslatot tesz majd tökéletesen használja őket. A javasolt helyszín egyébként nekünk fantasztikus volt, beváltotta a várakozásokat

Képernyőképek (1)

Kezdőprompt

Ez az a prompt, amellyel a projekt elindult. A további iterációkat a prompt library mutatja be.

készítsd el az alábbi a napfogyatkozás megtekintését támogató web oldalt -  a copernicus modelt használd - valami egyszerű de látványos web odlal szülessen - ne dark, light megközelítéssel (itt van  még info rtóla https://vcse.hu/napfogyatkozas-es-perseida-maximum-2026-augusztus-12-en-vcse/ 

  érdemes egy nagyon egyszerű, de látványos „Napfogyatkozás-helykereső” webalkalmazást csinálni. A lényeg nem maga a napfogyatkozás-szimuláció lenne, hanem annak megválaszolása:
„Ha innen nézem, meddig látom ténylegesen a fogyatkozó Napot, mielőtt eltűnik egy domb/hegy mögött?”
Egy fontos pontosítás: Budapest térségében 2026. augusztus 12-én a részleges fogyatkozás kb. 19:22-kor kezdődik, a legnagyobb még látható fázis kb. 19:58, a geometriai napnyugta pedig kb. 20:01. A VCSE külön hangsúlyozza, hogy a megfigyeléshez teljesen szabad, alacsony nyugat–északnyugati horizont szükséges. (VCSE (→ vcse.hu)) A Nap a lenyugváskor Budapestről nézve nagyjából 293° azimutban, tehát WNW irányban van. (Time and Date (→ www.timeanddate.com))
A két Google Maps linked egyébként jelenleg ugyanaz; ha két külön helyet akartál küldeni, a másodikat majd érdemes pótolni.
NAPFOGYATKOZÁS-HELYKERESŐ
Webes térképes alkalmazás koncepció és funkcionális specifikáció
1. Az alkalmazás célja
Egy egyszerű, mobilon és desktopon egyaránt jól használható webalkalmazás, amely megmutatja, hogy Magyarország mely pontjairól lehet a 2026. augusztus 12-i részleges napfogyatkozást a domborzat szempontjából a legtovább megfigyelni.
Nem egyszerűen azt mutatjuk meg, mikor van az adott földrajzi ponton a csillagászati napnyugta, hanem azt is kiszámoljuk, hogy:

milyen irányban van a Nap az adott időpontban;
milyen magasan áll a horizont fölött;
az adott irányban található-e hegy vagy domb;
annak látszólagos magassága kitakarja-e a Napot;
ha igen, pontosan mikor tűnik el mögötte;
hány perccel rövidíti le a domborzat a fogyatkozás ténylegesen megfigyelhető részét.
A rendszer végeredménye egy Magyarország-térkép, amelyen színkódolva láthatóak a napfogyatkozás megfigyelésére domborzati szempontból jó és rossz területek.
2. A fő képernyő
A weboldal nagy részét egy interaktív Magyarország-térkép foglalja el.
Alapállapotban a felhasználó egy olyan színezett réteget lát, amely azt mutatja:
„Innen mennyire jó a WNW horizont a napfogyatkozás megfigyelésére?”
Például:
Sötétzöld
A Nap gyakorlatilag a geometriai horizontig látható.
Világoszöld
Nagyon jó hely, csak minimális domborzati takarás.
Sárga
A Nap néhány perccel a geometriai napnyugta előtt eltűnik.
Narancs
Jelentős domborzati takarás.
Piros
A Nap jóval korábban eltűnik egy hegy vagy domb mögött.
Ez valójában inkább egy színezett visibility raster, mint klasszikus heatmap, de a felhasználó számára heatmapként működik.
3. A térkép legfontosabb mutatója
A rendszer minden vizsgált pontra kiszámít egy nagyon könnyen értelmezhető értéket:
TÉNYLEGES NAPELTŰNÉS
Például:
Csillagászati napnyugta: 20:01
Domborzat miatt eltűnik: 19:47
Elveszett megfigyelési idő: 14 perc
vagy:
Csillagászati napnyugta: 20:01
Domborzat miatt eltűnik: 20:00
Elveszett megfigyelési idő: 1 perc
Minősítés: Kiváló
Szerintem ez legyen az egész rendszer egyik legfontosabb mutatója.
4. Egy adott pont kiválasztása
A felhasználó:

rákattinthat a térképre;
kereshet településre;
használhatja a saját GPS-pozícióját;
vagy koordinátát adhat meg.
A kiválasztott pontnál megjelenik egy marker.
A térképen ebből a pontból egy WNW irányba mutató vonal vagy keskeny „napfolyosó” indul.
Ez mutatja, hogy a fogyatkozás alatt milyen irányban kell nézni.
Nem egyetlen fix irányról van szó: ahogy a Nap közeledik a horizonthoz, az azimutja is változik. Ezért látványosabb lenne egy keskeny, legyezőszerű területet mutatni, például:
19:25 → Nap iránya
19:40 → Nap iránya
19:50 → Nap iránya
napnyugta → Nap iránya
5. Horizontnézet – szerintem ez lenne az oldal legjobb része
Ha a user kiválaszt egy helyet, a térkép mellett vagy alatt megjelenik egy „Mit fogok látni?” horizontprofil.
Ez egy oldalnézeti diagram lenne.
Bal oldalon:
TE / megfigyelési pont
Jobbra haladva:

1 km
5 km
10 km
20 km
50 km
100 km stb.
A rendszer kirajzolja az adott irányban lévő domborzat sziluettjét.
Például:

                                    hegy
                                   /\
                         domb     /  \
                        /  \_____/    \____
TE ___________________/
Erre rárajzoljuk a Nap helyét.
Például:
19:30 ☀ — 4,4°
19:40 ☀ — 2,8°
19:50 ☀ — kb. 1,2°
20:00 ☀ — horizont
Így azonnal látszik, hogy például 19:52-kor a Nap már beleütközik-e a hegy sziluettjébe.
6. A Föld görbülete is számít
A horizontprofilnál nem elég egyszerűen összehasonlítani a hegy és a megfigyelő tengerszint feletti magasságát.
Figyelembe kell venni:

a megfigyelő magasságát;
a célpont magasságát;
a távolságot;
a Föld görbületét;
opcionálisan a légköri refrakciót.
Ez különösen 30–100+ km távolságnál fontos.
A rendszer minden, a Nap irányába eső domborzati pontra kiszámítja annak látszólagos horizont feletti szögét.
A legmagasabb ilyen szög határozza meg az adott irányban a tényleges horizontot.
7. Nem „vektoros magasságtérkép” kell
Itt egy technikai pontosítás.
A normál térképi háttér lehet vektoros, de a magasságinformációhoz inkább DEM – Digital Elevation Model, tehát raszteres magasságmodell kell.
Én első körben 30 méteres domborzati adatot használnék.
A Copernicus GLO-30 kb. 30 méteres felbontású, szabadon elérhető globális magasságmodell. Viszont DSM, vagyis a felszín tetejét reprezentálja, így részben épületeket és növényzetet is tartalmaz. (Copernicus Data Space Ecosystem (→ dataspace.copernicus.eu))

A számítás logikája
Egy kiválasztott P pont esetén:
A. Megfigyelő pozíciója
Megvan:
latitude
longitude
terepmagasság
opcionálisan +1,7 méter szemmagasság
B. Nap helyzete
A rendszer például percenként kiszámolja 19:20–20:10 között:

Nap azimutja;
Nap horizont feletti magassága.
C. Domborzati sugár
Minden időponthoz a Nap aktuális irányában húzunk egy vonalat.
A DEM-ből lekérdezzük ezen vonal mentén a terepmagasságokat.
Például:
0 m
30 m
60 m
90 m
...
50 km
100 km
150 km
D. Horizontszög
Minden terepponthoz kiszámítjuk:
„A megfigyelő szemszögéből ez a pont hány fokkal van a geometriai horizont fölött?”
E. Legmagasabb akadály
Megkeressük a maximális értéket.
Példa:
Horizon obstruction: 1,35°
F. Nap vs. horizont
Amíg:
Nap magassága > terephorizont magassága
a Nap látható.
Amikor:
Nap magassága < terephorizont magassága
a Nap eltűnik a domb mögött.
9. Még jobb: ne csak egy irányt vizsgáljunk
A Nap a fogyatkozás alatt mozog.
Ezért nem elég egyszer 293° irányban megnézni a terepet.
A helyes módszer:
minden időponthoz külön Nap-azimut + külön horizontprofil.
Például percenként.
Így egy közeli dombgerinc akár olyan helyzetet is okozhat, hogy egy adott irányban alacsony, néhány fokkal arrébb pedig magasabb.
10. Országos heatmap számítása
Magyarországot felosztjuk például 500 × 500 méteres vagy 1 × 1 km-es cellákra.
Minden cellára előre kiszámoljuk:

Mikor kezdődik ott a napfogyatkozás?
Mikor lenne geometriai napnyugta?
Milyen a terephorizont a Nap aktuális irányában?
Mikor tűnik el ténylegesen a Nap?
Mennyi fogyatkozási idő látható?
Mekkora fogyatkozási fázisig látható?
Ezután készül egy:
Eclipse Visibility Score
például 0–100 között.
100
A fogyatkozó Nap szinte a geometriai horizontig látszik.
80
1–3 perc veszteség.
60
3–7 perc.
30
7–15 perc.
0
a terep nagyon hamar kitakarja.
11. A térképen kapcsolható rétegek
Felül vagy oldalt egyszerű layer kapcsolók:
NAPFOGYATKOZÁS-LÁTHATÓSÁG
alapértelmezett heatmap
DOMBORZAT
hillshade / relief
NAP IRÁNYA
az adott pontról a Nap iránya
NAPMAGASSÁG
HORIZONT TAKARÁSA
és egy későbbi verzióban:
FELHŐZET
Ez utóbbit én mindenképpen hozzáadnám.
Mert hiába tökéletes a terep, ha 19:50-kor ott van egy vastag felhőtakaró.
Az Open-Meteo például külön ad felhőzetet, látástávolságot és több időjárási modell előrejelzését, így technikailag erre alkalmas kiegészítő adatforrás lehet. (Open Meteo (→ open-meteo.com))
12. „Legjobb helyek” funkció
Ez szerintem különösen hasznos lenne.
Egy gomb:
LEGJOBB HELYEK BUDAPEST KÖRÜL
Beállítható:
Távolság Budapestről:
30 / 50 / 75 / 100 km
Majd a rendszer automatikusan keres olyan pontokat, ahol:

magas Eclipse Visibility Score;
kevés a WNW domborzati takarás;
lehetőleg nyílt környezet van.
MVP-ben egyelőre nem kellene automatikusan vizsgálni a fákat, házakat vagy magánterületeket.
A rendszer egyszerűen azt mondaná:
DOMBORZATI SZEMPONTBÓL EZ JÓ HELY.
A user utána Google Maps / műholdkép segítségével eldöntheti, hogy ott ténylegesen van-e út, mező, parkoló stb.
13. Különösen fontos információ egy kiválasztott pontnál
A pont részletes paneljén én ezt jeleníteném meg:
Hely: Etyek környéke
Koordináta: …
Tengerszint feletti magasság: 218 m
Fogyatkozás kezdete: 19:22
Geometriai napnyugta: 20:02
Domborzati napnyugta: 19:58
WNW horizont: KIVÁLÓ
Legnagyobb terepakadály:
14,8 km-re
342 m magas
látszólagos horizontmagasság: 0,7°
Fogyatkozó Nap látható:
kb. 36 percig
Értékelés:
92 / 100 – KIVÁLÓ HELY
14. Látványosabb horizontnézet
A sima diagramon túl lehet egy nagyon egyszerű virtuális horizon view is.
Olyan, mintha a user ténylegesen előre nézne.
Alul fekete/sötét domborzati sziluett.
Fölötte égbolt.
Rajta:
☀ 19:30
☀ 19:40
☀ 19:50
☀ 19:58
és akár a fogyatkozó Nap alakja is.
Ez már vizuálisan nagyon erősen kommunikálná:
„Ha ezen a ponton állok, EZT fogom látni.”
15. A napfogyatkozás fázisát is mutassuk
Ez kis pluszmunka, de sokat adna hozzá.
A timeline-on ne csak egy Nap ikon mozogjon lefelé, hanem ténylegesen egyre nagyobb mértékben takarja ki a Hold.
Például:
19:25 → kis beharapás
19:35 → nagyobb
19:45 → jelentős
19:55 → erősen fogyatkozott napsarló
A VCSE budapesti adatai szerint a legnagyobb még megfigyelhető fázis közvetlenül napnyugta előtt következik be; Budapestnél 19:58 körül kb. 60,5% a lefedett napkorong-terület. (VCSE (→ vcse.hu))
Ez pont azt mutatja, miért kritikus az utolsó 5–10 perc megmentése.
16. Az oldal felépítése
Nem csinálnék hagyományos weboldalt sok menüponttal.
Inkább egyetlen alkalmazásképernyő:
Felső sáv
NAPFOGYATKOZÁS 2026
„Találd meg azt a helyet, ahonnan a legtovább látod a fogyatkozó Napot.”
Hely keresése
Saját pozícióm
Legjobb helyek Budapest körül
Középen
nagy interaktív Magyarország-térkép
heatmap + kiválasztott pont + Nap iránya
Alul / jobb oldalon
KIVÁLASZTOTT HELY
score
időpontok
horizontinformáció
Alatta
HORIZONTPROFIL
terep + Nap pályája
17. Technikai felépítés nagy vonalakban
Nem programozva, csak az architektúra:
Térképi megjelenítés
→ MapLibre vagy hasonló WebGL térkép
A MapLibre natívan tud raster DEM forrást, hillshade-et és 3D terrain megjelenítést is. (MapLibre (→ www.maplibre.org))
Alaptérkép
→ OpenStreetMap-alapú vector tiles
Domborzat

Copernicus GLO-30
Nap pozíciója
→ csillagászati solar-position számítás
Napfogyatkozás
→ előre kiszámolt 2026-08-12 eclipse ephemeris
Horizont engine
→ DEM raycasting + földgörbület
Heatmap
→ előre kiszámított raster/tile
Időjárás – opcionális
→ felhőzet + visibility API
18. Amit nem csinálnék az első verzióban
Az MVP-t nem bonyolítanám túl.
Nem kell egyelőre:

faállomány pontos 3D vizsgálata;
épületek;
Google Street View elemzés;
AI képfelismerés;
útvonaltervezés;
automatikus parkolókeresés;
teljes 3D Magyarország-render;
percre kész országos időjárás-szimuláció.
A lényegi probléma:
NAP + IDŐ + POZÍCIÓ + DOMBORZAT → TÉNYLEGES LÁTHATÓSÁG
19. MVP – amit szerintem most ténylegesen érdemes elkészíteni
Az első verzió akár meglepően egyszerű lehet:

Magyarország térkép.
Kattintással hely kiválasztása.
Nap irányának megjelenítése.
DEM alapján WNW horizont vizsgálata.
Horizontprofil kirajzolása.
Nap helyzete 19:20–20:05 között.
„Mikor tűnik el a Nap?” kiszámítása.
Visibility Score.
Országos vagy Budapest ±100 km heatmap.
Néhány automatikusan kiválasztott „jó hely”.
Hasonló prompt folyamatok a Prompt Libraryben

Kapcsolódó

Hasonló projektek

Részletek
Shepherd Teszt VR-ben
Lab / POC
Egyéb

Shepherd Teszt VR-ben

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.

Claude Code
Részletek
Részletek
Tenderradar - Tenderfigyelő Web Oldal
Lab / POC
Egyéb

Tenderradar - Tenderfigyelő Web Oldal

A beállított nemzetközi TED és egyén tnderpublikáló oldalak figyelésére, saját cégnek, termékportfoloónak releváns tenderek kikeresésére

Claude Code
Részletek
Részletek
Permagyep
Lab / POC
Egyéb

Permagyep

Gondozza műfüvét különleges tápszerekkel és speciális fűnyírókkal Teljesen funkconális, minden fontos tartalommal rendelkező weboldal - emberikéz érintése nélkül

Claude CodeClaude
Részletek

Kezdje el vállalkozása AI evolúcióját

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.