Share your repls and programming experiences

← Back to all posts
🖼 Image Filter! 🏔
KobeFF (1261)

🖼 Image Filter! 🏔

This nifty little project made by moi, will allow you to upload a photo and set it under a filter! I was playing around with CSS when I discovered from W3Schools that you can do cool stuff with images. With some help from @DrIcy, I got it so that you can upload photos. I was going to make it all in one page, but found out that you couldn't remove classes from HTML elements, so I had to make separate HTML pages and put filters of each images in different pages. The stupid javascript and <img> tag sadly did not allow me to make multiple displays of the same image so I couldn't make like a 'gallery' of the same photo with different pictures.


Anyways, this image filter has some really cool and CRAZY filters! For example, you can have an image like this...

and putting through the Saturation filter, you can get something like this:

WOW! Orange mushrooms! On the other hand, if you put it through the Invert filter...

Cool, right!? Who doesn't like weird glowie mushrooms?


Be shore to leave an updoot if you liked this project! Bai :)

Comments
hotnewtop
BobTheTomatoPie (3346)

I would suggest you upload the image and add some radio sliders that update on change to show the effect of that filter, and it would be cool if instead of using just images you could conect it to your camera, im not 100% sure the code to connect the camera but i know its only a couple of lines and not hard at all as i have dont it before

KobeFF (1261)

@BobTheTomatoPie I wanted to do that lmao but I'm pretty sure its been done before on We3Schools.

BobTheTomatoPie (3346)

of course its been done before, but this has probably been done before as well, the real thing would be you make it differently than how it was made on w3schools, you make it better and different with the same purpose @KobeFF

joshinso (0)

Fun fact you can see glowing mushrooms in real life with mushrooms :3

tankerguy1917 (174)

mmm...uh...mmm...how do i do display a picture in a comment?

elipie (365)

ayyy, r u from wisco? (def didn't look at your school)

KobeFF (1261)

@elipie lmao yes madison, wi

wut bout u hehe

KobeFF (1261)

@elipie :( where tf is 'Era Dev'???

lamo

elipie (365)

@KobeFF era dev. is my business ig. I am golda meir school upper campus, milwaukee wisco

KobeFF (1261)

@elipie rly u live in wisco too?

KobeFF (1261)

@elipie yay wisco buddies!!

Wut city wanakee? me live in madison
elipie (365)

@KobeFF

wanakee??

tf is wanake lol. It is milwaukee

KobeFF (1261)

@elipie o wanakee is another city close to madison

hehe cow dairy product buddies

elipie (365)

@KobeFF

when you forget how to use smol text
Baconman321 (1061)

@elipie Don't worry, I don't like football, so we cool. Besides, vikings suck (rlly), and I think wisconsin is really cool. Of course, it could use some more farmlands, but the woodlands is really nice (I love wisconsin and minnesota).

elipie (365)

@Baconman321 yay! a good minnesotaer? person.

some more farmlands

Have you drove all the way across wisco? lmao. Does not need one more. Needs less, but farms good doe

Baconman321 (1061)

@elipie Farms in wisconsin are like farms in norway, I have driven to appleton (the farthest I have gone), and I see 30-acreish farms. Not big, but yeah you guys need some prairie (not too much, ur farmlands are great don't evr lose dem)

elipie (365)

@Baconman321 ye, the huge ones are up north, maybe even by minnesota.

Baconman321 (1061)

@elipie Oh... KEEP UR WOODLANDS THEN!!!!!! NUUUU DONT DESTROY DEM THEY BUTIFUL

KobeFF (1261)

@elipie lol

my cuzins live in mini-soba :)

KobeFF (1261)

@elipie XD in the united racks of the fridge

angrydoge (465)

@elipie I think you meant

def didnt_look_at_your_school:
  None
Bookie0 (6032)

blue baguette

lol pretty cool, what about adding examples for each mode so we can know what to expect in the first menu page, and maybe also a button to go back once we finish! :D

KobeFF (1261)

@Bookie0 Sure! ill make some changes after school today.

i luv blu baguettes. Bloo mushroom better tho

Bookie0 (6032)

@KobeFF

aight cool!

i luv bloo mushroom. Blu baguettes better tho

KobeFF (1261)

@Bookie0

Bloo mushroom op

blu baguettes = poop smear
Bookie0 (6032)

@KobeFF

non
*in french accent
WIZ ZE POWER OF ZE BAGUETTE, I DECLARE IT IZ SOUPEIOR!

KobeFF (1261)

@Bookie0 whats french for buttocks

Bookie0 (6032)

This nifty little project made by moi,

ooooooOOOoooooooOOOOoO

using from fancy French lmfao! xDD

KobeFF (1261)

@Bookie0 lmaooo im like, 100000% french btw

Bookie0 (6032)

@KobeFF lol yaaay un autre français? I'm also french yeee

KobeFF (1261)

@Bookie0 no im not actually french tho XD

wut bout U

Bookie0 (6032)

@KobeFF saddd
I actually am and can actually speak fluently Français!!!

elburg (39)

don't know how to upload a file but looks really cool!

KobeFF (1261)

@elburg when u click o a filter, an 'upload file' button will appear at the top right.

elburg (39)

@KobeFF I found out! It turns out, your window can't be small to else the button doesn't appear at all!

KobeFF (1261)

@elburg yeah, you need it in full screen mode.

Baconman321 (1061)

Lemme guess, u uploaded it to a canvas, and put a background against it (or something like that). I read about it in a html5 canvas tutorial. Yeah, nice! I was thinking of doing something like this with canvas, but wasn't interested...

KobeFF (1261)

@Baconman321 naw i used the css .filter into the userimages. it was alot more simple like that.

Baconman321 (1061)

@KobeFF Ah. I use blur a lot :> I'm making a portfolio rn (don't go to it plz, unfinished then it spoils surprise, instead watch for it in share), that when a usr scrolls to a certain div containing info about one of my projects, it gives a blurred pic of that project.

Baconman321 (1061)

@KobeFF As u said for me stargaze (ye, it's paybac time), this is really nice, it should deserve to be on trending (even if it's low effort). Uhm, but to make it more rewarding, try making it so u can save pictures, and try doing other things like sepia (try using sepia color with the canvas trick I was talking about). I think I can share the PDF (since it's from stackoverflow and they give perms for you to share the PDF for educational reasons). Do u want it?

KobeFF (1261)

@Baconman321 wait wut how do i make it save lmao i barely don't even know javascript. I literally had to get the upload file from geeks for geeks lmao.

Baconman321 (1061)

@KobeFF Canvas has the ability to save whatever's on it as an image. You would have to get help from fuzzyastrocat as he made the santa's hat that downloaded what was on the canvas.

zplusfour (892)

Soooooo bright ahhhhhhhhh my eyes aa

Whippingdot (575)

eyyy, is there a new follow button or smthing. You are commenting on all my posts and I am happy someone is noticing me . BTW do you have github? I want to invite you to the org for repl.it coders. When you join it says I can see your IP, tho when I asked in github community, that person said you can not change that feature. He said the IP is in the audit log, but when I looked there I could only see countries. I promise I am not lying, and you can go here and go to maxyang's comment to see proof. Scroll down. @JBYT27

JBloves27 (1729)

XD glad you're happy! I dont have GitHub yet (the power of yet XD), ill make one soon and ill tell you my username. :D I also see that you're not lying. @Whippingdot

Whippingdot (575)

yes the power of yet Yayyy!!! Me happy. Also, I don't know why I am asking you, but do you know any programming language which is not too popular but is still good. I use Python, C++, and HTML. I am learning CSS and JS and going to learn Nodejs. All the languages I have said above are popular so please give me a recommendation. @JBYT27

KobeFF (1261)

@Whippingdot try out nim or ruby... those are cool languages that are still supported by repl.it ide.

JBloves27 (1729)

LOL, np. Well, I don't know the PL, but R? That would be a good recommendation as it is not too popular but still used. I hope this helps! :D @Whippingdot

Whippingdot (575)

@JBYT27 @KobeFF we famous

I think I am going to try out ruby. Sorry JBYT27.

KobeFF (1261)

@Whippingdot ooooo repl.it fAmOuS

ps i use ruby too am im rly good at it :) its one of my fave languages.

Whippingdot (575)

Do u use it for web dev? @KobeFF

KobeFF (1261)

@Whippingdot you can (backend) but i use it like python.

FloCal35 (505)

I love glowie mushrooms and updoots

FlaminHotValdez (442)

Does anybody wanna guess what this is

KobeFF (1261)

@maxyang The underside of a bagel on a wooden table!!!

FlaminHotValdez (442)

@KobeFF Nope. It is wood though, just not a table

FlaminHotValdez (442)

@TsunamiOrSumth KobeFF is a mushroom, but the picture isn't

fuzzyastrocat (1513)

@maxyang Looks like an apple, no? Perhaps an apple sitting on a wood floor?

FlaminHotValdez (442)

@fuzzyastrocat Ayyyy you got it it was an apple! On a wood floor too

Whippingdot (575)

How in the world is that an apple? @maxyang

Whippingdot (575)

man, you have some good ones. @maxyang

FlaminHotValdez (442)

@Whippingdot that's from this website -_-. And yes, I did change my username because I'm addicted to FLAMIN HOT VALDEZZZZZZZZ

Whippingdot (575)

WHAT IN THE WORLD. HAVE YOU GONE CRAZY BOIIII. i was soo confused who you were. Why did you change your name, now you can't change it anymore and people will @ mention your wrong name. Jk, you can do whatevery you want, but personally I think that was a bad choice. @FlaminHotValdez

FlaminHotValdez (442)

@Whippingdot Ya ya I get it... but I was always obsessed with the HOO series and I finally figured out a way to change my username

Whippingdot (575)

I have no idea what your username even is @FlaminHotValdez

FlaminHotValdez (442)

@Whippingdot oof, read percy jackson books

elipie (365)

people will updoot if they want to, asking for updoots is making you look pathetic not like yourself.

KobeFF (1261)

@elipie yeah idk it kinda got into my head since all other posts had something like that lmao

elipie (365)

@KobeFF lmao.

say the same to those posts you are seeing
KobeFF (1261)

@elipie XD practically 95% of all posts that I see

also how do u make ur text tiny :(

elipie (365)
@KobeFF magic

jk
its:

###### woohoo this text tINNYNYN
TsunamiOrSumth (552)

@KobeFF @elipie deja vu, i swear ive seen this conversation on another one of kobe's posts

elipie (365)

lmao, that was probably with uhhhhh idk lol oh yeahhhhhhh @TsunamiOrSumth