Responsive Glühbirnenblinkschlange

Eigent­lich han­delt es sich um nur eine ein­zi­ge Rei­he Glüh­bir­nen, wel­che mäan­dernd gefal­tet ange­ord­net sind. Die Gesamt­an­zahl und Umbruch­stel­le pro Rei­he ergibt sich aus der Pixel­zahl der Ansicht und wird bei Ände­rung angepasst. 

Die Blink­ge­schwin­dig­keit ergibt sich fol­gen­der­ma­ßen aus der Posi­ti­on p, wobei die lin­ke obe­re p=0 hat. Wenn p>0 1 Frame lang an und dann p Frames lang aus. 

Es wird ein trans­pa­ren­tes PNG mit den bei­den Zustän­den als Hin­ter­grund jedes Ele­ments ver­wen­det und abhän­gig vom dar­zu­stel­len­den Schalt­zu­stand mit Java­script ver­scho­ben. Vor etwa zehn Jah­ren hat­te ich etwas Ähn­li­ches pro­gram­miert und ver­wen­de­te für jede Blink­dau­er eine eige­ne ani­mier­te GIF mit ent­spre­chen­den Zeiten.

Neu­start erfolgt beim erneu­ten Laden der Seite.