Site Flashing xmas lights

Started by iWasAdam, December 03, 2017, 14:20:32

Previous topic - Next topic

iWasAdam

Guess what I just did?

They are slightly different size with a background color - the site color, so feel free to use them - or not...



One light doesn't work - isn't that the usual way??

Steve Elliott

lol, the flashing needs to be slowed down or it will drive us all nuts  ;)
Win11 64Gb 12th Gen Intel i9 12900K 3.2Ghz Nvidia RTX 3070Ti 8Gb
Win11 16Gb 12th Gen Intel i5 12450H 2Ghz Nvidia RTX 2050 8Gb
Win11  Pro 8Gb Celeron Intel UHD Graphics 600
Win10/Linux Mint 16Gb 4th Gen Intel i5 4570 3.2GHz, Nvidia GeForce GTX 1050 2Gb
macOS 32Gb Apple M2Max
pi5 8Gb
Spectrum Next 2Mb

iWasAdam


Steve Elliott

Win11 64Gb 12th Gen Intel i9 12900K 3.2Ghz Nvidia RTX 3070Ti 8Gb
Win11 16Gb 12th Gen Intel i5 12450H 2Ghz Nvidia RTX 2050 8Gb
Win11  Pro 8Gb Celeron Intel UHD Graphics 600
Win10/Linux Mint 16Gb 4th Gen Intel i5 4570 3.2GHz, Nvidia GeForce GTX 1050 2Gb
macOS 32Gb Apple M2Max
pi5 8Gb
Spectrum Next 2Mb

Qube

Nice nice ;D

Now all it needs is the background to match the stippled background of the theme and we're good to go ( see attached ).

Chop chop, get to it :P
Mac Studio M1 Max ( 10 core CPU - 24 core GPU ), 32GB LPDDR5, 512GB SSD,
Beelink SER7 Mini Gaming PC, Ryzen 7 7840HS 8-Core 16-Thread 5.1GHz Processor, 32G DDR5 RAM 1T PCIe 4.0 SSD
MSI MEG 342C 34" QD-OLED Monitor

Until the next time.

Derron

And where is this background used? I assume Adam just used the images you are already using on the page and added some glow.




bye
Ron

Qube

Quote from: Derron on December 03, 2017, 19:23:52
And where is this background used? I assume Adam just used the images you are already using on the page and added some glow.
The background is used all around the forum as a border. The current lights are transparent png's and so if changing the lights to an animated GIF with the glowing light effect then it'll need the background as a base and not a solid colour ( to keep things neat )
Mac Studio M1 Max ( 10 core CPU - 24 core GPU ), 32GB LPDDR5, 512GB SSD,
Beelink SER7 Mini Gaming PC, Ryzen 7 7840HS 8-Core 16-Thread 5.1GHz Processor, 32G DDR5 RAM 1T PCIe 4.0 SSD
MSI MEG 342C 34" QD-OLED Monitor

Until the next time.

Derron

Hmm somehow this background wasn't visible before (was a straight gray) - maybe light/environment in my computer room changed ;-)


@ gif
Just set that gray background as transparent. So only the antialiased parts will not 100% perfect melt with the background.


@ Adam
If you redo it: take Cube's background and use that as a "lighten"-layer on the glow effect (so bright pixels brighten up the glow area and darker pixels darken it a bit). Keep the background gray as before - and set that grey as transparent. That way the "glow" will somehow mimic the grain/structure of the background without needing to take care of its exact position on the background.


Another option is of course to have the animation in multiple PNGs and animate them via java-script - that way you could use PNG's alphachannel without the need of MNG or APNG (animated PNG, MNG not supported by any browser, APNG not by Internet Exporer)  or tricks as described above.




bye
Ron

iWasAdam

#8
my bad - i'll get it sorted ;)

Here we go - Now with correct background (still a few pixels deeper though)

Qube

Yay \o/ - Thanks ;D - Will get them plugged in a a moment.
Mac Studio M1 Max ( 10 core CPU - 24 core GPU ), 32GB LPDDR5, 512GB SSD,
Beelink SER7 Mini Gaming PC, Ryzen 7 7840HS 8-Core 16-Thread 5.1GHz Processor, 32G DDR5 RAM 1T PCIe 4.0 SSD
MSI MEG 342C 34" QD-OLED Monitor

Until the next time.

Steve Elliott

Win11 64Gb 12th Gen Intel i9 12900K 3.2Ghz Nvidia RTX 3070Ti 8Gb
Win11 16Gb 12th Gen Intel i5 12450H 2Ghz Nvidia RTX 2050 8Gb
Win11  Pro 8Gb Celeron Intel UHD Graphics 600
Win10/Linux Mint 16Gb 4th Gen Intel i5 4570 3.2GHz, Nvidia GeForce GTX 1050 2Gb
macOS 32Gb Apple M2Max
pi5 8Gb
Spectrum Next 2Mb

Naughty Alien

..nice but no..as a hardcore bomber, i demand snow on syntaxbomb logo reflection.. :)

Steve Elliott

And a bomb reflection too...Runs...  :P

Actually I think it would look better without the reflection.
Win11 64Gb 12th Gen Intel i9 12900K 3.2Ghz Nvidia RTX 3070Ti 8Gb
Win11 16Gb 12th Gen Intel i5 12450H 2Ghz Nvidia RTX 2050 8Gb
Win11  Pro 8Gb Celeron Intel UHD Graphics 600
Win10/Linux Mint 16Gb 4th Gen Intel i5 4570 3.2GHz, Nvidia GeForce GTX 1050 2Gb
macOS 32Gb Apple M2Max
pi5 8Gb
Spectrum Next 2Mb

Derron

Quote from: Steve Elliott on December 04, 2017, 15:23:41
Actually I think it would look better without the reflection.


Maybe because the "y" is not properly reflected - or it breaks the Matrix ;-)


bye
Ron

Goodlookinguy

As much as I like these Christmas lights, I gotta say, I could go for some snow or Christmas lights that shatter upon a mouse-over event. http://www.schillmania.com/projects/snowstorm/
I'm insane and not in a funny or good way! nrgs.org