Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 8 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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

67,348 просмотров • 3 месяцев назад

As I was introducing Hussain Hoz Shafiei, a member of The Workers Party of Britain, he expressed an important idea that it's invigorating to the soul to be able to tell the truth as it is. I have worked on CNN, Fox and NBC and looking back, I can't believe the things that I used to say to people. The moment I tried to go outside their scope, to tell people the truth, they fired me. Watch FULL here:
1:30

As I was introducing Hussain Hoz Shafiei, a member of The Workers Party of Britain, he expressed an important idea that it's invigorating to the soul to be able to tell the truth as it is. I have worked on CNN, Fox and NBC and looking back, I can't believe the things that I used to say to people. The moment I tried to go outside their scope, to tell people the truth, they fired me. Watch FULL here:

Rick Sanchez

23,221 просмотров • 9 дней назад

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 просмотров • 5 месяцев назад

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 просмотров • 5 месяцев назад

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 просмотров • 3 лет назад

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 просмотров • 4 месяцев назад

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,931 просмотров • 3 лет назад

🐰 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 просмотров • 5 месяцев назад

🐰: 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 просмотров • 5 месяцев назад

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 просмотров • 5 месяцев назад

#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 просмотров • 5 месяцев назад

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,703 просмотров • 1 год назад

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 просмотров • 9 месяцев назад

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

67,464 просмотров • 1 месяц назад

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,117 просмотров • 7 месяцев назад

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)

30,000 просмотров • 3 месяцев назад

🐿️ I really wanted to rap a song like that with Felix. So, it was my first time performing a full hip-hop song as a unit on stage, and it felt really different. The audience's reaction was also really positive. Felix has such a naturally amazing voice, so I worked on the flow and Felix wrote the Chorus lyrics, which fit perfectly. He really brought the flow to life, and I thought that part was truly impressive.
0:34

🐿️ I really wanted to rap a song like that with Felix. So, it was my first time performing a full hip-hop song as a unit on stage, and it felt really different. The audience's reaction was also really positive. Felix has such a naturally amazing voice, so I worked on the flow and Felix wrote the Chorus lyrics, which fit perfectly. He really brought the flow to life, and I thought that part was truly impressive.

Felix 필릭스 Central

12,045 просмотров • 1 месяц назад

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

204,717 просмотров • 1 год назад

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,479 просмотров • 8 месяцев назад

This started as a flat 2D floor plan. and I'm sharing the exact AI method I used to turn it into a 3D tour inside freepik Spaces 🧵
0:44

This started as a flat 2D floor plan. and I'm sharing the exact AI method I used to turn it into a 3D tour inside freepik Spaces 🧵

TechHalla

1,138,356 просмотров • 6 месяцев назад