Skip to content
Sign upLog in
This post is read-only. Explore Repls and connect with other creators on Community.View Community
The info in this post might be out of date, check out our docs instead. View docs
58

Santa Hat-ifier — easily add a festive touch to any profile photo!

fuzzyastrocat
fuzzyastrocat

It's that time of year when people decide to randomly throw a santa hat on their profile photo. So I decided to make a tool that allows you to easily add this festive touch to your profile photo (or any other photo, for that matter)!

But how can I get in on the fun?

Just go to the link, hit "Upload Photo", and upload your photo. A moveable, scalable, stretchable, rotatable santa hat will appear — drag it anywhere over your photo and position it as you like. Use the dot on the boundary to scale/stretch the hat, and use the dot above the image to rotate it. Finally, hit the "Save!" button to save your image!

Note that only the region inside of your image will be saved — so if you stick the santa hat outside the image's boundaries, it'll get cut off or won't show up.

Cool! But is it really good?

Proof that it works: I made my seasonal profile photo with it! :D

UI snapshot:

Screen Shot 2020-12-10 at 12.02.19 PM

Fullscreen here! Must open in fullscreen for file download!

EDIT: There's been a recurring issue with saving files, however it has been fixed for most systems. If this is still the case for you, and you've opened the repl in a new tab, it's a browser/system incompatibility.

Hope you enjoy!

2 years ago

Voters

Comments

TopNew
1
DynamicSquid
DynamicSquid

Screenshot (280)

New pfp! I drew the squid myself with the help of a picture. Is it good? I think it looks a little angry instead of confuzzled. Your santa hat looks great btw!

2 years ago
1
DynamicSquid
DynamicSquid

Wait the hat's pointing the wrong way :( How do you rotate an image?

2 years ago
1
fuzzyastrocat
fuzzyastrocat

@DynamicSquid
First of all, your drawing is good! (It looks benevolent to me, but I suppose you could change the angle of the eyebrows slightly to look more confused.) My only criticism would be the choice of color for the upper-head area... the red seems a little out of place to me.

What do you mean by rotate? (Do you mean rotate with this tool? What you would want to do is scale it negatively on the X-axis to flip it.)

2 years ago
1
DynamicSquid
DynamicSquid

@fuzzyastrocat
Oh right yeah. I have it in the right orientation now

2 years ago
1
CycoDragon
CycoDragon

Working as expected.
Screenshot 2020-12-23 at 19.47.52

2 years ago
1
fuzzyastrocat
fuzzyastrocat

@CycoDragon
Uh... you know you can move the santa hat, right?

2 years ago
1
WILLIAMBAEWER
WILLIAMBAEWER

santa-hat

looking cool joker (also imagine having a student account)

2 years ago
1
fuzzyastrocat
fuzzyastrocat

@WILLIAMBAEWER
Glad to know it worked for you! (What do you mean by "imagine having a student account"?)

2 years ago
1
WILLIAMBAEWER
WILLIAMBAEWER

@fuzzyastrocat
nothing, nothing at all (MWHAHAHAHAHAHAHAHA)

2 years ago
1
DynamicSquid
DynamicSquid

Hi, quick question. I'm thinking of taking a look at Assembly. I'm on an 64-bit Intel computer, so could I use NASM since it's cross platform? And if I use NASM for my assembler, I would need to learn Intel x86 right?

2 years ago
1
fuzzyastrocat
fuzzyastrocat

@DynamicSquid
Yes, you could use NASM. And yes, if you use NASM you'll need to learn the joke that is Intel syntax not the god that is AT&T syntax.

2 years ago
1
DynamicSquid
DynamicSquid

@fuzzyastrocat
Ah okay. What about for Ubuntu? If I use NASM on Ubuntu, will it be the same Assembly syntax?

2 years ago
1
fuzzyastrocat
fuzzyastrocat

@DynamicSquid
NASM is NASM. If it's not the same, it's not NASM. (It'd be like if using Rust on a mac was different syntax than using Rust on a wandows.)

Now, that's not to say that there might be some different semantics, because at that level different OS's can change how you do things. But the syntax will stay the same.

2 years ago
1
elburg
elburg

bblogosmallsanta


Nice, gonna set this as my pfp!

2 years ago
1
CyberDaDev
CyberDaDev

Screenshot 2020-12-15 at 9.37.52 AM

It looks stupid but thxs for making this

2 years ago
1
AverseABFun
AverseABFun

I'm on chrome and I can't download. But you an right-click and click save as to save.

2 years ago
2
fuzzyastrocat
fuzzyastrocat

@AverseABFun
Hm, I'm on chrome and I can. What OS are you on?

2 years ago
1
fuzzyastrocat
fuzzyastrocat

@AverseABFun
That's most likely the issue then, others with chromeOS have reported it not working. I don't know why it wouldn't, since I'm just using standard browser APIs, so clearly chromeOS does something different.

2 years ago
1
Codemonkey51
Codemonkey51

Hi, cool project (except saving doesn't work, pls fix (iOS))

Here is my pfp after holiday-ifying it: (yes, I didn't just add a Santa hat)

output-onlinepngtools 2

2 years ago
1
fuzzyastrocat
fuzzyastrocat

@Codemonkey51
I'm sorry, but that's likely an issue with your browser that I can't fix. Saving has been confirmed to now work on all modern browsers (after several fixes from things that "should" work, which was annoying enough), so could I get your browser (and if it's Safari, is it an old version?)

2 years ago
1
Codemonkey51
Codemonkey51

I'm on a really recent version of iOS (so also safari), not really an old version. I could tell you the exact version, but I would rather say that like in a repl not public ally on repltalk (:/)

@fuzzyastrocat

2 years ago
2
fuzzyastrocat
fuzzyastrocat

@Codemonkey51
Yeah that's ok. I'm not exactly sure what the issue is then — I'm using standard accepted browser APIs, so it should work on any modern browser. (Perhaps the issue is iOS handles saving files differently?)

2 years ago
1
Codemonkey51
Codemonkey51

The issue is it doesn't capture the full image
For example this happend:
santa-hat


@fuzzyastrocat

2 years ago
1
fuzzyastrocat
fuzzyastrocat

@Codemonkey51
Huh, that's really odd and I can't think of why that would happen (since it doesn't do that anywhere else).

2 years ago
Load more