Share your repls and programming experiences

← Back to all posts
🥑 Hypnotic avocados 🥑
RolandJLevy (1051)

Look, no JavaScript - it's all done with CSS!

This is what happens when you're stuck at home because of lockdown - something strange like this appears. Experimenting with CSS animations - varying animation-delay, transform and background colours.

Check out the wireframe option too.

Links 🔗

Comments
hotnewtop
brokentoken (51)

Yes, master. I will serve you 🧟.

@

RolandJLevy (1051)

@brokentoken thank you... what will you serve? 😆

brokentoken (51)

you... because you hypnotized me. @RolandJLevy

When I said I will serve you I meant I would listen to you lol

Brendan23 (137)

@brokentoken lol. kinda lame because RolandLevy didn't know.

RolandJLevy (1051)

@brokentoken ah ha... Now I understand. It's not me hypnotizing you, it's the avocados. Would you like me to pass on a message to the avocados?

brokentoken (51)

yes but all the avocados listen to one person, the chosen one. which is you. so I am a avocado. @RolandJLevy

RolandJLevy (1051)

thank you @brokentoken, but chosen for what?

brokentoken (51)

You are the chosen avocado. @RolandJLevy

RolandJLevy (1051)

@brokentoken I am just one small avocado in an ocean of countless other avocados...

brokentoken (51)

Yep. But you are one big orange @RolandJLevy

SudhanshuMishra (202)

@brokentoken what on earth is this conversation XD

TheC0derGirl (215)

@brokentoken what are u guys talking about xD

brokentoken (51)

Welll it’s really confidential .I would never leak information about avacaddos to a banana @TheC0derGirl

RayhanADev (1968)

@TheC0derGirl I've been monitoring this conversation and my official conclusion

absolutely no clue (・・。)ゞ

brokentoken (51)

That's what you grapes always say @RayhanADev

Bookie0 (5965)

Really cool! But why avocados? 🥑

RolandJLevy (1051)

@Bookie0 why not? They're nice 😉

Bookie0 (5965)

@RolandJLevy true, avocados are pog lol :)

JWZ6 (184)

@RolandJLevy that is amazing!!!!!!!!!!!!!!!!!! WOW i updooted/upvoted BTW nice snow quotes thingy :)

RolandJLevy (1051)

@JWZ6 thanks so much!!! Glad you like them :)

JWZ6 (184)

@RolandJLevy I'm right now working on a Dart tutorial. Here is what I have so far: https://dart-tutorial.jwz6.repl.co/ :)

JWZ6 (184)

@RolandJLevy I'm not good with my css... Hopefully you like it! :)

RolandJLevy (1051)

@JWZ6 thanks! I like your Dart tutorial. It's interesting and well explained. We'll done! 😄

RolandJLevy (1051)

@JWZ6 yes, I like it. Thanks for sharing! :)

RolandJLevy (1051)

@JWZ6 that's cool. Let me know how you get on with it 👍

JWZ6 (184)

@RolandJLevy ok probably will take me 4-5 days not sure though

RolandJLevy (1051)

@JWZ6 ok, cool. Good luck with it ☺️

FlaminHotValdez (437)

Those look more like green eggs than avocados.

FlaminHotValdez (437)

Those look more like green eggs than avocadoes.

Coder100 (16919)

Awesome!! :D
tbh i don't really like the taste of avocados, maybe a better name is:

egg

RolandJLevy (1051)

@Coder100 ok, thanks. Yeah, other people said the same thing. I guess I didn't get the shape like an avacodo enough 😁

xxpertHacker (854)

As if Avocados weren't good enough already.

+1

Baconman321 (1056)

@xxpertHacker They're great in guacamole, too!

Healthy and delicious.

xxpertHacker (854)

@Baconman321 Na, smashed avacado > guacamole.

Baconman321 (1056)

@xxpertHacker With the skin?!

Aren't the pits poisonous?

But yeah, avocados are pretty tasty :)

xxpertHacker (854)

@Baconman321 Of course! The skin is the best part! I never tried eating the pit, but if it's venomous, then I might as well try.

Baconman321 (1056)

@xxpertHacker Just like apple seeds, it's [the avocado pit] not deadly to humans unless eaten in massive quantities. The pit contains persin, which is a fungicidal toxin.

Baconman321 (1056)

@xxpertHacker You could always choke on the pit tho :/

Baconman321 (1056)

@RolandJLevy Yeah, I do love a good avocado.

Now do it with apples!

OO challenge (might require JS): Make a change food feature where you can change the food that is spinning!

Add apples pls

xxpertHacker (854)

@Baconman321 Just like how the wireframe option didn't require JS, changing items shouldn't require JS either.

RolandJLevy (1051)

@xxpertHacker happy that you noticed that :)

xxpertHacker (854)

@RolandJLevy

happy that you noticed that :)

Must be my observant attention to details, a lot of bugs would've gotten past me if I weren't as keen ;)

Baconman321 (1056)

@xxpertHacker Oh yeah, I have an idea on how that could work...

I like how CSS allows you to select elements with certain attributes :)

RolandJLevy (1051)

@xxpertHacker I agree. Good coding requires a lot of attention to detail and thoroughness 😄

xxpertHacker (854)

@Baconman321 Umm... that's quite unexpected? I don't think anyone was dissing JS here...

xxpertHacker (854)

@Baconman321 Unfortunate, he was partially correct about >= 2015, Wasm replaced asm.js, but Wasm has been run in the kernel at ring 0, with perfect safety.

RolandJLevy (1051)

@Baconman321 interesting presentation, thanks for sharing 👍

RolandJLevy (1051)

@Baconman321 thanks for your suggestion 👍

Baconman321 (1056)

@xxpertHacker Well, yeah it was 2014. Tech has changed quite a lot past then.

Baconman321 (1056)

@xxpertHacker It's quite unfortunate that repl doesn't have DMs :/

xxpertHacker (854)

@RolandJLevy Expected self-advertising or something of the sort, but it's a 404.

xxpertHacker (854)

@RolandJLevy Yeah, I already found it.

Not sure how I feel about the ping to self-advertise though...

johnnyfrancis (20)

Oh, god do NOT STARE AT THEM.

RolandJLevy (1051)

@johnnyfrancis but they're so nice! 🥑🥑🥑

JWZ6 (184)

@RolandJLevy yes 🥑🥑🥑 avocados!

JWZ6 (184)

@RolandJLevy XD by the way, I saw ur website it nice! ;)

PLOOBOOBL (5)

is that how it feels to be drunk

LingWu1 (88)

It looks like green eggs and green feathers with a bid of pink from a chickin. @ch1ck3n

RayhanADev (1968)

Awww I don't see avocados ;-;
I blame Apple and Webkit :P

RolandJLevy (1051)

@RayhanADev what are you seeing! Screen grab?

RayhanADev (1968)

@RolandJLevy ah well I see... nothing :>?

RolandJLevy (1051)

@RayhanADev thanks for letting me know. What computer and browser are you using?

RayhanADev (1968)

@RolandJLevy um an ipad running ipados 1.14 and safari
that's probably the source of the problem xD

GhostKing007 (26)

@RayhanADev - Same happens for me. I'm on firefox, and for some reason half of the trending repls don't work on firefox...lol

RolandJLevy (1051)

@RayhanADev thanks for letting me know. I think I've fixed the problem. Can you try again and let me know if it works for you?

RolandJLevy (1051)

Thanks @GhostKing007, I think I've fixed the problem. Can you check again and let me know if it works for you now?

GhostKing007 (26)

@RolandJLevy - Works now, and it looks awesome!

Wilke000 (625)

Download chrome @GhostKing007, I am on a chromebook, soo.... all usually work for me, my software is ChromeOS so I am gooooooooooooood

xxpertHacker (854)

@GhostKing007 It not that most don't work on Firefox or Safari, is that they're exclusively designed and catered towards Blink/Chromium browsers, and Blink has a few peculiarities that devs have begun to expect as the norm.

RolandJLevy (1051)

@xxpertHacker thanks for your feedback. Doesn't it work on your device / browser? It works fine on my MacBook Pro on Chrome, Firefox and Safari...

GhostKing007 (26)

@Wilke000 - I have chrome, but I like Firefox more than chrome.

GhostKing007 (26)

@xxpertHacker - Ok, thanks for sharing :)

xxpertHacker (854)

@RolandJLevy Oh, no, it works fine for me, I'm using a Chromium-based browser ;)

That was a comment to whoever said that some Repls don't work on Firefox, and I myself have fallen into the trap of forgetting to double-check cross browser-compatability.

RolandJLevy (1051)

@xxpertHacker ah OK, I see. To be honest, I'm the same and often forget to test in non-Chrome browsers! :)

GhostKing007 (26)

@RolandJLevy - that's really cool, especially since you can adjust the speed and stuff! poggers!

RolandJLevy (1051)

@GhostKing007 thanks, yeah - making the slider controls update the colours and speed etc... was fun 😅

NischalGarg (2)

Didn't knew that's a thing a programmer can do.

RolandJLevy (1051)

@NischalGarg programmers can do pretty much anything! 😆

[deleted]

Dancing Avacados 👀

LaneMartin (69)

It's not that hypnotising as the wave pool simulator but still hyponotising.

RolandJLevy (1051)

@LaneMartin OK, thanks. If you like things that are hypnotising, have a look at this repl: https://replit.com/@RolandJLevy/js-pixel-randomiser

LaneMartin (69)

@RolandJLevy oooooohhh hypnotising...

LaneMartin (69)

What is Czechoslovakia - Slovakia? (countries joke WWII)

firefish (998)

Hm... those avocados are looking a bit blue... never mind they're not avocados they're painted easter eggs

RolandJLevy (1051)

@firefish good to hear from you! yes, I think you're right - they're painted easter eggs 😆

LuckyOreos (200)

Based on JackNorwood’s comment -

Dad : what are you doing
Me : I’m getting hypnotized by avocados which aren’t avocados

TheC0derGirl (215)

Q. do u people eat avocado pits?
i dont think u would pls dont they are poisonous if eaten in large amounts lol

RolandJLevy (1051)

@TheC0derGirl thanks for pointing it out, if anyone is concerned here is an article explaining the effects of eating avocado pits 👍

JackNorwood (4)

My mom: "What are you doing?"
Me: "I'm getting hypnotized by avocados..."

OldWizard209 (1093)

my laptop is soo slow that the avocados are not even trying......

RolandJLevy (1051)

@OldWizard209 have you tried the wireframe option?

OldWizard209 (1093)

it was meant to be a joke lol. @RolandJLevy
lockdown seems to be really having an effect huh?

jkjk relax
TheNethrRaven (81)

Wow! This is amazing! How long did it take you?

RolandJLevy (1051)

@TheNethrRaven thanks! I did this in my spare time, after work - a few hours in the evenings. Overall it probably took me about 6 - 8 hours. A lot of trial and error. It was a learning process. I could do it a lot faster now I understand it better

AtriDey (189)

Banned Californian mind control technique

MadMath123 (53)

Suggestion: Mini level builder so people can play their own levels :)(:

RolandJLevy (1051)

@MadMath123 OK, what would the game do? 🥑 🔪 😳

MadMath123 (53)

@RolandJLevy It's not for your amazing project. But, I think it looks realy cool!