Skip to content
← Back to Community
Buttons!
Profile icon
h
has Hacker Plan
InvisibleOne

I sort of made this just messing around with some stuff. It's kinda satisfying.

I added another shape!

Screen Shot 2021-02-26 at 8.40.23 AM

Other shapes?

Well, I'm not that great at css, but I'm sure some of you are, so if you want to make some cool shapes I can add them, they just need to be a class, and be somewhere around 100px tall and 100px wide as default. So just comment with the css code if you want me to add it and I'll make sure to credit you

@Addiction made the Trapezium

Voters
Profile icon
aliceweitz
Profile icon
NotRandomPerson
Profile icon
PranavKashyap2
Profile icon
SleepySid
Profile icon
Natalie3720
Profile icon
LuckyOreos
Profile icon
TonyWu4
Profile icon
maxina
Profile icon
Kgbadz
Profile icon
3p13
Comments
hotnewtop
Profile icon
IOP3

Me: clicks open in a new tab
looks

Screenshot 2021-02-25 111733

HrM?
changes the circle to square

Screenshot 2021-02-25 111748

looks at the circle

Screenshot 2021-02-25 111759

then hovers over it
animation begins

result
Screenshot 2021-02-25 111812

Me: that's dam satisfying
tries that for the next few hours minutes.

frantically updoots

Profile icon
InvisibleOne

lol, thanks @IcingHackz

Profile icon
IOP3
Profile icon
IOP3

@InvisibleOne

can you make a javascript tutorial please?😕
Profile icon
InvisibleOne

Seriously? I suck at javascript, my js coding is 25% guessing what I think is the right thing to type, and 75% googling it @IcingHackz

Profile icon
IOP3

@InvisibleOne really, you made the bomb thingy ma jig. That was mostly made in javascript. And that got like 300 something updoots. Right?

Profile icon
InvisibleOne

That was just luck, the JS on that wasn't even that hard. All I did was generate some random numbers, collect the user's input and see if it matched the generated code. @IcingHackz

Profile icon
IOP3

@InvisibleOne oh. then nvm.

Profile icon
InvisibleOne

I might make one on how I made that bomb game, but you'll have to wait and see. @IcingHackz

evil giggle

Profile icon
IOP3

@InvisibleOne can you go join the repl i shared with you

Profile icon
Brendan23

@IcingHackz why you call upvote updoot?

Profile icon
InvisibleOne

Becuase it's way better @Brendan23

Profile icon
Brendan23
Profile icon
InvisibleOne

Better then saying upvote @Brendan23

Profile icon
Glitterpoop
Profile icon
FlaminHotValdez

@IcingHackz w8 w8 w8 DAM? PJO fandom cackling in laughter

Profile icon
KENNETHTRIPP

@IcingHackz https://www.sololearn.com/ This is how I learned JS, HTML, CSS, Java, and some Python. I highly recommend. But @InvisibleOne is right though. Googling stuff is something that I do very often.

Profile icon
IOP3

@KENNETHTRIPP thank you

Profile icon
KENNETHTRIPP
Profile icon
IMightBeMe

Or you can see the code using repl or inspect and figure it out. @InvisibleOne

evil giggle

Profile icon
Addiction

@InvisibleOne This is a css code for you to add (it's a trapezium)
.trape {
height: 0;
width: 50px;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 50px solid transparent;
transition: 1s;
display: inline-block;
margin: 5px;
}

Profile icon
InvisibleOne

Awesome I'll add it now @Addiction

Profile icon
OldWizard209

Traffic lights go brrrrr.....

image

Profile icon
InvisibleOne
Profile icon
Glitterpoop

@OldWizard209
Screenshot 2021-02-26 122557

Profile icon
Wilke000

@OldWizard209
image

Profile icon
Hyderite

Bro, your CSS skills are epic!

Profile icon
InvisibleOne

You really think so? @Hyderite

Profile icon
peternielsen112

@InvisibleOne I agree with @Hyderite your skills are pretty pog.

Profile icon
InvisibleOne
Profile icon
LingWu1

I guess the meaning of the 156 upvotes is the reason that its so SATISFYING :D

Profile icon
InvisibleOne
Profile icon
LingWu1

@InvisibleOne My sister is crying and after she saw this she fell asleep in 10 miniutes. lol

Profile icon
RhinoRunner

s a t i s f a c t i o n

consider me satisfied

Profile icon
InvisibleOne

your welcome @RhinoRunner

Profile icon
RhinoRunner

@InvisibleOne

AHEM proper grammar PLEASE

It's you're welcome not your welcome

Profile icon
InvisibleOne

Ok ok

somebodies a grammer nazi @RhinoRunner
Profile icon
RhinoRunner

@InvisibleOne and proud

Profile icon
peternielsen112

@RhinoRunner you're like my sister the biggest grammar nazi I know

Profile icon
RhinoRunner

@peternielsen112 at least you are using proper grammar rn

Profile icon
peternielsen112

@RhinoRunner ahem. Is it proper grammar, though, to use abbreviations such as "rn" for "right now"? This is actually a widely debated topic among my family and friends the world.

Profile icon
RhinoRunner

@peternielsen112 well, we can't all h've pr'p'r gram'r!

Profile icon
peternielsen112

@RhinoRunner alLllLrIgHTy tHeN

Profile icon
InvisibleOne

Lol, I'm not in writing mode so I suppress my inner grammar nazi @RhinoRunner

Profile icon
RhinoRunner

@InvisibleOne
image

Profile icon
InvisibleOne

grammar-fail_o_1650919
@RhinoRunner

Profile icon
peternielsen112

@RhinoRunner lollll

image

Profile icon
peternielsen112

@RhinoRunner or @InvisibleOne one of y'all should make a meme generator on repl

Profile icon
peternielsen112

@InvisibleOne I FEEL
I honestly have dark spells moods when I'm all "nope. No more grammar."

Also bro you write? Anything good or just like school assignments? If there's anything good I want to read it. Bored in school y'know. Willing to swap pieces of writing.

One time they wanted us to write a short story so I wrote forty pages of absolute garbage beautiful comedy. The teacher never read it and gave me an A+.

"Come on, Mrs. L! It's garbage, at least read it first!"
Profile icon
InvisibleOne

Maybe I will someday @peternielsen112

Profile icon
InvisibleOne

Some memes:
d94d31a920dd63925fe3c824ccf377ba

1r3w5o

uury4

nothing-is-worst-than-the-dark-side-except-your-grammar

m7bf5

Profile icon
InvisibleOne

Not necessarily school writing, except for some essays for college courses, but I'm not doing any of those right now (I'm a dual enrollment student)
I mostly write Medieval Fantasy and the occasional historical fiction. So far I haven't written anything I would publish (yet) since most of it is garbage, but I've written four full-length novels and a bunch of novellas and short stories.
I am going to start on a historical fiction that I plan to be a bit more serious and realistic than my other stuff, it will be based on a captured German soldier and his point of view of the war, I feel like so many people like to focus on the 'good guys' and don't realize that there were a lot of German soldiers who were just doing their duty and fighting for their country. Lots of them didn't even know about the concentration camps and stuff, and after the war were ashamed to find all of that out. @peternielsen112

Profile icon
peternielsen112

@InvisibleOne That's awesome! I write a lot of medieval fantasy too but I focus on comedy and try not to make things too dark if I want it to be comedic. For some reason it's either super far into the future or super far into the past and I don't know why I do it, I just do it. Anyway. That's super awesome. Keep it up!

Profile icon
RhinoRunner

@InvisibleOne wow you writing a book on this that was a massive paragraph lol

Profile icon
InvisibleOne

Thanks
I write some comedy into my writing and most of it isn't that dark, although there are some that get pretty dark. The current one that I'm writing is about an assassin who can act like two different people. At times he's a healer and just wants to help people and stop sickness, at other times he's a deadly assassin who's obsessed with poison and killing people. It's a little bit dark, but not as dark as some of my other stuff.
@peternielsen112

Profile icon
peternielsen112

is good good

pog

Profile icon
InvisibleOne
Profile icon
Agzamikail

how did you make sure there was a link to the site and there was a site? I'm just a beginner programmer

Profile icon
InvisibleOne

You just share the repl, replit automatically puts the repl in your post, and if it doesn't you can select one

Screen Shot 2021-03-02 at 8.34.17 AM

@Agzamikail

Profile icon
ErrorNoInternet

wow this is actually pretty cool

Profile icon
InvisibleOne
Profile icon
SilvermoonCat

THIS IS SO SATISFYING :D
especially the fade-into-triangle animation

Profile icon
InvisibleOne
Profile icon
Addiction

grey
50 shades of grey :-)

Profile icon
RahulChoubey1
Profile icon
RahulChoubey1

@Addiction that's 30 shades tho

Profile icon
peternielsen112

@RahulChoubey1 But does it matter? It's the thought that counts

Profile icon
Thotsub

confusion intensifies

Profile icon
TheodoreGardine

damn that's so satisfying. you could add a randomizer for the shapes and colours to make it better tho.

Profile icon
JWZ6

forgot how satisfying this is noice pog

Profile icon
Polo1245Ofi

Yeah image

Profile icon
InvisibleOne

lol, nice @Polo1245Ofi

Profile icon
ebp11

Cool!

Profile icon
InvisibleOne

thanks @ebp11

Profile icon
ebp11

@InvisibleOne Can I integrate this into ePlus (enas Plus/E11 Network and Search Plus), a free bundle of my services? It would also be very useful if it were in E11 Polanco ( https://e11polanco.ebp11.repl.co ) if the shapes were draggable.

Profile icon
Cosemus

so guys set it to 5000px change from circle to square, dont hover over any yet, and when you hover over it the growing looks cool

Profile icon
CallMeKFC

That's really great! Keep up the great work!

Profile icon
InvisibleOne

Don't worry, I'm working on something way better than this @CallMeKFC

Profile icon
CallMeKFC

Okay, can't wait! @InvisibleOne

Profile icon
peternielsen112

UGH SO ANNOYING...LY AWESOME

image
Trying to get them all to reverse oreo black with white rings.

Awesome project tho it's awesome. UPDOOT

Profile icon
InvisibleOne

Looks pretty cool @peternielsen112

Profile icon
ShAdOwZxd

When you set the pixel size to 1000px...

Profile icon
InvisibleOne
Profile icon
ThePerko

wow

Profile icon
RandomNoob1

How did you made it so that the color choosing pallet comes up? Its something I've been searching for on the internet for weeks, but I didn't find anything.

Profile icon
InvisibleOne

It's just a form, then input with the type of color.

<form> <input id='color_picker' type='color'> </form>

@RandomNoob1

Profile icon
LingWu1

Screen Shot 0003-02-28 at 5.06.48 PM
Toooooo Satisfying

Profile icon
InvisibleOne
Profile icon
LingWu1
Profile icon
LordQuakemask

cool

Profile icon
Sara3015

This is so addicting i cant stop... HELPPPPP
btw this is super pog i love it :D

Profile icon
InvisibleOne
Profile icon
[deleted]

I

can't

get

over

the fact

OF HOW SATISFYING IT IS WHEN IT TURNS INTO A TRIANGLEEEE

Profile icon
InvisibleOne

yeah the triangle one is pretty cool @TheC0derGirl

Profile icon
Siddharth20000

coool

Profile icon
InvisibleOne
Profile icon
pythongeek1010

This is so great!!!!

Profile icon
InvisibleOne
Profile icon
pythongeek1010

@InvisibleOne You're welcome!

Profile icon
NotMrMan

circles to triangles speedrun
best is 0:04.56

Profile icon
InvisibleOne
Profile icon
RohilPatel

That's quite the button!

Profile icon
InvisibleOne
Profile icon
RohilPatel