Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

I wanted to visualize color spaces so badly that the first version of Hueplot worked simply on divs. I used CSS as a 3D engine, and no canvas or SVG was used Still can't believe it worked, what a dumb idea 😅

ardovalexey's profile picture

Alexey Ardov

1,435 subscribers

40,819 Aufrufe • vor 7 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

007/100 Buttons. This button was way more complex than I first thought. I love the page transition on the Truus site that Dennis Snellenberg and Jordan Gilroy worked on. So I wanted to use that drawing SVG Path idea somehow and fit it into a button. In best case with a mask effect. The idea was to have an SVG path in the background that fills the button. At the same time, this path should also be used as a mask to reveal the differently colored text. The SVG should also be replaceable and work with other SVGs. For the path animation, I can use the DrawSVGPlugin from GSAP. Sounds like a solid plan. I built the button so far, and it worked great in Chrome and Firefox. In Safari, nope. I used an SVG mask that I referenced through CSS. But Safari can’t handle that properly when the path inside the mask is animated, so the animation lags. There was no simple solution for that. At least I didn’t find something. So I had to rebuild the button in another way. What I found was that the SVG mask animation works in Safari when the mask is placed on the desired element inside the SVG. That’s where foreignObject comes in, it allows you to use normal HTML elements inside an SVG. Using that, I rebuilt the hover text inside the SVG. I then referenced the mask on the foreignObject with a bit of JavaScript. And it worked! The button’s structure looks more complicated than I wanted it to be, but that happens quite often when you need to make something work across different browsers 😃 Crafting 100 Buttons with Osmo ⏳ Total time: 96h
0:35

007/100 Buttons. This button was way more complex than I first thought. I love the page transition on the Truus site that Dennis Snellenberg and Jordan Gilroy worked on. So I wanted to use that drawing SVG Path idea somehow and fit it into a button. In best case with a mask effect. The idea was to have an SVG path in the background that fills the button. At the same time, this path should also be used as a mask to reveal the differently colored text. The SVG should also be replaceable and work with other SVGs. For the path animation, I can use the DrawSVGPlugin from GSAP. Sounds like a solid plan. I built the button so far, and it worked great in Chrome and Firefox. In Safari, nope. I used an SVG mask that I referenced through CSS. But Safari can’t handle that properly when the path inside the mask is animated, so the animation lags. There was no simple solution for that. At least I didn’t find something. So I had to rebuild the button in another way. What I found was that the SVG mask animation works in Safari when the mask is placed on the desired element inside the SVG. That’s where foreignObject comes in, it allows you to use normal HTML elements inside an SVG. Using that, I rebuilt the hover text inside the SVG. I then referenced the mask on the foreignObject with a bit of JavaScript. And it worked! The button’s structure looks more complicated than I wanted it to be, but that happens quite often when you need to make something work across different browsers 😃 Crafting 100 Buttons with Osmo ⏳ Total time: 96h

Eduard Bodak

66,853 Aufrufe • vor 1 Monat

I still can't believe the fact that Broly basically used Goku as a trampoline 😂
0:42

I still can't believe the fact that Broly basically used Goku as a trampoline 😂

Harley Anime✨

74,613 Aufrufe • vor 3 Monaten

jungkook on “hooligan” and working with “el guincho”! 🐰: i worked a lot with “el guincho” 🐿️: jungkook worked a lot on the song 'Hooligan' 🐰: right! i got to listen to a lot of tracks and I was really wowed by just how fresh and new it was. one of the first thoughts i had was 'wow, you can approach a song like this?' and i felt a lot of pressure about how to make the best use of it. so that must be why i wanted to stay close. so, anyway... it was a totally different vibe. a whole new vibe. i hope to work again and have another session with the producers and the songwriters that we worked with.
0:58

jungkook on “hooligan” and working with “el guincho”! 🐰: i worked a lot with “el guincho” 🐿️: jungkook worked a lot on the song 'Hooligan' 🐰: right! i got to listen to a lot of tracks and I was really wowed by just how fresh and new it was. one of the first thoughts i had was 'wow, you can approach a song like this?' and i felt a lot of pressure about how to make the best use of it. so that must be why i wanted to stay close. so, anyway... it was a totally different vibe. a whole new vibe. i hope to work again and have another session with the producers and the songwriters that we worked with.

ajk ⋆

95,476 Aufrufe • vor 3 Monaten

I used AI to predict the correct score of a football game and it actually WORKED 😂. Here's how I did it.
2:10

I used AI to predict the correct score of a football game and it actually WORKED 😂. Here's how I did it.

Design Chief Priest

143,285 Aufrufe • vor 2 Jahren

Praneeth Hanumanthu's version of I'm Still Alive: - I worked on the film #HaromHara for 15 days and promoted it for free. It was the worst experience of my life. - Karthikeya wanted to promote their movie, so they paid me and asked me to host a roast.
1:31

Praneeth Hanumanthu's version of I'm Still Alive: - I worked on the film #HaromHara for 15 days and promoted it for free. It was the worst experience of my life. - Karthikeya wanted to promote their movie, so they paid me and asked me to host a roast.

CineAura

117,422 Aufrufe • vor 2 Monaten

I still can't believe this worked😭
0:20

I still can't believe this worked😭

Ersin

66,177 Aufrufe • vor 2 Monaten

The original inflation version I wanted to do was based on the old "Double D Gum" skit from the 90s. It looked kinda weird and you'd have to have seen the original to understand it. So I added a bubble and used the other version as the main inflation version.
0:36

Sensitive content

The original inflation version I wanted to do was based on the old "Double D Gum" skit from the 90s. It looked kinda weird and you'd have to have seen the original to understand it. So I added a bubble and used the other version as the main inflation version.

Thiridian & Lindsey

23,690 Aufrufe • vor 3 Jahren

🐰 i worked a lot with El Guincho. I got to listen to a lot of tracks and i was really wowed by just how fresh and new this was. One of the first thoughts i had was ‘wow, you can approach a song like this?’ and i felt a lot of pressure about how to make the best use of it. so that must be why i wanted to stay close, it was a totally a different vibe, a whole new vibe. i hope to work again and have another session with the producers and songwriters that we worked with
0:52

🐰 i worked a lot with El Guincho. I got to listen to a lot of tracks and i was really wowed by just how fresh and new this was. One of the first thoughts i had was ‘wow, you can approach a song like this?’ and i felt a lot of pressure about how to make the best use of it. so that must be why i wanted to stay close, it was a totally a different vibe, a whole new vibe. i hope to work again and have another session with the producers and songwriters that we worked with

jk.97

26,798 Aufrufe • vor 3 Monaten

🐰: i worked a lot with el guincho. i got to listen to a lot of tracks and i was really wowed by just how fresh and new it was. one of the first thoughts i had was 'wow, you can approach a song like this?' and i felt a lot of pressure about how to make the best use of it. so that must be why i wanted to stay close. so anyway… it was a totally different vibe. a whole new vibe. i hope to work again and have another session with the producers and the songwriters that we worked with.
0:52

🐰: i worked a lot with el guincho. i got to listen to a lot of tracks and i was really wowed by just how fresh and new it was. one of the first thoughts i had was 'wow, you can approach a song like this?' and i felt a lot of pressure about how to make the best use of it. so that must be why i wanted to stay close. so anyway… it was a totally different vibe. a whole new vibe. i hope to work again and have another session with the producers and the songwriters that we worked with.

jungkook admirer

32,393 Aufrufe • vor 3 Monaten

DramaAlert I bought a $200 version off Instagram and was shocked that it worked the way it said.
0:36

DramaAlert I bought a $200 version off Instagram and was shocked that it worked the way it said.

Mike

30,261 Aufrufe • vor 4 Monaten

#KenKarunaas Recent - I worked as an Assistant Director in #Thiruchitrambalam, #Vaathi, and #Raayan. - When I entered the shooting spot, since we were a new team, it felt like what we used to shoot on a phone was now being shot with a camera.
1:21

#KenKarunaas Recent - I worked as an Assistant Director in #Thiruchitrambalam, #Vaathi, and #Raayan. - When I entered the shooting spot, since we were a new team, it felt like what we used to shoot on a phone was now being shot with a camera.

Movie Tamil

19,278 Aufrufe • vor 4 Monaten

For my 3d simulation I needed to implement new rendering. To replace "sphere par particle" with marching cubes. I never implemented that kind of stuff, so I decided to first try a simplified 2d version, the marching squares. It worked, very fast rendering now.
0:23

For my 3d simulation I needed to implement new rendering. To replace "sphere par particle" with marching cubes. I never implemented that kind of stuff, so I decided to first try a simplified 2d version, the marching squares. It worked, very fast rendering now.

Zolden

90,699 Aufrufe • vor 1 Jahr

I worked on Sable! And want to share this fancy video of some of the models I worked on from engine, to in game ❤️
0:45

I worked on Sable! And want to share this fancy video of some of the models I worked on from engine, to in game ❤️

Shanaz Byrne

58,651 Aufrufe • vor 2 Jahren

So sad that i got spoiled on the one Futaro confess,but still what a beautiful moment,even if she doesnt believe it i wanted her or Itsuki to win
2:05

So sad that i got spoiled on the one Futaro confess,but still what a beautiful moment,even if she doesnt believe it i wanted her or Itsuki to win

Kaneki

18,626 Aufrufe • vor 8 Monaten

HyperSolar - Dreamcast Version So I woke up the other day and thought: What if I download New York City data from the internet and put it into my game? 😁 Crazy idea, no? Well, guess what? It worked! So, ladies and gentlemen, without further ado, here’s a flyover of Manhattan!
2:48

HyperSolar - Dreamcast Version So I woke up the other day and thought: What if I download New York City data from the internet and put it into my game? 😁 Crazy idea, no? Well, guess what? It worked! So, ladies and gentlemen, without further ado, here’s a flyover of Manhattan!

🇵🇹 Ninja Dynamics

66,342 Aufrufe • vor 5 Tagen

Lean NOT on your own understanding. 🔥✍️ I made $68,000 today. What a blessing. I used to make that in a year as a teacher. I thank a God everyday. I believe those that are willing to work and believe will do the same as me or better. 🙌
0:32

Lean NOT on your own understanding. 🔥✍️ I made $68,000 today. What a blessing. I used to make that in a year as a teacher. I thank a God everyday. I believe those that are willing to work and believe will do the same as me or better. 🙌

Kenan Grace. Build Wealth

56,107 Aufrufe • vor 5 Monaten

Firstly, my work isn’t AI GENERATED PROMPT. The reason why I privated my account was because I was busy yesterday and couldn’t explain things. Fonts that I used: • For the “HAMKU” I used PECKHAM PRESS, I rasterized the letters a bit to achieve a close font from the official account. • For the texts I used CHANTAL medium in lower case. • For my username I used CHALKDUSTER. Brushes that I used: • Studio Pen • HB Pencil (for sketching) • Shale Brush For the colors I won’t list it, kindly check the third photo to see the palettes. I have to admit that I get lazy to use it and even lost in the palettes, so I mainly use the eyedropper tool. Here is the original version, as you can see my original version is so low quality, the lines are too pixelated and not clean—that is why I chose to post the ai enhanced version. Since I used ai to enhanced the lines of my original work, it definitely generated a new version which I still decided to post as the lines are cleaner. I really don’t know the way around on procreate. If you have suggestions on how to avoid the pixelated lines on procreate, kindly please tell me. This is my first time using it for line art cause I mostly use it for painting. I actually don’t know how many layers I exactly have as I already deleted some layers during the process. I didn’t expect I had to provide it. I spent hours on making it from ideas down to the final product. I really wanted it to be similar to the official design. This is my first and last explanation regarding this because if you are still not convinced that I made it, I don’t know what else to say.
0:34

Firstly, my work isn’t AI GENERATED PROMPT. The reason why I privated my account was because I was busy yesterday and couldn’t explain things. Fonts that I used: • For the “HAMKU” I used PECKHAM PRESS, I rasterized the letters a bit to achieve a close font from the official account. • For the texts I used CHANTAL medium in lower case. • For my username I used CHALKDUSTER. Brushes that I used: • Studio Pen • HB Pencil (for sketching) • Shale Brush For the colors I won’t list it, kindly check the third photo to see the palettes. I have to admit that I get lazy to use it and even lost in the palettes, so I mainly use the eyedropper tool. Here is the original version, as you can see my original version is so low quality, the lines are too pixelated and not clean—that is why I chose to post the ai enhanced version. Since I used ai to enhanced the lines of my original work, it definitely generated a new version which I still decided to post as the lines are cleaner. I really don’t know the way around on procreate. If you have suggestions on how to avoid the pixelated lines on procreate, kindly please tell me. This is my first time using it for line art cause I mostly use it for painting. I actually don’t know how many layers I exactly have as I already deleted some layers during the process. I didn’t expect I had to provide it. I spent hours on making it from ideas down to the final product. I really wanted it to be similar to the official design. This is my first and last explanation regarding this because if you are still not convinced that I made it, I don’t know what else to say.

Wyn 🐧; EN⁷- (💤/busy = priv)

29,764 Aufrufe • vor 1 Monat

I can't believe this used to be my favorite show when I was a youngster! So embarrassing 😂
0:20

I can't believe this used to be my favorite show when I was a youngster! So embarrassing 😂

Vince Langman

170,802 Aufrufe • vor 27 Tagen

IT HAS BEEN DONE! WORLD'S FIRST SOLO RICHTOFEN BOSS FIGHT WITH NO PERKS! WHAT A CHALLENGE! I can't believe I did it! Smokes finally worked with me! The full boss fight will be uploaded on Youtube soon! OMG!
1:53

IT HAS BEEN DONE! WORLD'S FIRST SOLO RICHTOFEN BOSS FIGHT WITH NO PERKS! WHAT A CHALLENGE! I can't believe I did it! Smokes finally worked with me! The full boss fight will be uploaded on Youtube soon! OMG!

ItzPerka

195,557 Aufrufe • vor 10 Monaten

I can't believe that Land of the Lost used to be my favorite TV show when I was a kid, the graphics where hilarious! 😂
0:32

I can't believe that Land of the Lost used to be my favorite TV show when I was a kid, the graphics where hilarious! 😂

Vince Langman

116,452 Aufrufe • vor 6 Monaten