Share your repls and programming experiences

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

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 (59)

Yes, master. I will serve you 🧟.

@

RolandJLevy (1092)

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

brokentoken (59)

you... because you hypnotized me. @RolandJLevy

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

Brendan23 (166)

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

RolandJLevy (1092)

@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 (59)

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

RolandJLevy (1092)

thank you @brokentoken, but chosen for what?

brokentoken (59)

You are the chosen avocado. @RolandJLevy

RolandJLevy (1092)

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

brokentoken (59)

Yep. But you are one big orange @RolandJLevy

SudhanshuMishra (252)

@brokentoken what on earth is this conversation XD

[deleted]

@brokentoken what are u guys talking about xD

brokentoken (59)

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

RayhanADev (2595)

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

absolutely no clue (・・。)ゞ

brokentoken (59)

That's what you grapes always say @RayhanADev

Bookie0 (6358)

Really cool! But why avocados? 🥑

RolandJLevy (1092)

@Bookie0 why not? They're nice 😉

Bookie0 (6358)

@RolandJLevy true, avocados are pog lol :)

JWZ6 (711)

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

RolandJLevy (1092)

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

JWZ6 (711)

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

JWZ6 (711)

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

RolandJLevy (1092)

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

RolandJLevy (1092)

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

RolandJLevy (1092)

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

JWZ6 (711)

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

RolandJLevy (1092)

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

FlaminHotValdez (712)

Those look more like green eggs than avocadoes.

xxpertHacker (931)

As if Avocados weren't good enough already.

+1

Baconman321 (1103)

@xxpertHacker They're great in guacamole, too!

Healthy and delicious.

xxpertHacker (931)

@Baconman321 Na, smashed avacado > guacamole.

Baconman321 (1103)

@xxpertHacker With the skin?!

Aren't the pits poisonous?

But yeah, avocados are pretty tasty :)

xxpertHacker (931)

@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 (1103)

@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 (1103)

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

Baconman321 (1103)

@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 (931)

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

RolandJLevy (1092)

@xxpertHacker happy that you noticed that :)

xxpertHacker (931)

@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 (1103)

@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 (1092)

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

xxpertHacker (931)

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

xxpertHacker (931)

@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 (1092)

@Baconman321 interesting presentation, thanks for sharing 👍

RolandJLevy (1092)

@Baconman321 thanks for your suggestion 👍

Baconman321 (1103)

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

Baconman321 (1103)

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

xxpertHacker (931)

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

xxpertHacker (931)

@RolandJLevy Yeah, I already found it.

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

Coder100 (18873)

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

egg

RolandJLevy (1092)

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

johnnyfrancis (24)

Oh, god do NOT STARE AT THEM.

RolandJLevy (1092)

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

JWZ6 (711)

@RolandJLevy yes 🥑🥑🥑 avocados!

JWZ6 (711)

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

PLOOBOOBL (5)

is that how it feels to be drunk

SilvermoonCat (458)

Nice! Reminds me of something...that I can’t remember heh qwq anyway good job, this is satsifying

SilvermoonCat (458)

@RolandJLevy np! the wire frame thing is also cool because I can see how you animated it :0

RolandJLevy (1092)

@SilvermoonCat thanks! That's exactly why I added the wireframe option. Glad you like it :)

RayhanADev (2595)

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

RolandJLevy (1092)

@RayhanADev what are you seeing! Screen grab?

RayhanADev (2595)

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

RolandJLevy (1092)

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

RayhanADev (2595)

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

GhostKing007 (142)

@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 (1092)

@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 (1092)

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

GhostKing007 (142)

@RolandJLevy - Works now, and it looks awesome!

Wilke000 (636)

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

xxpertHacker (931)

@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 (1092)

@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 (142)

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

xxpertHacker (931)

@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 (1092)

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

GhostKing007 (142)

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

RolandJLevy (1092)

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

TriDucT (12)

one word to explain this...confusing

RolandJLevy (1092)

@TriDucT which part is confusing? I can explain the code if you want

TriDucT (12)

@RolandJLevy no i just get confused by lookin at the avocados

TriDucT (12)

@RolandJLevy but thank you for trying to help

NischalGarg (3)

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

RolandJLevy (1092)

@NischalGarg programmers can do pretty much anything! 😆

[deleted]

Dancing Avacados 👀

LaneMartin (108)

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

RolandJLevy (1092)

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

LaneMartin (108)

What is Czechoslovakia - Slovakia? (countries joke WWII)

firefish (953)

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

RolandJLevy (1092)

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

LuckyOreos (203)

Based on JackNorwood’s comment -

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

[deleted]

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

RolandJLevy (1092)

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

JackNorwood (6)

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

OldWizard209 (1608)

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

RolandJLevy (1092)

@OldWizard209 have you tried the wireframe option?

OldWizard209 (1608)

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

jkjk relax
TheNethrRaven (86)

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

RolandJLevy (1092)

@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