正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

I've made some fun experiments with animated 3D text rendered in HTML! CodePen.IO. I plan to turn this into a handy little library to help make these kind of effects easier. These are animated with GSAP.

Steve Gardner

5,023 subscribers

44,893 次观看 • 3 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 条评论

Julián Ramírez 的头像

Julián Ramírez3 年前

@CodePen @greensock Wow 🤯

Moescape AI 的头像

Moescape AI1 年前

Sign up & create wholesome anime art on Moescape AI now!

David Aerne 的头像

David Aerne3 年前

@CodePen @greensock so satisfying! very nice easings

Anderson Mancini 的头像

Anderson Mancini3 年前

@CodePen @greensock So amazing. I still remember that everything that I know about gsap scrollTrigger came from your tutorial. You are a great teacher Steve!!! Thanks for sharing it. It is mesmerizing😲

Asyraf Hussin 的头像

Asyraf Hussin3 年前

Nice!

Harmeet Singh 的头像

Harmeet Singh3 年前

@CodePen @greensock Nice work! @SaveToNotion #thread #3Dtext

Jon Kantner 的头像

Jon Kantner3 年前

@CodePen @greensock Some of these are making me hungry! Very fluid effects though.

Ritika Agrawal 的头像

Ritika Agrawal3 年前

@CodePen @greensock All of them are so good!😍

Camilo Micheletto 的头像

Camilo Micheletto3 年前

@CodePen @greensock This reminds me of WordArt!

daveplayground 的头像

daveplayground3 年前

@CodePen @greensock Awesome !! In this codepen the icon-link to your twitter account is broken.

fixes 的头像

fixes3 年前

@CodePen @greensock It's great man!

相关视频

Here's some animated backgrounds I've made! If you're into these sort of vibe and style, consider commissioning. Cheers ✦⁺

Here's some animated backgrounds I've made! If you're into these sort of vibe and style, consider commissioning. Cheers ✦⁺

altwork ノラガ ⁙

13,073 次观看 • 1 年前

Another traditionally animated commercial I did around 2002. In this one we had a lot of dynamic shots involving 3D rendered coaster elements. I had to animate using photostats to match the 2D to the 3D. A process that would've been a lot easier with today's tech.

Another traditionally animated commercial I did around 2002. In this one we had a lot of dynamic shots involving 3D rendered coaster elements. I had to animate using photostats to match the 2D to the 3D. A process that would've been a lot easier with today's tech.

𝕋𝕙𝕖 𝔽𝕠𝕣𝕘𝕖 ☠

241,999 次观看 • 1 年前

These are some of the more basic effects you can make, I think, but these are outline & glow effects made with the Jump Flood SDF buffer - link to the repo below! 👇 #threejs #webgl #gamedev

These are some of the more basic effects you can make, I think, but these are outline & glow effects made with the Jump Flood SDF buffer - link to the repo below! 👇 #threejs #webgl #gamedev

Garrett Johnson

88,759 次观看 • 7 个月前

I've made a game in CodePen.IO! Cast spells and fight demons! Made with Three.js GSAP and Stately.ai Can you save the crystal?

I've made a game in CodePen.IO! Cast spells and fight demons! Made with Three.js GSAP and Stately.ai Can you save the crystal?

Steve Gardner

76,676 次观看 • 2 年前

Little tribute to some "All Saints Street" eyecatches. I love how these small animations are used in the story of this cool chinese animated series (available on Crunchyroll), by the same team who made "Legend of Hei".

Little tribute to some "All Saints Street" eyecatches. I love how these small animations are used in the story of this cool chinese animated series (available on Crunchyroll), by the same team who made "Legend of Hei".

Catsuka

153,746 次观看 • 3 年前

If you want to make these animated code snippet videos. Runs is the browser, made with Shiki + Remotion + Mediabunny

If you want to make these animated code snippet videos. Runs is the browser, made with Shiki + Remotion + Mediabunny

Fayaz Ahmed

32,064 次观看 • 21 天前

Here are my favorite shots I animated for ZAM/ CUBICAL's #TheAmazingDigitalCircus music video! Had a lot of fun with these shots! 😄

Here are my favorite shots I animated for ZAM/ CUBICAL's #TheAmazingDigitalCircus music video! Had a lot of fun with these shots! 😄

Zach P.

44,264 次观看 • 2 年前

I'VE MADE IT TO STAKES AGAHAHASHSHSH (Also it's a little wild they never redid the main intro because the intros for these miniseries are way better animated than it in comparison)

I'VE MADE IT TO STAKES AGAHAHASHSHSH (Also it's a little wild they never redid the main intro because the intros for these miniseries are way better animated than it in comparison)

Tavrium

88,030 次观看 • 4 个月前

Illager Raid！ Um, these are some animated memes some fun things…LOL #minecraft

Illager Raid！ Um, these are some animated memes some fun things…LOL #minecraft

⚔Cross⚔

11,441 次观看 • 2 年前

I've been quite obsessed with beautiful animations in sites and these are some cool ways to make your portfolio engaging and fun!

I've been quite obsessed with beautiful animations in sites and these are some cool ways to make your portfolio engaging and fun!

DrFonts©

22,011 次观看 • 9 个月前

Our Starting soon and ending screens art is all made by the very talented hen-tie 🌸 and Animated by Iron Vertex ⚒ I couldn't be happier with how these came out, also for the people who asked these will be made into animated wall papers for you guys to use without the starting/ending text

Our Starting soon and ending screens art is all made by the very talented hen-tie 🌸 and Animated by Iron Vertex ⚒ I couldn't be happier with how these came out, also for the people who asked these will be made into animated wall papers for you guys to use without the starting/ending text

NMSS Albralelie

38,116 次观看 • 1 年前

I've recreated a chunk of Little Barrier Island (a small island in New Zealand) in Unreal for my animated series. Thought it would be fun to do a comparison with reference I used.

I've recreated a chunk of Little Barrier Island (a small island in New Zealand) in Unreal for my animated series. Thought it would be fun to do a comparison with reference I used.

Peter Monga

140,165 次观看 • 1 年前

Some fun experiments with FLIP divergence in SideFX #Houdini , rendered with Karma XPU.

Some fun experiments with FLIP divergence in SideFX #Houdini , rendered with Karma XPU.

christopher rutledge

47,293 次观看 • 3 年前

Made With Gsap Enhance your GSAP skills with a range of smooth and well-crafted effects. →

Made With Gsap Enhance your GSAP skills with a range of smooth and well-crafted effects. →

Curated

17,497 次观看 • 1 年前

Exploring TimelineView and Canvas to create some fun animated effects for a Music Player app. Next challenge — figuring out the best way to render the Library page ✨ #swiftUI

Exploring TimelineView and Canvas to create some fun animated effects for a Music Player app. Next challenge — figuring out the best way to render the Library page ✨ #swiftUI

Shubham Singh

15,802 次观看 • 1 年前

These are magical little experiments that make kids fall in love with science 😍 ✨️ 👇

These are magical little experiments that make kids fall in love with science 😍 ✨️ 👇

Wellness wins

1,724,696 次观看 • 7 个月前

the wwy billie is ruining her era with these visuals like… the colors? i imagined Birds of a Feather to play in a field with flowers, animated birds,… what is this—

the wwy billie is ruining her era with these visuals like… the colors? i imagined Birds of a Feather to play in a field with flowers, animated birds,… what is this—

momo 📮

31,321,601 次观看 • 1 年前

2D animated effects are fun to implement in Live2D, i personally like animating on 2s Gunna add sparkly and wiggles after i smooth the frames jittering with deforming #Live2DWIP

2D animated effects are fun to implement in Live2D, i personally like animating on 2s Gunna add sparkly and wiggles after i smooth the frames jittering with deforming #Live2DWIP

✨𝒮𝓅𝒶𝓉𝓈💖VArtist

22,345 次观看 • 8 个月前

A lot of people struggle with presentation so I made this mockup tool for live html Works with any image, animated background and overlay. Just place your live site.

A lot of people struggle with presentation so I made this mockup tool for live html Works with any image, animated background and overlay. Just place your live site.

Meng To

33,569 次观看 • 7 个月前