Att göra en solnedgång i php, html, css och jquery, hur?
Jao tja!
Är sjukskriven och rastlös så jag har en massa tid över till onödiga projekt och nu har jag bestämt
mig för att göra en solnedgång på en hemsida, eller inte enbart en solnedgång utan hela solens rörelse!
Test 1)
Körde först lite PHP som har 24st (för solen ska gå i en båge, inte horisontellt är för enkelt) if och else satser som hämtar timman på dygnet och kör lite CSS baserat på resultatet.
Ovanpå det använde jag animate funktionen i jQuery med från-till positionering i CSS!
Skitnöjd var jag och satt och beundrade verket och solen som vandrare över skärmen, ända tills jag gjorde
en refresh, börjar ju självklart om då om inte man navigerar på sidan exakt en gång i timmen, drygt surfande!
Test 2)
Skiter i solen och kör olika nyanser på bakgrunden som stämmer överens med himlens färger under dagen,
Funkar bra men är inte lika effektfullt utan sol, dessutom måste större delen av färgerna i CSS:en ändras för att se bra ut, svart bakgrund och svart text fungerar inte så bra, blir jobbigt att uppdatera!
Test 3)
Här är jag nu, börjar att kombinera båda ovanstående testerna men för att råda bot på test 1 problemet så har
nog ni redan listat ut vilken väg jag är påväg mot, jag vill ha en vandrande, inte hackande sol vid den timmen
ändringen sker.
Har man 24 CSS:er som i test 1 och utan animeringen i jQuery så hoppar solen 60px (med min bärbara dators fulla upplösning) vilken jag inte godkänner, hoppet är typ lika bred som solen
Den mjukaste rörelsen som användaren inte direkt ser är 1px/minut samma distans som ovan fast mer
steg emellan, men ni som är bra på matte har redan kommit på att detta kräver, 1440 else/if satser och
1440 CSS:er.
Hur i helskotta ska man orka göra 1440 helt olika CSS:er, kanske 24 olika bakgrunder, sen hur lång tid tar det att gå igenom 1400 if/else satser för att komma till dom sista minutrarna på dygnet?
Någon smart snubbe/brud som kommer på någon vettig lösning?
Hur kan syltkakor överleva i det vilda utan ögon?