Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
The snow effect is really cool how is it accomplished?
#1
Is it all CSS? Is it using Javascript? Jquery?

I could probably find it out but I don't want to dig through thousands of lines of code to isolate what is doing the animation.
OS: Windows 10 64 bit
Processor: i7-6700k
GPU: AMD R9 Nano
Ram: 16GB DDR4
Reply

Sponsored links

#2
It's a plugin, but this is the wrong section. Moving it to site discussion.
[Image: vwah44]
Gaming: Intel i7 3770k @ 4.2Ghz | R9 290 | 16GB RAM | 480GB(240GB+240GB RAID0) SSD | 3 TB HDD | 1 TB HDD | 500GB HDD
Server: AMD FX 6300 @ 4.4Ghz | GTX 670 | 16GB RAM | 240GB SSD | 320GB HDD
PCSX2 General Troubleshooting FAQ
Reply
#3
Right click > View source > Search for snowstorm.
Reply
#4
I guess I misunderstood what "general discussion" entailed in this context.
OS: Windows 10 64 bit
Processor: i7-6700k
GPU: AMD R9 Nano
Ram: 16GB DDR4
Reply
#5
I would guess it's javascript to keep track of all the instances of snow. Althought this plugin is quite old, it could probably be done in CSS
[Image: ref_sig_anim.gif]
Like our Facebook Page and visit our Facebook Group!
Reply
#6
(12-18-2015, 02:49 PM)refraction Wrote: I would guess it's javascript to keep track of all the instances of snow. Althought this plugin is quite old, it could probably be done in CSS

If it's really old I doubt it would be possible in CSS I think the CSS needed to do something like this was only introduced in CSS 3.0

Looking at the code they are all individual div's with the text color set to white and each snowflake is a large . Their position is being constantly adjusted which is difficult (but not impossible) to do with regular javascript so I'm leaning towards Jquery.

They are animating but there are no "animations" applied in CSS according to Firefox's inspector so it's either javascript or jquery given the sites code (can't be asp.net, php or anything like that).
OS: Windows 10 64 bit
Processor: i7-6700k
GPU: AMD R9 Nano
Ram: 16GB DDR4
Reply
#7
*Sigh*

(12-18-2015, 01:07 AM)K.F Wrote: Right click > View source > Search for snowstorm.
Reply
#8
http://www.schillmania.com/projects/snowstorm/

This is what it is, someone just put it in a plugin for ease of use.
Reply
#9
(12-18-2015, 03:00 PM)bomblord Wrote: If it's really old I doubt it would be possible in CSS I think the CSS needed to do something like this was only introduced in CSS 3.0

Sorry, I wasn't clear, I mean these days it could probably be done in CSS, the plugin however won't be, it is most likely javascript
[Image: ref_sig_anim.gif]
Like our Facebook Page and visit our Facebook Group!
Reply
#10
I would even doubt that it is possible with modern css. This is also really not the idea of css.
(I don't think that modern css supports getting the mouse position and making a transform dependent on it)
Reply




Users browsing this thread: 1 Guest(s)