Skip to content
← Back to Community
Purple Rain ☂️!
Profile icon
PowerCoder

Very simple, but satisfying animation. These are div's, not gif's

Thanks for all the support (:

Voters
Profile icon
figglediggle
Profile icon
Soccer135246
Profile icon
EliasTheGreat
Profile icon
tst123
Profile icon
17throwerj
Profile icon
JuanGomez7
Profile icon
LukasAA1
Profile icon
Maxfield16
Profile icon
NormanDesourdy
Profile icon
BitPupper
Comments
hotnewtop
Profile icon
BenOD1

This is oddly satisfying.

Profile icon
DJWang

What are divs

Profile icon
PowerCoder

@DJWang
** My definition: ** A "div" is an HTML element. Div is short for divider.

** W3schools definition **:The

Profile icon
DJWang

@PowerCoder Cool. Nice Div!

Profile icon
Coder100

You really shouldn't be learning from w3schools though, MDN is better :) @DJWang

Profile icon
matthewproskils

@Coder100 OMG FINALLY SOMEONE WHO LIKE MOZILLA DOCS

Profile icon
[deleted]

Here is something like purple rain except it's ** raining cats and dogs **. The HTML5 canvas and its methods are used: https://repl.it/@malvoliothegood/raining-cats-and-dogs

Profile icon
lcsnickel

Dude I love dis 😊

Profile icon
PVWalsh

That is soo satisfying... ahhhhhhhhhhhhhhhhhhh

Profile icon
merrillUwU

cool

Profile icon
JeefTheBeef76

wowowowowowoow

Profile icon
GAMESTVTV

6275da51-aa36-4883-8cd7-7fa26f088af7

Profile icon
jamesscotta

Very cool and really impressive since I have no idea what you did to make this happen.😊

Profile icon
Bookie0

Me: Cool
Me 2 min later: coool
Me 10 min Later: why am I still here?
Me 3 hours later: *eyes glued to the screen coooooooooooooool

Seriously nice job dude!
Have a great day!

Profile icon
Shigetorum
Profile icon
test467

cool

Profile icon
b3tafish

this is awesome

Profile icon
DempseyMyers

This makes me want to pet a cat

Profile icon
AlexanderHardco

that cool bro, sub to my yt channel. Charles Leonard Gorril

Profile icon
[deleted]

now we just need little red corvettes driving across the screen...

Profile icon
yuhuiguo

its pink...

Profile icon
Staff

1000000 and its just a pink day :)

Profile icon
ChezCoder

also whats with the backwards smile? (: makes me shiver lol. :)

Profile icon
ChezCoder

wow powercoder!
also, when are you free? you didn't really finish your styling XD

Profile icon
PowerCoder

@ChezCoder Friend me on Discord so we can discuss it more. (I sent afriend request.) I'm Poseidon on discord. (And I'll correct my backwards smiley face.)

Profile icon
zenois

lovely <3

Profile icon
musediku

i can look at this all day

Profile icon
R0upe

I love this man, but I guess you can put in input one event listener "oninput" , I guess is better refresh the values if have values to refresh

document.getElementById('speed').oninput = () => { if ($('#speed').val() != '') { speed_range=Number($('#speed').val()); } }
Profile icon
MarcusWeinberger

Put the speed as "1/" for a weird glitch

Profile icon
TheRealLemon

allah liked that

Profile icon
FelixMuntean

When you write + in speed then the program malfunctions.

Profile icon
PowerCoder

@FelixMuntean That’s because you’re supposed to put a number

Profile icon
[deleted]

If I open in new tab, it rains super hard. But it’s pretty satisfying, and good job.

Profile icon
PowerCoder

@CodeABC123 Probablly means you have a small screen. (I might make something to adjust the speed.)

Profile icon
[deleted]

Yes, I do(mobile device). @PowerCoder

Profile icon
JeremyIrwin

the best song I ever heard

Profile icon
Trapdoorspyder

@JeremyIrwin Song? I don't hear one, and I checked my volume is up. Does it have to do with the fact that I'm on a chromebook?

Profile icon
JeremyIrwin

@Trapdoorspyder no, it was a joke because there's a song called purple rain

Profile icon
JeremyIrwin

. . .

Profile icon
JeremyIrwin

satisfying

Profile icon
[deleted]

stutters