Luo interaktiivinen SVG-yötaivaan kartta, joka näyttää näkyvät tähtikuviot päivämäärän, ajan ja sijainnin perusteella. Ominaisuuksiin kuuluu automaattinen havaitseminen tai manuaalinen koordinaattien syöttö, tähtikuvioiden nimet, tähtien sijainnit ja horisonttiviiva.
Tähtikuvasto-sovellus on tehokas työkalu tähtitieteen harrastajille ja tähtitaivaan tarkkailijoille. Se mahdollistaa käyttäjien visualisoida yötaivasta ja tunnistaa näkyvät tähtikuvastot sijaintinsa, päivämääränsä ja aikansa perusteella. Tämä interaktiivinen sovellus tarjoaa yksinkertaisen SVG-yötaivaskartan, joka näyttää tähtikuvastojen nimet, perus tähtiasemat ja horisonttiviivan, kaikki yhdessä sivussa.
Sovellus käyttää yhdistelmää taivaallisia koordinaatteja ja aikah laskentaa määrittääkseen, mitkä tähtikuvastot ovat näkyvissä yötaivaalla:
Oikea nousu (RA) ja deklinaatio (Dec): Nämä ovat taivaallisia vastineita pituus- ja leveysasteille. RA mitataan tunneissa (0-24), ja Dec mitataan asteina (-90° - +90°).
Paikallinen sideraaliaika (LST): Tämä lasketaan tarkkailijan pituusasteen ja nykyisen päivämäärän ja ajan perusteella. LST määrittää, mikä osa taivaallisesta pallosta on tällä hetkellä ylhäällä.
Tunti kulma (HA): Tämä on kulmaetäisyys meridiaanin ja taivaallisen kohteen välillä, laskettuna kaavalla:
Korkeus (Alt) ja azimutti (Az): Nämä lasketaan seuraavilla kaavoilla:
Missä Lat on tarkkailijan leveysaste.
Sovellus suorittaa seuraavat vaiheet määrittääkseen näkyvät tähtikuvastot ja renderöidäkseen taivaskartan:
Tähtikuvasto-sovelluksella on useita sovelluksia:
Vaikka meidän Tähtikuvasto-sovelluksemme tarjoaa yksinkertaisen ja saavutettavan tavan nähdä yötaivas, on olemassa muita työkaluja:
Tähtikuvastojen kartoittamisen ja tähtikarttojen historia ulottuu tuhansien vuosien taakse:
Sovellus käyttää yksinkertaistettua tähtikuvasto-tietokantaa, joka on tallennettu TypeScript-tiedostoon:
1export interface Star {
2 ra: number; // Oikea nousu tunneissa
3 dec: number; // Deklinaatio asteina
4 magnitude: number; // Tähden kirkkaus
5}
6
7export interface Constellation {
8 name: string;
9 stars: Star[];
10}
11
12export const constellations: Constellation[] = [
13 {
14 name: "Ursa Major",
15 stars: [
16 { ra: 11.062, dec: 61.751, magnitude: 1.79 },
17 { ra: 10.229, dec: 60.718, magnitude: 2.37 },
18 // ... lisää tähtiä
19 ]
20 },
21 // ... lisää tähtikuvastoja
22];
23
Tämä tietorakenne mahdollistaa tehokkaan haun ja tähtikuvastojen renderöinnin.
Sovellus käyttää D3.js:ää SVG-yötaivaskartan luomiseen. Tässä on yksinkertaistettu esimerkki renderöintiprosessista:
1import * as d3 from 'd3';
2
3function renderSkyMap(visibleConstellations, width, height) {
4 const svg = d3.create("svg")
5 .attr("width", width)
6 .attr("height", height)
7 .attr("viewBox", [0, 0, width, height]);
8
9 // Piirrä taivaan tausta
10 svg.append("circle")
11 .attr("cx", width / 2)
12 .attr("cy", height / 2)
13 .attr("r", Math.min(width, height) / 2)
14 .attr("fill", "navy");
15
16 // Piirrä tähdet ja tähtikuvastot
17 visibleConstellations.forEach(constellation => {
18 const lineGenerator = d3.line()
19 .x(d => projectStar(d).x)
20 .y(d => projectStar(d).y);
21
22 svg.append("path")
23 .attr("d", lineGenerator(constellation.stars))
24 .attr("stroke", "white")
25 .attr("fill", "none");
26
27 constellation.stars.forEach(star => {
28 const { x, y } = projectStar(star);
29 svg.append("circle")
30 .attr("cx", x)
31 .attr("cy", y)
32 .attr("r", 5 - star.magnitude)
33 .attr("fill", "white");
34 });
35
36 // Lisää tähtikuvaston nimi
37 const firstStar = projectStar(constellation.stars[0]);
38 svg.append("text")
39 .attr("x", firstStar.x)
40 .attr("y", firstStar.y - 10)
41 .text(constellation.name)
42 .attr("fill", "white")
43 .attr("font-size", "12px");
44 });
45
46 // Piirrä horisonttiviiva
47 svg.append("line")
48 .attr("x1", 0)
49 .attr("y1", height / 2)
50 .attr("x2", width)
51 .attr("y2", height / 2)
52 .attr("stroke", "green")
53 .attr("stroke-width", 2);
54
55 return svg.node();
56}
57
58function projectStar(star) {
59 // Muunna RA ja Dec x, y koordinaateiksi
60 // Tämä on yksinkertaistettu projekti ja tulisi korvata asianmukaisella taivaallisella projektiolla
61 const x = (star.ra / 24) * width;
62 const y = ((90 - star.dec) / 180) * height;
63 return { x, y };
64}
65
Sovellus käsittelee eri aikavyöhykkeitä ja sijainteja seuraavasti:
Vaikka sovellus ei suoraan ota huomioon valosaastetta, käyttäjien tulisi olla tietoisia siitä, että:
Horisonttiviiva lasketaan tarkkailijan sijainnin perusteella:
Sovellus ottaa huomioon kauden vaihtelut näkyvissä tähtikuvastoissa:
Löydä lisää työkaluja, jotka saattavat olla hyödyllisiä työnkulullesi