Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

drei/view got a massive update. mix webgl/three right into your html as views, as many as you want. they're self contained. events, controls, everything works. it's driven by a single canvas split into chunks via webgl_skissor. the demo is made with Next.js shadcn v0

0xca0a's profile picture

☄︎

55,950 subscribers

70,510 görüntüleme • 2 yıl önce •via X (Twitter)

Bilim & TeknolojiOyunEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Introducing the new react-three-next: Integrate seamlessly 3D into your Next.js website. New features include 3D portal divs, synchronized DOM/3D views and events, and a complete refactor for app-directory. Repo: Demo: A thread:
0:16

Introducing the new react-three-next: Integrate seamlessly 3D into your Next.js website. New features include 3D portal divs, synchronized DOM/3D views and events, and a complete refactor for app-directory. Repo: Demo: A thread:

Renaud

67,157 görüntüleme • 3 yıl önce

You can now make your own shadcn/ui and use it in v0. Create it on open it in v0, and use it as the foundation for your app.
0:15

You can now make your own shadcn/ui and use it in v0. Create it on open it in v0, and use it as the foundation for your app.

v0

56,019 görüntüleme • 6 ay önce

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?
0:10

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

Gábor Pribék

175,634 görüntüleme • 2 ay önce

Bake your #threejs shaders into textures! I am releasing three-shader-baker, try it out today! Works with both Vanilla and #r3f Demo: GitHub: #creativecoding #webgl
0:19

Bake your #threejs shaders into textures! I am releasing three-shader-baker, try it out today! Works with both Vanilla and #r3f Demo: GitHub: #creativecoding #webgl

Faraz

27,229 görüntüleme • 1 yıl önce

I made an HTML/DOM viewer you can paste into your console to view or debug any website in 3D. Choose from random/gradient/clear colors or whether layers have sides. You can save it as a bookmarklet so it's 1 click away. It's just a tiny IIFE JS function.
0:18

I made an HTML/DOM viewer you can paste into your console to view or debug any website in 3D. Choose from random/gradient/clear colors or whether layers have sides. You can save it as a bookmarklet so it's 1 click away. It's just a tiny IIFE JS function.

Orion Reed

863,758 görüntüleme • 2 yıl önce

How I use v0 for UI development ⬇️ Exploration: I rely on v0 a lot for exploration. If you have an idea you want to visualize, type in your prompt & let v0 transforms it into components. For the 1st generation, I always want v0 to be creative. I use the Quality ✨ toggle.
0:15

How I use v0 for UI development ⬇️ Exploration: I rely on v0 a lot for exploration. If you have an idea you want to visualize, type in your prompt & let v0 transforms it into components. For the 1st generation, I always want v0 to be creative. I use the Quality ✨ toggle.

shadcn

139,097 görüntüleme • 2 yıl önce

You can now view Knowledge Base retrieval chunks directly in the Test LLM feature🌐 Get full visibility into how your Knowledge Base is being used. Instantly verify whether queries retrieve the right information — and fine-tune as needed.
0:11

You can now view Knowledge Base retrieval chunks directly in the Test LLM feature🌐 Get full visibility into how your Knowledge Base is being used. Instantly verify whether queries retrieve the right information — and fine-tune as needed.

Sayly AI

60,480 görüntüleme • 4 ay önce

I have released my first custom shadcn component as open source. 🎉 You can directly download it to your Next.js project using shadcn cli. ✨
0:16

I have released my first custom shadcn component as open source. 🎉 You can directly download it to your Next.js project using shadcn cli. ✨

Aykut

78,803 görüntüleme • 1 yıl önce

My favorite feature of the Next.js conf site: The 3D badge refracts light from the HTML page. We'll release a case study soon with each little trick, so follow basement.studio if you don't want to miss it! (Of course, made with Three.js and drei)
0:12

My favorite feature of the Next.js conf site: The 3D badge refracts light from the HTML page. We'll release a case study soon with each little trick, so follow basement.studio if you don't want to miss it! (Of course, made with Three.js and drei)

Matias 🧉

51,570 görüntüleme • 1 yıl önce

At least 2 dead as a car is driven into the public in Leipzig, Germany.
0:04

At least 2 dead as a car is driven into the public in Leipzig, Germany.

Tommy Robinson 🇬🇧

64,670 görüntüleme • 1 ay önce

tested my claude code skills. inspired by frank. - upload as many transaction files as you want - visualize all your spending in a sankey diagram - get a list of top merchants - get a list of your monthly subscriptions - drill down into each category
0:10

tested my claude code skills. inspired by frank. - upload as many transaction files as you want - visualize all your spending in a sankey diagram - get a list of top merchants - get a list of your monthly subscriptions - drill down into each category

Rani

21,783 görüntüleme • 5 ay önce

PRODUCT UPDATE: CLAIM AS USDC You can now claim rewards as USDC, or you can claim as USDC and deposit into Suilend in a single transaction! Each reward will be claimed as a separate transaction. Try it now!
0:14

PRODUCT UPDATE: CLAIM AS USDC You can now claim rewards as USDC, or you can claim as USDC and deposit into Suilend in a single transaction! Each reward will be claimed as a separate transaction. Try it now!

Suilend

25,707 görüntüleme • 1 yıl önce

v0 is coming to take your job... to the next level A new v0 is dropping soon. Sign up for the waitlist and reply below with a screenshot as proof for early access.
0:15

v0 is coming to take your job... to the next level A new v0 is dropping soon. Sign up for the waitlist and reply below with a screenshot as proof for early access.

v0

162,311 görüntüleme • 7 ay önce

New Update: draggable timeline shadcn chart for zooming into time-stamped logs. → Inspired by Shelwin's chart-zoom-demo.
0:10

New Update: draggable timeline shadcn chart for zooming into time-stamped logs. → Inspired by Shelwin's chart-zoom-demo.

Maximilian Kaske 🏓

107,261 görüntüleme • 1 yıl önce

🇺🇸🇫🇷CANDACE OWENS: I VIEW PRESIDENT MACRON AS A VICTIM "I'd love to speak to him - I view him as a victim. You are a child and your drama teacher, whatever, is macking on you, and you're 14 years old. When you get into his backstory, it's very weird as well - a lot of holes." Source: Tucker Carlson, Candace Owens
0:19

🇺🇸🇫🇷CANDACE OWENS: I VIEW PRESIDENT MACRON AS A VICTIM "I'd love to speak to him - I view him as a victim. You are a child and your drama teacher, whatever, is macking on you, and you're 14 years old. When you get into his backstory, it's very weird as well - a lot of holes." Source: Tucker Carlson, Candace Owens

Mario Nawfal

39,973 görüntüleme • 10 ay önce

Excited to share my latest project glimm is a React and Next.js library for delightful shader-driven page transitions. It animates a WebGL band across the screen during route changes or any state change if selected. The new view appears underneath as the band moves. It is GPU-accelerated, under 10 KB, and remains idle until triggered.
0:18

Excited to share my latest project glimm is a React and Next.js library for delightful shader-driven page transitions. It animates a WebGL band across the screen during route changes or any state change if selected. The new view appears underneath as the band moves. It is GPU-accelerated, under 10 KB, and remains idle until triggered.

Noman

26,710 görüntüleme • 1 ay önce

It's your right as an American to deep fry a frozen turkey if you want to, but please use the proper equipment as demonstrated in this video by the Reno Fire Department.
0:18

It's your right as an American to deep fry a frozen turkey if you want to, but please use the proper equipment as demonstrated in this video by the Reno Fire Department.

Las Vegas Locally 🌴

118,431 görüntüleme • 1 yıl önce

Built a v0 that implements precise collision detection with momentum for more accurate prefetching in Next.js v0 flawlessly bootstrapped the demo sections, intersection logic, debug panel…
0:15

Built a v0 that implements precise collision detection with momentum for more accurate prefetching in Next.js v0 flawlessly bootstrapped the demo sections, intersection logic, debug panel…

Guillermo Rauch

66,856 görüntüleme • 1 yıl önce

"Owner of a Lonely Heart" 1983 began as a demo before being transformed into a bold new 1980s sound. The bigger backstory is that the band was reinventing themselves. Can you name the band as soon as you hear this clip?
0:17

"Owner of a Lonely Heart" 1983 began as a demo before being transformed into a bold new 1980s sound. The bigger backstory is that the band was reinventing themselves. Can you name the band as soon as you hear this clip?

🇺🇸Hot Pepper

48,118 görüntüleme • 3 ay önce

In Next.js, everything that gets IMPORTED into a file with "use client" gets into a client bundle
0:15

In Next.js, everything that gets IMPORTED into a file with "use client" gets into a client bundle

Alex Sidorenko

128,317 görüntüleme • 1 yıl önce