Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

What if any website could be turned into a canvas with a single click? Rebuilt my website ( last night and added DOM<->Canvas translation allowing you to "break out" into a multiplayer tldraw canvas at any point. The Regular web, zero magic. 1/n

Orion Reed

3,921 subscribers

42,494 Aufrufe • vor 2 Jahren •via X (Twitter)

Wissenschaft & Technologie Bildung

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

TIL you can turn any website into an editable canvas with just a simple command in the console: document.designMode = 'on'

TIL you can turn any website into an editable canvas with just a simple command in the console: document.designMode = 'on'

Steven Tey

289,143 Aufrufe • vor 2 Jahren

a brainstorming canvas that changes the linear process of concepting into a fun exploratory manuscript with bridges of reasoning between nodes ... any topic, one single canvas, infinite exploration to dive into rabbit holes. that was the idea behind gridscape.

a brainstorming canvas that changes the linear process of concepting into a fun exploratory manuscript with bridges of reasoning between nodes ... any topic, one single canvas, infinite exploration to dive into rabbit holes. that was the idea behind gridscape.

Vamsi Batchu

13,544 Aufrufe • vor 6 Monaten

6. A pen with three cameras at the tip that turns any surface of the world into a canvas with notes synced and recorded to your phone

6. A pen with three cameras at the tip that turns any surface of the world into a canvas with notes synced and recorded to your phone

Rowan Cheung

569,510 Aufrufe • vor 1 Jahr

We just added over 700 shader presets into Wonder! You can now attach any SVGs, images and work with really unique shaders all inside of a canvas. We’re very excited to partner with shaders for this launch 🚀 Try it now at

We just added over 700 shader presets into Wonder! You can now attach any SVGs, images and work with really unique shaders all inside of a canvas. We’re very excited to partner with shaders for this launch 🚀 Try it now at

Wonder

39,079 Aufrufe • vor 3 Monaten

built a halftone dot effect that samples any image into ~4,000 animated dots on a single canvas. they implode and explode in a radial wave when you switch. no libraries, just rAF + math 😎

built a halftone dot effect that samples any image into ~4,000 animated dots on a single canvas. they implode and explode in a radial wave when you switch. no libraries, just rAF + math 😎

Harsh

214,229 Aufrufe • vor 4 Monaten

The night sky over southwest China's Chongqing turned into a giant canvas as hundreds of drones created stunning images of rockets, astronauts, flowers, and more, adding a futuristic sparkle to the city's vibrant nightlife.

The night sky over southwest China's Chongqing turned into a giant canvas as hundreds of drones created stunning images of rockets, astronauts, flowers, and more, adding a futuristic sparkle to the city's vibrant nightlife.

People's Daily, China

41,384 Aufrufe • vor 3 Monaten

What if your spreadsheet wasn’t just a grid, but an interactive mini-app? In the latest AI Boost Bite, Derek Snyder, Director of Product Marketing for Google Workspace, shares how Sheets canvas turns static data into Kanban boards, dashboards, and visual workflows with just a simple prompt. Learn how to get started with Sheets canvas →

What if your spreadsheet wasn’t just a grid, but an interactive mini-app? In the latest AI Boost Bite, Derek Snyder, Director of Product Marketing for Google Workspace, shares how Sheets canvas turns static data into Kanban boards, dashboards, and visual workflows with just a simple prompt. Learn how to get started with Sheets canvas →

Google Workspace

23,831 Aufrufe • vor 6 Tagen

Showing my work last night at beeple’s grand opening was a completely mind-blowing, life-changing experience. I feel so honored to be one of the artists working with this new INSANE canvas!! The future is going to be incredible! 🙏❤️‍🔥

Showing my work last night at beeple’s grand opening was a completely mind-blowing, life-changing experience. I feel so honored to be one of the artists working with this new INSANE canvas!! The future is going to be incredible! 🙏❤️‍🔥

David Ariew

23,934 Aufrufe • vor 3 Jahren

i think i just find a revolutionary AI agent canvas it can generate 3D interactive website to showcase any product, rotate, zoom and even 3D animation.. no code needed, just simple texts I spent a week figured it out, now you can do it in half hour step by step tutorial:

i think i just find a revolutionary AI agent canvas it can generate 3D interactive website to showcase any product, rotate, zoom and even 3D animation.. no code needed, just simple texts I spent a week figured it out, now you can do it in half hour step by step tutorial:

el.cine

357,634 Aufrufe • vor 1 Jahr

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

Leander Herzog

11,484 Aufrufe • vor 1 Jahr

VEO 3 + "canvas prompting" is soooo good 🤯 These AG1, Jones Road Beauty, & Ridge product videos were created with just 2 uploaded images each. And it's all about the visual context. This canvas prompting technique will take any product photo + model shot... And turn it into cinema-quality UGC videos with solid brand alignment. Perfect for e-comm operators, creative strategists & agencies. Just upload your canvas images + get brand-ready videos with top-notch realism. Here's what canvas prompting gives you: → visual context instead of text descriptions → near-perfect product-model integration → consistent brand-ready video outputs → way higher realism scores Now you've got predictable UGC generation instead of random AI outputs. Again, AI video isn't perfect yet ... but it will be VERY soon. Want the full canvas prompt templates + Loom video walk through? Like + comment "CANVAS" and I'll send it over (must be following so I can DM)

Mike Futia

88,989 Aufrufe • vor 1 Jahr

Thrilling game last night, ending up in a narrow 1-0 win to Chelsea. Do you think United season could get any worse at this point?

Thrilling game last night, ending up in a narrow 1-0 win to Chelsea. Do you think United season could get any worse at this point?

Em Rose

39,801 Aufrufe • vor 1 Jahr

The multimodal grounding abilities combined with web development in Muse Spark are so good! 🎨 Prompt: <image of dogs> Make a website where you point to each of the dogs and say their breed.

The multimodal grounding abilities combined with web development in Muse Spark are so good! 🎨 Prompt: <image of dogs> Make a website where you point to each of the dogs and say their breed.

Matt Deitke

17,985 Aufrufe • vor 6 Monaten

The future of Ultramock is going to be beautiful! Here's a quick demo of ultramock using the new HTML-in-Canvas tech. You'll be able to spin up stunning product demos in realistic 3D spaces using your actual product or website with realtime interactions and animations ✨

The future of Ultramock is going to be beautiful! Here's a quick demo of ultramock using the new HTML-in-Canvas tech. You'll be able to spin up stunning product demos in realistic 3D spaces using your actual product or website with realtime interactions and animations ✨

Josh Millgate

50,263 Aufrufe • vor 5 Monaten

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.

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

864,561 Aufrufe • vor 2 Jahren

I made a second version! This time, I improved the opening to make it more eye-catching, added extra padding to the character shots so the video won’t get cropped across different social platforms, and updated the prompt into English. I also improved the canvas workflow. Previously, I had to generate multiple images and videos one by one, then pick the best results. Now the canvas supports generating multiple results in a single run, which has greatly improved my workflow efficiency. Now you only need to swap the image, and the same video prompt can still produce great results. Which anime cosplay should I make next? Full workflow and prompts:

I made a second version! This time, I improved the opening to make it more eye-catching, added extra padding to the character shots so the video won’t get cropped across different social platforms, and updated the prompt into English. I also improved the canvas workflow. Previously, I had to generate multiple images and videos one by one, then pick the best results. Now the canvas supports generating multiple results in a single run, which has greatly improved my workflow efficiency. Now you only need to swap the image, and the same video prompt can still produce great results. Which anime cosplay should I make next? Full workflow and prompts:

underwood

180,885 Aufrufe • vor 4 Monaten

Joined Ramp as a Design Engineer few weeks ago🎉, and in the process built one of my most fun recent projects - making my personal website represent who I am even if you didn’t read a single word. 🤔 The result is four “modes“ that you can render the content in: 1️⃣an IDE 2️⃣a Figjam canvas 3️⃣a Very Short Introduction style book 4️⃣ DOS machine (my personal fave and most nostalgic) 😄

Joined Ramp as a Design Engineer few weeks ago🎉, and in the process built one of my most fun recent projects - making my personal website represent who I am even if you didn’t read a single word. 🤔 The result is four “modes“ that you can render the content in: 1️⃣an IDE 2️⃣a Figjam canvas 3️⃣a Very Short Introduction style book 4️⃣ DOS machine (my personal fave and most nostalgic) 😄

Angela Liu

10,647 Aufrufe • vor 3 Monaten

One trick we discovered for avoiding realistic face moderation issues in Seedance 2.0 is using character turnaround sheets (front / side / back views). The first video is one of our experiment results — and it runs successfully. We’ve now integrated character turnarounds directly into our workflow + canvas system: 1. If your artwork was generated on our site, you can drag the image into the canvas directly from the Assets tab 2. Click the “Character Turnaround” button above the image to automatically generate a 3-view turnaround sheet 3. Create a new video node and use the turnaround sheet directly with Seedance 2.0 inside the workflow I’ve shared the workflow link in the comments if you want to explore the exact prompts, setup, and workflow details.

One trick we discovered for avoiding realistic face moderation issues in Seedance 2.0 is using character turnaround sheets (front / side / back views). The first video is one of our experiment results — and it runs successfully. We’ve now integrated character turnarounds directly into our workflow + canvas system: 1. If your artwork was generated on our site, you can drag the image into the canvas directly from the Assets tab 2. Click the “Character Turnaround” button above the image to automatically generate a 3-view turnaround sheet 3. Create a new video node and use the turnaround sheet directly with Seedance 2.0 inside the workflow I’ve shared the workflow link in the comments if you want to explore the exact prompts, setup, and workflow details.

underwood

33,687 Aufrufe • vor 4 Monaten