正在加载视频...

视频加载失败

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

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 次观看 • 2 年前 •via X (Twitter)

艺术教育科学技术 #threejs #glsl #WebGL

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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 次观看 • 3 年前

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 次观看 • 1 年前

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 次观看 • 2 个月前

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,127 次观看 • 4 个月前

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 次观看 • 3 年前

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 次观看 • 1 年前

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 次观看 • 3 年前

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 次观看 • 3 个月前

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 次观看 • 1 个月前

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 次观看 • 2 年前

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,035 次观看 • 2 年前

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,698 次观看 • 8 个月前

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 次观看 • 1 年前

It's cool. But the issue is that the result is arguably too much code from using "no code" 🙃 It could be a basic <ul> with CSS scroll-snap. Then the buttons use JavaScript's Element.scrollIntoView 🤙 Instead, it's <div>s, JS powered animation, and not a <button> in sight 🫠

It's cool. But the issue is that the result is arguably too much code from using "no code" 🙃 It could be a basic <ul> with CSS scroll-snap. Then the buttons use JavaScript's Element.scrollIntoView 🤙 Instead, it's <div>s, JS powered animation, and not a <button> in sight 🫠

jhey ʕ•ᴥ•ʔ

86,209 次观看 • 2 年前

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 次观看 • 3 年前