Z∞mFinity — Hjælp & Om

Z∞mFinity

Uendeligt lærred — direkte i din browser

Om Z∞mFinity

Z∞mFinity er et uendeligt tegne-lærred der kører direkte i din browser — ingen installation, ingen konto, ingen afhængigheder. Tegn, zoom ind, tegn videre. Lærredet har ingen grænser.

Alt gemmes automatisk i din browser (IndexedDB med localStorage-backup). Du kan eksportere til PNG eller SVG, eller gemme hele projektet som en .zoomfinity-fil til deling.

Kom godt i gang

Åbn index.html i din browser — ingen server nødvendig.
Acceptér vilkårene i velkomstpopuppen.
Blyanten er valgt som standard — tegn direkte på lærredet.
Zoom: Scroll med musen, eller klem med to fingre (touch).
Panorér: Højreklik + træk, eller to fingre (touch), eller Alt+klik+træk.
Brug H (Find Alt) til at centrere visningen på det du har tegnet.

Tip: Tryk Mellemrum for at skjule hele UI'et og tegne i ro. Tryk igen for at få det frem.

Værktøjslinjen

Øverst i midten finder du toolbar-pillen med alle tegneværktøjer. På smalle skærme kan du scrolle vandret i linjen.

Fortryd Ctrl+Z

Fortryder den seneste tegnehandling. Forbliver nedtonet indtil der er noget at fortryde.

Gentag Ctrl+Y

Gentager en fortryd'et handling. Bliver nedtonet når der intet er at gentage.

✏️

Blyant P B

Det primære frihånds-tegneværktøj. Tegner med den valgte farve, størrelse og gennemsigtighed. Stregtykkelsen kan følge zoom-niveauet hvis Dynamisk pensel er slået til.

🧹

Viskelæder E

Sletter streger ved at tegne med baggrundsfarven. OBS: Viskelæder afslører baggrunden — det fjerner ikke fyldninger der ligger nedenunder. Størrelsen styres med størrelses-slideren ligesom blyanten.

🪣

Fyldepen (Spand) F

Fylder et sammenhængende farveområde med den valgte farve. Klik på et punkt på lærredet, og fyldpennen breder sig ud til alle tilstødende pixels med en lignende farve.

Tolerance: Styrer hvor forskellig en pixel må være fra klikkede farve og stadig blive fyldt. Lav tolerance (0–10%) fylder kun meget ensartede farver. Høj tolerance (50–100%) fylder store varierede områder. Juster via skyderen der vises under toolbar når fyldpennen er valgt, eller via indstillinger.

Tip: Har du tegnet med semi-transparente streger eller anti-aliasede kanter kan fyldpennen sommetider stoppe ved kanterne. Prøv at øge tolerance en smule.

🔷

Figurer S

Åbner en undermenu med geometriske figurer. Vælg en figur og klik+træk på lærredet for at tegne den. Hold Shift inde for at tvinge proportionelle figurer (perfekt cirkel, kvadrat osv.).

Linje (L): Ret linje fra start til slut.
Rektangel (R): Firkantet ramme.
Cirkel (C): Ellipse/cirkel.
Trekant (T): Ligebenet trekant.
Pil (A): Linje med pilhoved.

💉

Pipette I

Plukker farve eller stregtykkelse fra lærredet. Klik på et punkt for at hente enten farven eller størrelsen fra det nærmeste streg. En undermenu vises under toolbar med valget 🎨 Farve eller 📏 Tykkelse.

●5

Pensel-knap (farve + størrelse) Q

Den farvede cirkel med et tal viser aktuel farve og størrelse. Klik for at vise/skjule penselbjælken under toolbar, hvor du hurtigt kan justere farve, størrelse, gennemsigtighed og dynamisk pensel.

⊞

Find Alt H

Centrerer og tilpasser visningen til det du har tegnet. Virker i to trin:

1. klik: Finder og zoomer til alt indhold i det nuværende rum. Hvis rummet er tomt, navigerer den til nærmeste tegning.
2. klik: Navigerer helt tilbage til rod-rummet og viser et overblik over alt indhold på hele lærredet.

💾

Gem Ctrl+S

Gemmer manuelt til IndexedDB. Appen gemmer også automatisk hvert 8. sekund og ved lukning. Et vellykket gem vises med en kort notifikation.

⚙️

Indstillinger ,

Åbner indstillingsmenuen med alle avancerede muligheder: farve, størrelse, gennemsigtighed, eksport, timelapse, visningsindstillinger og mere. Se afsnittet Indstillinger nedenfor.

Penselbjælken

Penselbjælken er den svævende pille under toolbar. Vis/skjul med Q eller klik på farve+størrelse-knappen i toolbar.

🎨

Farvecirkel

Viser aktuel penselfarve. Klik for at åbne system-farvevælgeren. Når viskelæder er aktivt, vises en hvid cirkel på mørk baggrund for at signalere slettetilstand.

↔️

Størrelses-slider

Justerer penselens/viskelæderets diameter fra 1 til 150 pixels. Glid vandret for at ændre. På touch-enheder: glid vandret — et lodret glid scroller bjælken uden at ændre størrelsen.

🔅

Gennemsigtighed O

Viser aktuel gennemsigtighed (f.eks. 100%). Klik for at åbne gennemsigtighedspillen med en slider fra 5% til 100%. Lave værdier giver et akvarellignende lag-effekt.

✦

Dynamisk Pensel D

Til/fra-knap for dynamisk penseltilstand. Når aktiv skalerer penselstørrelsen automatisk med zoom-niveauet — nyttig til at tegne konsistente streger på tværs af zoom. Fra som standard, så du kan tegne fine detaljer ved forstørret visning.

Navigation & Zoom

Zoom

Mus: Scroll-hjulet zoomer ind/ud centreret på musemarkøren.
Touch: Knem med to fingre for at zoome.
Zoom-niveauet vises nederst til venstre (kan slås fra i indstillinger).

Panorering

Højreklik + træk på lærredet.
To fingre + træk (touch).
Alt + venstreklik + træk (alternativ).

Rotation

Alt + scroll roterer lærredet.
Touch-rotation: Knem og drej med to fingre (kun hvis rotation er slået til i indstillinger).
Nulstil rotation via ↺-knappen i indstillinger.

Kompas & GPS

Dukker op når du panorerer eller zoomer væk fra dine tegninger.
Pilens retning peger mod det nærmeste indhold.
Klik på kompasknappen for straks at navigere dertil.
Dynamisk GPS: Kompasknappen glider hen til skærmkanten i tegningens retning — som et GPS-mærke i kortapps. Pulserer hurtigere jo længere væk tegningen er.
Kant Glow: Erstatter knappen med et blåt glød langs skærmkanten der angiver retning mod tegningen. Glowen er bred og stærk på lang afstand, smal og diskret tæt på. Pulserer i dobbeltslag — hurtigt når langt væk, langsomt når tæt på.

Uendeligt zoom: Z∞mFinity opretter automatisk nye koordinatrum når du zoomer ind. Det betyder du kan blive ved med at zoome for evigt — der er ingen teknisk grænse for zoom-dybden.

Indstillinger

Åbn indstillingsmenuen med , eller hamburger-ikonet i toolbar.

🎨 Pensel & Farver

Pensel Farve: Ændrer den aktuelle tegnefarve.
Lærred Baggrundsfarve: Baggrundsfarven der vises bag tegningerne. Knappen ☀️/🌙 skifter hurtigt mellem hvid og sort baggrund.
Størrelse: Pensel-/viskelæderdiameter i pixels (1–150).
Gennemsigtighed: Penselens alpha-kanal (5%–100%).
Fyld Tolerance: Hvor præcis fyldpennen er. 0% = kun nøjagtig samme farve. 100% = fyld alt. Se hint-teksten under slideren for vejledning.

👁 Visning & Styring

Touch/Input Tilstand: Vælg om fingre, mus og/eller pen tegner. "Kun Pen & Mus" lader fingre panorere uden at tegne — praktisk med stylus.
Tilpas Visning (Find Alt): Samme som H-knappen — centrerer på alt indhold.
Rotation: Sæt lærredets vinkel manuelt med slideren. ↺-knappen nulstiller til 0°.
Vis Zoom Niveau: Viser/skjuler zoom-indikatoren nederst til venstre.
Vis Kompas: Viser/skjuler kompasset der peger mod tegninger.
Dynamisk GPS: Bevæger kompasknappen hen til skærmkanten i tegningens retning. Kun tilgængeligt når Vis Kompas er slået til.
Kant Glow (GPS): Erstatter kompasknappen med et pulserende blåt glød på skærmkanten. Glødintensitet og puls-hastighed skalerer med afstanden til nærmeste tegning. Kun tilgængeligt når Dynamisk GPS er slået til.
Tillad Rotation: Slå rotations-understøttelse til/fra for touch og Alt+scroll.
Lås Zoom: Forhindrer zoom-ændringer — nyttigt til præcis tegning på et fast niveau.
Dynamisk Pensel (D): Se beskrivelse i Penselbjælken ovenfor.
Glow-effekt (G): Tilføjer et lysende glød-lag til penselets streger. Juster styrke og farve i de ekstra kontroller der vises. "Auto ✦" bruger penselfarven automatisk.

⚠️ Glow er meget grafisk krævende — anbefales kun på pc med god GPU. Hvert penselstræk renderes i to lag: selve stregen og et separat glød-canvas med gaussisk blur. Det kan halvere antallet af billeder pr. sekund (FPS) på ældre eller svagere hardware. På en pc med dedikeret grafikkort (spillecomputer, moderne bærbar med diskret GPU) kører glow typisk glat selv med mange streger. På tablets, Chromebooks, ældre bærbare eller pc'er uden GPU-acceleration kan glow gøre appen mærkbart langsommere eller hakke. Slå "Begræns til 60 FPS" til for at mindske belastningen lidt, eller brug "Ydelsestilstand" under ⚡ Ydelse som slår glow fra automatisk.
Vis Gitter: Tegner et koordinatgitter over lærredet. "Gitter forrest" bestemmer om det vises over eller under dine tegninger.
Vis Akser: Viser X- og Y-aksen (0,0-punktet) på lærredet.
Begræns til 60 FPS: Begrænser renderingen til maks. 60 billeder pr. sekund. Sparer batteristrøm og reducerer GPU-belastning. Slå fra for fri (∞) FPS.
Vis zoom-info beskeder: Slå til/fra om zoom-dybde-beskeder vises når du zoomer dybt ind. Fra niveau 1 (marmor-størrelse) til niveau 500+ (legendær zoomer) — med rigtige videnskabelige skalaner og imaginære zoom-titler derefter. Slå fra hvis du er træt af beskeder.
Skrivebeskyttelse: Låser lærredet mod ændringer. Panorer og zoom frit, men ingen ny tegning er mulig.

📁 Projekt & Filer

Gennemsigtig baggrund (PNG/SVG): Eksporterer med transparent baggrund i stedet for baggrundsfarven.
Eksport Område: Alt Indhold eksporterer hele tegningen fra rod-rummet. Kun Synligt eksporterer kun det der er synligt på skærmen nu.
Timelapse FPS: Billedhastighed for timelapse-optagelse (1–120 FPS).
⏺ Optag Timelapse: Starter en skærmoptagelse. Klik på den røde pille øverst for at stoppe. Eksporteres som WebM-video. Stopper automatisk ved 250 MB.
📂 Åbn Projekt: Importér en gemt .zoomfinity-fil.
💾 Gem Projekt: Eksporterer hele projektet inkl. alle tegninger og indstillinger som .zoomfinity-fil.
🖼 Eksportér Billede (PNG): Gemmer lærredet som et PNG-billede.
〈/〉 Eksportér Vektor (SVG): Gemmer stregerne som SVG-vektorgrafik (fyldninger inkluderes ikke i SVG).
🗑 Nyt Canvas: Sletter alt og starter forfra. Kan ikke fortrydes.

Fokus-tilstand

Tryk Mellemrum for at skjule hele brugerfladen — kun lærredet vises. Du kan stadig tegne, zoome og panorere. Øje-ikonet øverst til venstre er synligt ved hover. Tryk Mellemrum igen for at vende tilbage til normal visning.

Tastaturgenveje

Tast	Funktion
P / B	Blyant
E	Viskelæder
F	Fyldepen (spand)
I	Pipette
S	Figurer (toggle)
L	Linje
R	Rektangel
C	Cirkel
T	Trekant
A	Pil

Tast	Funktion
D	Dynamisk pensel (til/fra)
G	Glow-effekt (til/fra)
X	Åbn farvevælger
H	Find alt / tilpas visning
O	Gennemsigtigheds-pille
Q	Vis/skjul penselbjælke
,	Åbn indstillinger
?	Åbn hjælp
Mellemrum	Fokus-tilstand
Ctrl+Z	Fortryd
Ctrl+Y / Ctrl+Shift+Z	Gentag
Ctrl+S	Gem manuelt
Escape	Luk alle menuer

Sådan virker appen

Multi-space zoom-motor — Lærredet er opdelt i koordinatrum (spaces). Når du zoomer nok ind, oprettes automatisk et nyt underrum. Dette sikrer fuld floating-point præcision — du kan tegne lige præcist ved 1% og ved 10 000 000 000 000%.

Tegninger — Hver streg gemmes som et punkt-array med farve, størrelse og gennemsigtighed. Fyldninger gemmes som canvas-snapshots og gengives via kildeudsnits-klipning for at undgå hukommelsesproblemer ved ekstrem zoom.

Gem & Gendan — Alle ændringer gemmes automatisk til IndexedDB (hoved- og backup-nøgle). Et nødbackup skrives synkront til localStorage ved lukning. Ved genindlæsning prøves alle tre kilder i rækkefølge.

Eksport — PNG- og SVG-eksport skifter midlertidigt til rod-koordinatrummet for numerisk stabilitet. Viewport-eksport beholder dit aktuelle zoomniveau og eksporterer præcis det du ser.

Kendte begrænsninger

Herunder er en oversigt over kendte begrænsninger og aktive fejl. Aktiv fejl markerer ting der ikke fungerer optimalt men endnu ikke har en nem løsning. Begrænsning markerer bevidste design- eller arkitekturvalg.

Aktiv fejl Fyldpen efterlader en tynd ring ved streger
BFS-fyldalgoritmen stopper ved anti-aliasede kant-pixels (alpha > 0) og efterlader en ~1 px udfyldt ring langs inderside af streger. Årsag: lærredet bruger et separat baggrundscanvas, så fyldpennen kun ser selve stregerne — ikke baggrundsfarven. Ingen nem løsning uden en komplet scanline-algoritme. Tip: prøv en højere tolerance, eller tegn stregerne tykkere.
Begrænsning Viskelæder afslører baggrunden, ikke fyldninger nedenunder
Alle streger og fyldninger renderes på ét samlet offscreen-canvas. Viskelæder fjerner alt der er malet — også fyldninger. Reel lagdeling kræver en større arkitekturændring.
Begrænsning PNG "Alle"-eksport viser ikke tegninger ved zoom-dybde >8
Præcisionsguarden blokerer rendering fra rod-rummet ved ekstrem dybde (64⁸ ≈ 2,8×10¹⁴×). Viewport-eksport er upåvirket — brug den til at eksportere tegninger på dybt zoom.
Begrænsning Tegninger på dybde >8 er kun synlige i eget rum
Ved ekstrem dybde er streger sub-pixel-brede set fra forfaderrum. Zoom tilbage til det samme område (appen genbruger rummet) for at se dem igen.
Begrænsning Fyldkanter ved ekstrem zoom (dybde 8+) er usynlige
Grænsen mellem to fyldninger er sub-nanometer ved denne dybde — begge fyldninger fremstår som ét ensartet felt. Dette er fysisk korrekt opførsel.
Begrænsning Ydelse med mange streger
Over ~5.000 streger per zoomniveau kan tegning og fyldning opleves mærkbart langsommere. Brug Ydelsestilstand i indstillingerne for at slå krævende effekter fra midlertidigt.
Aktiv fejl Fyldpen virker ikke altid!
Der er en del kendte bugs omkring fyldpen/spand, som ikke vil fylde rum uandset tolerance, det er noget der arbejdes på, quick fix reload siden! Tip: du kan også fylde med pensel og stor markør i stedet.

Vilkår for brug

Z∞mFinity stilles til rådighed som-det-er til personlig og kommerciel brug, forudsat at kildekoden ikke kopieres, redistribueres eller videresælges uden skriftlig tilladelse fra ophavsmanden.

Der gives ingen garanti for oppetid, dataintegritet eller egnethed til et bestemt formål. Brug af applikationen sker på eget ansvar.

GDPR & Privatliv

Z∞mFinity indsamler ingen personoplysninger. Der sendes ingen data til eksterne servere. Al information — tegninger, indstillinger og gem-data — forbliver udelukkende i din egen browser.

Der anvendes ingen cookies, ingen tracking og ingen analytics.

Copyright

Alle rettigheder forbeholdes. Det er ikke tilladt at kopiere, redistribuere eller anvende kildekoden til dette produkt uden udtrykkelig skriftlig tilladelse fra ophavsmanden.