Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

I built a website where you can browse the #threejs shaders code by expanding the <includes> in place. It gives a better understanding of what the code is doing without having to open each file individually. #glsl #WebGL

grgrdvrt

2,244 subscribers

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

Sanat Eğitim Bilim & Teknoloji #threejs #glsl #WebGL

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

If I had to choose one thing to do, it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders

If I had to choose one thing to do, it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders

Ksenia Kondrashova

51,837 görüntüleme • 3 yıl önce

If you want to see a technical breakdown of the 35mm website, I wrote a blog post on Codrops where I detail the Three.js/shaders code ! It's live on Codrops🔗⬇️

If you want to see a technical breakdown of the 35mm website, I wrote a blog post on Codrops where I detail the Three.js/shaders code ! It's live on Codrops🔗⬇️

chakib

14,962 görüntüleme • 1 yıl önce

A guy in Vancouver built an entire operating system inside a Chrome tab. By himself. Over six years. His personal website is the OS. You open and a Windows-style desktop loads. File explorer. Start menu. Taskbar. You can drag in a zip and extract it. You can play DOOM. You can play Quake III Arena. You can boot Linux from an ISO. You can run Stable Diffusion locally for image generation. You can open a Python terminal. You can edit code in Monaco, the same engine that powers VS Code. All of it runs in your browser tab. Nothing installs. His name is Dustin Brett. Self-taught engineer. Father. Husband. 4,473 commits. All his. He had to swap the Windows icon for the π symbol because of legal pressure. The repo has 12,883 stars. MIT license. His hosting bill is one dollar a month. A single Cloudflare CDN does the rest. This is what the open web was built for. (Link in the comments)

A guy in Vancouver built an entire operating system inside a Chrome tab. By himself. Over six years. His personal website is the OS. You open and a Windows-style desktop loads. File explorer. Start menu. Taskbar. You can drag in a zip and extract it. You can play DOOM. You can play Quake III Arena. You can boot Linux from an ISO. You can run Stable Diffusion locally for image generation. You can open a Python terminal. You can edit code in Monaco, the same engine that powers VS Code. All of it runs in your browser tab. Nothing installs. His name is Dustin Brett. Self-taught engineer. Father. Husband. 4,473 commits. All his. He had to swap the Windows icon for the π symbol because of legal pressure. The repo has 12,883 stars. MIT license. His hosting bill is one dollar a month. A single Cloudflare CDN does the rest. This is what the open web was built for. (Link in the comments)

Nav Toor

72,629 görüntüleme • 1 ay önce

You can now review the code written by Claude Code, Codex, OpenCode, and more directly in Warp, and send inline comments straight to the agent. It's like a PR review without having to leave your terminal. Try it out!

You can now review the code written by Claude Code, Codex, OpenCode, and more directly in Warp, and send inline comments straight to the agent. It's like a PR review without having to leave your terminal. Try it out!

Warp

223,064 görüntüleme • 4 ay önce

6. Explain code Give a link to Bard and ask it a question about a file. It'll be able to explain what it's for and how it works. Prompt → Can you explain what is the file agent py in this repo? (your link)

6. Explain code Give a link to Bard and ask it a question about a file. It'll be able to explain what it's for and how it works. Prompt → Can you explain what is the file agent py in this repo? (your link)

Paul Couvert

749,053 görüntüleme • 3 yıl önce

$It's incredible what you can do with Rive + Cursor in just a few hours. This nav I built in Rive is fully integrated into my Swift app and took a fraction of the time to build as it would doing it all in code. It's super performant and really lightweight.$

It's incredible what you can do with Rive + Cursor in just a few hours. This nav I built in Rive is fully integrated into my Swift app and took a fraction of the time to build as it would doing it all in code. It's super performant and really lightweight.

Ben

153,681 görüntüleme • 1 yıl önce

Inline Edit(Cmd/Ctrl+K) Refresh Supports full file edits. Full file edits makes it easy to do scope changes to a file without using agent You can also send the code block to the agent for multi-file edits Cursor

Inline Edit(Cmd/Ctrl+K) Refresh Supports full file edits. Full file edits makes it easy to do scope changes to a file without using agent You can also send the code block to the agent for multi-file edits Cursor

Melvin Vivas

61,160 görüntüleme • 1 yıl önce

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.

Chris Coyier

830,501 görüntüleme • 3 yıl önce

I have a new personal website. I'm not a developer. I built this v2 of my website, all by my OpenClaw agent (on Codex) + built an AI clone of me, with Claude Code. So can designers ship? Yes, its the future.

I have a new personal website. I'm not a developer. I built this v2 of my website, all by my OpenClaw agent (on Codex) + built an AI clone of me, with Claude Code. So can designers ship? Yes, its the future.

Felix Lee

21,139 görüntüleme • 3 ay önce

People still don't understand how good Codex has become 👀 I asked it to build this Starbucks website and within some 30 minutes it generated this without me touching a single line of code or spending time looking for assets either. Imagen generated every visual and GPT hooked everything into the codebase. After a couple of small tweaks it all just worked. It didn't even use half of my Codex session. It's super surprising to see quality of the assets. Was way better than I expected. That made me think about what AI is actually changing. Being a developer or a designer was never just about doing the work, writing code or designing it using some kind of tool. It was about knowing what to build in the first place. AI is getting incredibly good at the doing. The hard part is still having good ideas, making the right decisions, and knowing when something feels right. That is only getting more valuable. The people who win won't be the ones writing the most code. They'll be the ones with the best ideas who know how to turn them into reality with AI. Live: Code:

People still don't understand how good Codex has become 👀 I asked it to build this Starbucks website and within some 30 minutes it generated this without me touching a single line of code or spending time looking for assets either. Imagen generated every visual and GPT hooked everything into the codebase. After a couple of small tweaks it all just worked. It didn't even use half of my Codex session. It's super surprising to see quality of the assets. Was way better than I expected. That made me think about what AI is actually changing. Being a developer or a designer was never just about doing the work, writing code or designing it using some kind of tool. It was about knowing what to build in the first place. AI is getting incredibly good at the doing. The hard part is still having good ideas, making the right decisions, and knowing when something feels right. That is only getting more valuable. The people who win won't be the ones writing the most code. They'll be the ones with the best ideas who know how to turn them into reality with AI. Live: Code:

The Bugged Dev

60,699 görüntüleme • 1 ay önce

If you are using an if statement inside a for loop, did you know there's a better way of doing this is Swift? I'm talking about the where clause. Using the where clause in a for loop can provide several benefits over using an if statement inside a for loop: Readability: It explicitly states the condition that must be met for an element to be processed, making the purpose of the loop clearer to anyone reading the code. Efficiency: When using a where clause, the filtering of elements is done at the level of the sequence, which can be more efficient than filtering within the loop with an if statement. Brevity: Using a where clause often results in more concise code, as it eliminates the need for an if statement and associated braces. This can make the code more manageable and easier to maintain.

If you are using an if statement inside a for loop, did you know there's a better way of doing this is Swift? I'm talking about the where clause. Using the where clause in a for loop can provide several benefits over using an if statement inside a for loop: Readability: It explicitly states the condition that must be met for an element to be processed, making the purpose of the loop clearer to anyone reading the code. Efficiency: When using a where clause, the filtering of elements is done at the level of the sequence, which can be more efficient than filtering within the loop with an if statement. Brevity: Using a where clause often results in more concise code, as it eliminates the need for an if statement and associated braces. This can make the code more manageable and easier to maintain.

Everton Carneiro

23,416 görüntüleme • 2 yıl önce

I hate writing in a code editor, so I built an editing mode that lets me write live on the page. This is one of those things that I just wouldn't have bothered to do without Claude Code.

I hate writing in a code editor, so I built an editing mode that lets me write live on the page. This is one of those things that I just wouldn't have bothered to do without Claude Code.

Dan Hollick

93,840 görüntüleme • 1 yıl önce

Inviting early testers and contributors to Project Devika - The open-source alternative to Devin. 👩‍💻 As of now, Devika is far from the capabilities of Devin... but we'll eventually get there. So I am calling the open-source community to join forces! ❤️ Features: - 12 Agentic models that can interact with each other in a feedback loop to understand, browse, research, code, document, and make decisions according to the user's query to complete a project. - Supports Claude 3, GPT-4, GPT-3.5, and Local LLMs via ollama. - Devika can run the code she writes and fix/patch the code herself if she encounters any errors without user intervention. - Devika can deploy static websites she creates on Netlify. (Experimental) - And much more... Will be doing an official launch after intensive testing and bug fixes. 🙌 I've created a Discord server for the early testers and contributors. If you're interested in joining the team, reply to this tweet and I will DM you the invite link. #buildinpublic

Inviting early testers and contributors to Project Devika - The open-source alternative to Devin. 👩‍💻 As of now, Devika is far from the capabilities of Devin... but we'll eventually get there. So I am calling the open-source community to join forces! ❤️ Features: - 12 Agentic models that can interact with each other in a feedback loop to understand, browse, research, code, document, and make decisions according to the user's query to complete a project. - Supports Claude 3, GPT-4, GPT-3.5, and Local LLMs via ollama. - Devika can run the code she writes and fix/patch the code herself if she encounters any errors without user intervention. - Devika can deploy static websites she creates on Netlify. (Experimental) - And much more... Will be doing an official launch after intensive testing and bug fixes. 🙌 I've created a Discord server for the early testers and contributors. If you're interested in joining the team, reply to this tweet and I will DM you the invite link. #buildinpublic

mufeed vh

155,020 görüntüleme • 2 yıl önce

If you've tried getting AI to write TSL shaders, you know the pain: deprecated imports, phantom functions and compilation errors. In my latest blog post, I share a prompt to help you overcome these issues: Using the prompt, I was able to one-shot this particle simulation with Claude Opus 4.5. #threejs #webgl #webgpu #tsl #shaders

If you've tried getting AI to write TSL shaders, you know the pain: deprecated imports, phantom functions and compilation errors. In my latest blog post, I share a prompt to help you overcome these issues: Using the prompt, I was able to one-shot this particle simulation with Claude Opus 4.5. #threejs #webgl #webgpu #tsl #shaders

Dan Greenheck

61,631 görüntüleme • 8 ay önce

This is the 5th or 6th time I've written a topography shader & every time it gets a little bit better & I learn a little bit more. It's a nice challenge for anyone learning about shaders! Some details on the plans for this implementation below 👇 #gis #3dtiles #threejs #webgl

This is the 5th or 6th time I've written a topography shader & every time it gets a little bit better & I learn a little bit more. It's a nice challenge for anyone learning about shaders! Some details on the plans for this implementation below 👇 #gis #3dtiles #threejs #webgl

Garrett Johnson

94,265 görüntüleme • 1 yıl önce

Each face has a single texture holding a bunch of face positions and the correct face is selected as needed. That way you only need to upload one texture per person. Amazing by 60fps #threejs #webgl #creativecoding

Each face has a single texture holding a bunch of face positions and the correct face is selected as needed. That way you only need to upload one texture per person. Amazing by 60fps #threejs #webgl #creativecoding

Daniel Velasquez

158,854 görüntüleme • 3 yıl önce

MOONSHOT JUST CLONED CLAUDE CODE AND MADE IT FREE. It's called Kimi Code CLI. Open source, MIT license, maintained by the lab that shipped K3 yesterday. And it does things Claude Code doesn't: → drop a screen recording into the chat as input → built-in coder, explore, and plan subagents, each in its own context → plan mode before it touches a single file → MCP servers configured by the agent itself via /mcp-config → plugs into Zed, JetBrains, and VS Code → one binary, no Node setup, starts in milliseconds The CLI costs $0. K3 behind it starts at $3 per million tokens. Grab it for free👇

MOONSHOT JUST CLONED CLAUDE CODE AND MADE IT FREE. It's called Kimi Code CLI. Open source, MIT license, maintained by the lab that shipped K3 yesterday. And it does things Claude Code doesn't: → drop a screen recording into the chat as input → built-in coder, explore, and plan subagents, each in its own context → plan mode before it touches a single file → MCP servers configured by the agent itself via /mcp-config → plugs into Zed, JetBrains, and VS Code → one binary, no Node setup, starts in milliseconds The CLI costs $0. K3 behind it starts at $3 per million tokens. Grab it for free👇

darkzodchi

404,615 görüntüleme • 24 gün önce

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 görüntüleme • 4 ay önce