Personally I would probably not do it on mobile screens at all, as it makes a little less sense on them! It's mostly due to the inertia scroll of pages so it stops the natural feel of it when it jumps up... not much can be done about it without essentially faking the scroll! To get rid of it on mobile, I would do some code like if (window.innerWidth < 800) {} or only do it after a check the media for a pointer (e.g. mouse)
Cube for sure! thank you so much, SuperHi tutorials are the best!
Glad you think so! Cube is on its way!
A great tutorial, thank you! And of course: "Cube!" :)
@SuperHi I tried that and it did make it endless, but between each repeating section, there was an ugly space between them. How do you fix it?
CUBE! It looks amazing :)
It does! There's a few tricks in the site which are really clever too.
can you create tutorials on threee js or gsap library?
Yes! I have a three.js with animation tutorial coming verrrrryyyy soon
thanks! cube would be great!
cube :D tysm for making these
cube
cube!
cube cube cube cube cube!!!
Cube
🧊 cuuuuuube
cube🧊
CUBE
Cube Cubity cube
cUbE //
CcUuBbEe
Cube! ◻ A bit glitchy on mobile 🙃 Maybe a fix for this could be in another tutorial?
Personally I would probably not do it on mobile screens at all, as it makes a little less sense on them! It's mostly due to the inertia scroll of pages so it stops the natural feel of it when it jumps up... not much can be done about it without essentially faking the scroll!
To get rid of it on mobile, I would do some code like if (window.innerWidth < 800) {} or only do it after a check the media for a pointer (e.g. mouse)
cube!
Cube
CUBE
Cube
Cube
The cube is on its way!!!