Share your repls and programming experiences

← Back to all posts
🥑 Hypnotic avocados 🥑
RolandJLevy

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 🔗

Voters
LordPancake
xXToluwaXx
EdwardBentler
jeweledfox
HenryZelonka1
redsea7
chillcafe
LaneMartin
LandofStorie
rohithsam
Comments
hotnewtop
brokentoken

Yes, master. I will serve you 🧟.

@

RolandJLevy

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

tussiez
brokentoken

you... because you hypnotized me. @RolandJLevy

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

Brendan23

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

RolandJLevy

@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
brokentoken

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

RolandJLevy
RolandJLevy

@brokentoken hahaha! nice 🙌

RolandJLevy

thank you @brokentoken, but chosen for what?

brokentoken

You are the chosen avocado. @RolandJLevy

RolandJLevy

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

brokentoken

Yep. But you are one big orange @RolandJLevy

SudhanshuMishra

@brokentoken what on earth is this conversation XD

brokentoken

@SudhanshuMishra

Just about avacadoes

RolandJLevy

@brokentoken yes, 25 x 🥑

SudhanshuMishra

@brokentoken yes ....

RolandJLevy

oh @brokentoken... thank you! 👉 🍊

[deleted]

@brokentoken what are u guys talking about xD

brokentoken

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

RayhanADev

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

absolutely no clue (・・。)ゞ

brokentoken

That's what you grapes always say @RayhanADev

RolandJLevy
brokentoken

Coool Good [email protected]

RolandJLevy
RolandJLevy

@brokentoken thanks! :)

TriDucT

@brokentoken understandable

FlaminHotValdez

Those look more like green eggs than avocados.

RolandJLevy

@FlaminHotValdez I agree 🥚

RayhanADev

@FlaminHotValdez now we just need to find the ham xD

JWZ6
FlaminHotValdez

@RayhanADev gren egz and ham

RolandJLevy

@FlaminHotValdez stop...it's making me hungry!

JWZ6

@RolandJLevy Green eggs and ham with a mouse
Green eggs and ham on a house I think i forgot lol

RolandJLevy

@JWZ6 oh yum! 🥑

JWZ6

yes very @RolandJLevy

RolandJLevy
LaneMartin

@RayhanADev haha lol XD

Bookie0

Really cool! But why avocados? 🥑

RolandJLevy

@Bookie0 why not? They're nice 😉

Bookie0

@RolandJLevy true, avocados are pog lol :)

JWZ6

@Bookie0 @RolandJLevy AVOCADOS ARE DOPE

RolandJLevy

@JWZ6 #🥑

JWZ6
Bookie0
RolandJLevy
RolandJLevy
RolandJLevy
JWZ6
JWZ6

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

Bookie0
RolandJLevy

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

JWZ6
JWZ6

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

JWZ6

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

RolandJLevy

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

RolandJLevy

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

JWZ6
JWZ6

@RolandJLevy :) I'm not done yet

RolandJLevy

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

JWZ6

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

RolandJLevy

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

JWZ6
FlaminHotValdez

Those look more like green eggs than avocadoes.

[deleted]

pog

nice! :D

RolandJLevy

@TheC0derGirl #thanks! :)

elbury

@RolandJLevy # I will make you a sandwhich

RolandJLevy

@elbury as long as it doesn't have any avocados in it...thanks! 🥑🥑🥑

RolandJLevy

@TheC0derGirl 😁🥑😁🥑😁

[deleted]

@RolandJLevy 🥑 😄

RolandJLevy
RolandJLevy
[deleted]

woaaaa @RolandJLevy

RolandJLevy

@TheC0derGirl thanks! :)

xxpertHacker

As if Avocados weren't good enough already.

+1

RolandJLevy

@xxpertHacker haha, thanks

Baconman321

@xxpertHacker They're great in guacamole, too!

Healthy and delicious.

xxpertHacker

@Baconman321 Na, smashed avacado > guacamole.

Baconman321

@xxpertHacker With the skin?!

Aren't the pits poisonous?

But yeah, avocados are pretty tasty :)

xxpertHacker

@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

@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.

xxpertHacker

@Baconman321 Aww, darn.

Baconman321

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

RolandJLevy

@Baconman321 🥑 😳

Baconman321

@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

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

RolandJLevy

@xxpertHacker happy that you noticed that :)

RolandJLevy
xxpertHacker

@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

@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

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

RolandJLevy

@Baconman321 interesting...

Baconman321
xxpertHacker

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

xxpertHacker

@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

@Baconman321 interesting presentation, thanks for sharing 👍

RolandJLevy

@Baconman321 thanks for your suggestion 👍

Baconman321

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

Baconman321

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

RolandJLevy
RolandJLevy
xxpertHacker

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

RolandJLevy
xxpertHacker

@RolandJLevy Yeah, I already found it.

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

RolandJLevy

@xxpertHacker fair comment! 😂

IOP3

poggerss

RolandJLevy

Thanks @IcynHackz

IOP3
RolandJLevy
RolandJLevy
Coder100

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

egg

RolandJLevy

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

Coder100
johnnyfrancis

Oh, god do NOT STARE AT THEM.

RolandJLevy

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

JWZ6

@RolandJLevy yes 🥑🥑🥑 avocados!

RolandJLevy

@JWZ6 haha! 😂

JWZ6

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

RolandJLevy

@JWZ6 ah thanks! :)

JWZ6

@RolandJLevy no prob

PLOOBOOBL

is that how it feels to be drunk

RolandJLevy
LingWu1

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

RolandJLevy

@LingWu1 huh... green feathers? have you been hypnotized?

LingWu1

Yes indeed @RolandJLevy

LingWu1

Cool though! @RolandJLevy

RolandJLevy
RolandJLevy
LingWu1
SilvermoonCat

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

RolandJLevy

Thanks @SilvermoonCat ;)

SilvermoonCat

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

RolandJLevy

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

RolandJLevy
RayhanADev

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

RolandJLevy

@RayhanADev what are you seeing! Screen grab?

RayhanADev

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

RolandJLevy

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

RayhanADev

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

GhostKing007

@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

@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

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

GhostKing007

@RolandJLevy - Works now, and it looks awesome!

RolandJLevy

@GhostKing007 that's great, thanks! 😆

RayhanADev

@RolandJLevy :O amazing dude!

RolandJLevy

Thanks @RayhanADev! 😆

Wilke000

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

RolandJLevy

@RayhanADev thanks! :)

xxpertHacker

@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

@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

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

GhostKing007

@xxpertHacker - Ok, thanks for sharing :)

RolandJLevy
xxpertHacker

@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

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

GhostKing007

@RolandJLevy - Because 'reasons' lol

RolandJLevy
Wilke000
RolandJLevy
RolandJLevy
GhostKing007

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

RolandJLevy

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

TriDucT

one word to explain this...confusing

RolandJLevy

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

TriDucT

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

TriDucT

@RolandJLevy but thank you for trying to help

TriDucT

@RolandJLevy also i like ur work

RolandJLevy

@TriDucT OIC! 🤣

RolandJLevy

@TriDucT np 👍

RolandJLevy

@TriDucT thanks! 👊

TriDucT

@RolandJLevy u 2 man

NischalGarg

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

RolandJLevy

@NischalGarg programmers can do pretty much anything! 😆

[deleted]

Dancing Avacados 👀

RolandJLevy
LaneMartin

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

RolandJLevy

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

LaneMartin

@RolandJLevy oooooohhh hypnotising...

RolandJLevy
LaneMartin

What is Czechoslovakia - Slovakia? (countries joke WWII)

rohithsam

cool project

RolandJLevy

@rohithsam thanks a lot! :)

firefish

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

RolandJLevy

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

SarahSnelson

:0 whoa

RolandJLevy

@SarahSnelson thanks! :)

RolandJLevy
generationXcode

lovely

RolandJLevy

@generationXcode thanks! :)

RolandJLevy
RolandJLevy
Botmakerguy

The avocados are lagging out my computer

RolandJLevy

@Botmakerguy try the wireframe option 😲

RolandJLevy
LuckyOreos

Based on JackNorwood’s comment -

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

RolandJLevy
[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

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

DJWang

Avacados are yum yum. here's an upvote

RolandJLevy

@DJWang thank you my friend 🥑🥑🥑

RolandJLevy
RolandJLevy
JackNorwood

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

RolandJLevy

@JackNorwood here is the avocado helpline: 🥑8🥑🥑58🥑347🥑 good luck!!! 😄

RolandJLevy
JackNorwood

cool

RolandJLevy

@JackNorwood thanks :)

OldWizard209

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

RolandJLevy

@OldWizard209 have you tried the wireframe option?

OldWizard209

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

jkjk relax
RolandJLevy

@OldWizard209 ah, ok good one! 😉

nameless12321

E

RolandJLevy
RolandJLevy
nameless12321

@RolandJLevy it's AWESOME

RolandJLevy

@nameless12321 thanks! :)

TheNethrRaven

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

RolandJLevy

@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

RolandJLevy
TheNethrRaven

it doesnt work for me :( @RolandJLevy

RolandJLevy
RolandJLevy
BananaJellyfish

i feel like i'm having an epileptic fit

RolandJLevy

@BananaJellyfish oh... do you need some help? 🚑

BananaJellyfish

But the avacados... They dont want me to [email protected]Levy

RolandJLevy

@BananaJellyfish OK, then you better stay I think...

RolandJLevy
RolandJLevy