Loading video...

Video Failed to Load

Go Home

Had GPT4 write some p5.js code in openprocessing to take a video I'd made with AI and add sliders (on the left) to add and adjust ghosting, displacement, and a 'difference' layer. It's a very rough start, but excited to know things like this are possible :)

ClaireSilver's profile picture

Claire Silver 🌸

99,030 subscribers

43,962 views • 3 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Google Gemini 2.5 Pro Exp: “write a p5.js program that shows a ball bouncing inside a spinning hexagon. The ball should be affected by gravity and friction, and it must bounce off the rotating walls realistically, add sliders to adjust parameters.“ Chubby♨️
0:30

Google Gemini 2.5 Pro Exp: “write a p5.js program that shows a ball bouncing inside a spinning hexagon. The ball should be affected by gravity and friction, and it must bounce off the rotating walls realistically, add sliders to adjust parameters.“ Chubby♨️

Philipp Schmid

81,994 views • 1 year ago

🎓 Learn how to create a Cherry Wood Material in a matter of seconds in my latest video series (AAA) Pro Tips! ____________________________________________________ In this video, the steps are as follows: 1. Create a slightly red-colored fill layer with high gloss to act as the woods base material. 2. Add a second fill layer with a black mask, and inside that mask add a stripes greyscale set to planar projection. These stripes will act as the wood rings and should be projected onto your mesh in a natural way. The stripes should also be set to max softness, and followed by a Directional Noise 3 with a blend mode set to Difference. 3. Add a levels to tweak the mask and add an anchor point to the mask as well. 4. Create another fill layer with a dark brown diffuse, and store the information from the anchor point into its mask. Apply a levels to increase its intensity, and then add a fill layer up top with the anchorpoint information applied again, but set its blending mode to Subtract. 5. Create an additional fill layer with a very dark diffuse channel. Add a mask to the fill layer and inside its mask add a fill layer containing the anchorpoint information, from the Wood Rings. This fill layer can now be used to add some dark contrast to the center of the wood rings 6. A warp filter should also be used to apply some subtle imperfections to the wood rings and grain. Now we are left with a very nice result of Cherry wood! ____________________________________________________ More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips. Let me know below what you would like to learn in future videos! 👇 Happy Texturing! 💚 #gameart #texturing
1:00

🎓 Learn how to create a Cherry Wood Material in a matter of seconds in my latest video series (AAA) Pro Tips! ____________________________________________________ In this video, the steps are as follows: 1. Create a slightly red-colored fill layer with high gloss to act as the woods base material. 2. Add a second fill layer with a black mask, and inside that mask add a stripes greyscale set to planar projection. These stripes will act as the wood rings and should be projected onto your mesh in a natural way. The stripes should also be set to max softness, and followed by a Directional Noise 3 with a blend mode set to Difference. 3. Add a levels to tweak the mask and add an anchor point to the mask as well. 4. Create another fill layer with a dark brown diffuse, and store the information from the anchor point into its mask. Apply a levels to increase its intensity, and then add a fill layer up top with the anchorpoint information applied again, but set its blending mode to Subtract. 5. Create an additional fill layer with a very dark diffuse channel. Add a mask to the fill layer and inside its mask add a fill layer containing the anchorpoint information, from the Wood Rings. This fill layer can now be used to add some dark contrast to the center of the wood rings 6. A warp filter should also be used to apply some subtle imperfections to the wood rings and grain. Now we are left with a very nice result of Cherry wood! ____________________________________________________ More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips. Let me know below what you would like to learn in future videos! 👇 Happy Texturing! 💚 #gameart #texturing

Cohen Brawley

25,184 views • 2 years ago

o3-mini made a working video version prompt: make a app called chatgpt ad maker that takes in a video and does a black and white dotted image effect with sliders to adjust dot size, add a video replay button as well
0:23

o3-mini made a working video version prompt: make a app called chatgpt ad maker that takes in a video and does a black and white dotted image effect with sliders to adjust dot size, add a video replay button as well

AK

59,064 views • 1 year ago

gemini 2.0 on a p5.js challenge prompt: Write a p5.js script that simulates 25 particles in a vacuum space of a cylindrical container, bouncing within its boundaries. Use different colors for each ball and ensure they leave a trail showing their movement. Add a slow rotation of the container to give better view of what's going on in the scene. Make sure to create proper collision detection and physic rules to ensure particles remain in the container. Add an external spherical container. Add a slow zoom in and zoom out effect to the whole scene.
0:33

gemini 2.0 on a p5.js challenge prompt: Write a p5.js script that simulates 25 particles in a vacuum space of a cylindrical container, bouncing within its boundaries. Use different colors for each ball and ensure they leave a trail showing their movement. Add a slow rotation of the container to give better view of what's going on in the scene. Make sure to create proper collision detection and physic rules to ensure particles remain in the container. Add an external spherical container. Add a slow zoom in and zoom out effect to the whole scene.

AK

28,556 views • 1 year ago

Video Inpainting has now made it's way onto Kling. It's called Multi-Elements. You can now Swap, Add and Delete elements from a video to completely change the narrative. Here are some examples. I've always been a big fan of this technology and it's nice to see more companies exploring it as well. Kling AI Video inpainting results are done by making simple selections in a video with a text description to get an end result and it works very well!
0:35

Video Inpainting has now made it's way onto Kling. It's called Multi-Elements. You can now Swap, Add and Delete elements from a video to completely change the narrative. Here are some examples. I've always been a big fan of this technology and it's nice to see more companies exploring it as well. Kling AI Video inpainting results are done by making simple selections in a video with a text description to get an end result and it works very well!

Travis Davids

29,660 views • 1 year ago

I made a quick tutorial video on how to add this to your Avatar! It's very simple! #VRChat #VRCBreeze
2:27

I made a quick tutorial video on how to add this to your Avatar! It's very simple! #VRChat #VRCBreeze

Kadeko

33,335 views • 2 months ago

🎓Learn how to create a powerful Torn Fabric smart material in a matter of seconds in my latest video series (AAA) Pro Tips! This smart material can be used on virtually any 3D asset. ____________________________________________________ In this video, the steps are as follows: 1. Create a base fill layer containing no information. We will use this layer to call out the core effects. Add a black mask to this layer and inside that mask add a paint layer and draw a simple pill shape. 2. Next, add a blur directional and be sure the direction is the same direction that your fabric is flowing to. 3. Add a UV border generator set to subtract to mask out any uv seams followed by an anchorpoint. Additionally, add a messy Fibers 3 fill layer set to overlay. 4. Use a levels to adjust the mask along with a sharpen filter. A warp filter should also be added to introduce some randomness. Add an anchor point at the top of the mask as well. 5. Create another fill layer with its opacity channel set to black and apply a black mask to the fill layer. Inside its mask retrieve the anchorpoint information from the previous fill layer. 6. Create an additional fill layer with a bright diffuse color along with a black mask applied to it. Add the anchorpoint information from the previous mask into its mask as well and this should give us some white fibers on the edges. Now we have a torn fabric effect wherever we paint using the paint layer created inside the callout mask! ____________________________________________________ More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips! Happy Texturing!💚 #gamedev #gameart #tutorial #3dmodeling #hardsurface #texturing
0:59

🎓Learn how to create a powerful Torn Fabric smart material in a matter of seconds in my latest video series (AAA) Pro Tips! This smart material can be used on virtually any 3D asset. ____________________________________________________ In this video, the steps are as follows: 1. Create a base fill layer containing no information. We will use this layer to call out the core effects. Add a black mask to this layer and inside that mask add a paint layer and draw a simple pill shape. 2. Next, add a blur directional and be sure the direction is the same direction that your fabric is flowing to. 3. Add a UV border generator set to subtract to mask out any uv seams followed by an anchorpoint. Additionally, add a messy Fibers 3 fill layer set to overlay. 4. Use a levels to adjust the mask along with a sharpen filter. A warp filter should also be added to introduce some randomness. Add an anchor point at the top of the mask as well. 5. Create another fill layer with its opacity channel set to black and apply a black mask to the fill layer. Inside its mask retrieve the anchorpoint information from the previous fill layer. 6. Create an additional fill layer with a bright diffuse color along with a black mask applied to it. Add the anchorpoint information from the previous mask into its mask as well and this should give us some white fibers on the edges. Now we have a torn fabric effect wherever we paint using the paint layer created inside the callout mask! ____________________________________________________ More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips! Happy Texturing!💚 #gamedev #gameart #tutorial #3dmodeling #hardsurface #texturing

Cohen Brawley

78,660 views • 2 years ago

I made a tiny tool for myself to add events to my gcal, and I've finally decided to ship it (and a silly promo video) cmd + e: AI Event Creation for GCal Add events to gcal with natural language, FAST. Link in the replies
0:57

I made a tiny tool for myself to add events to my gcal, and I've finally decided to ship it (and a silly promo video) cmd + e: AI Event Creation for GCal Add events to gcal with natural language, FAST. Link in the replies

rawn

14,256 views • 1 year ago

These look good but I'd add some butter and Crystal to the sauce
0:30

These look good but I'd add some butter and Crystal to the sauce

Ribz of Tik Tok

73,673 views • 5 months ago

I originally started this project, Crypthound Vesna, as a highschool assignment when I was 18. It's come a long way since then (and has a lot further left to go), but it's fun to tinker with and add ideas to. (Sounds are all placeholders!)
1:37

I originally started this project, Crypthound Vesna, as a highschool assignment when I was 18. It's come a long way since then (and has a lot further left to go), but it's fun to tinker with and add ideas to. (Sounds are all placeholders!)

Mia Cain

27,095 views • 2 years ago

When adding padding and size boxes becomes a bit verbose, it's time to add a Gap. 🤔 In this #PackageoftheWeek throwback, we'll show you how to add some space around your widgets without making your code harder to read →
0:20

When adding padding and size boxes becomes a bit verbose, it's time to add a Gap. 🤔 In this #PackageoftheWeek throwback, we'll show you how to add some space around your widgets without making your code harder to read →

Flutter

30,055 views • 1 year ago

A friend asked me how I rig the braids physics. It’s very similar to a post I made earlier. The main part of this braid uses only a single layer — the trick is to artmesh carefully along the pattern, then add some mesh displacement in the physics so it looks 3D like. (Artmeshing is pain) #Live2DWIP #Live2dTutorial
0:37

A friend asked me how I rig the braids physics. It’s very similar to a post I made earlier. The main part of this braid uses only a single layer — the trick is to artmesh carefully along the pattern, then add some mesh displacement in the physics so it looks 3D like. (Artmeshing is pain) #Live2DWIP #Live2dTutorial

小兔森Koumori🪐Live2D

22,630 views • 8 months ago

I am very excited about this: made a tool to visualize whats going on in p5js you write a normal p5js code and it turns it into a step-by-step animated process
0:20

I am very excited about this: made a tool to visualize whats going on in p5js you write a normal p5js code and it turns it into a step-by-step animated process

Orr Kislev

83,449 views • 3 years ago

Assumptions about the new "Can More" ChatGPT tool were right - ChatGPT is introducing own take on Claude Artifacts - code & document writing tools with persisted text documents, history revisions (restore previous version), edits and comments (probably used to apply suggested edits) New document symbol in the top navigation shows how many documents you have and allows you to open a resizable canvas to edit them in split view - your ChatGPT conversation on the left side and canvas on the right side, but the code/documents can also be accessed in fullscreen view The canvas is built using ProseMirror (open source WYSIWYM editor) and has an inline action to "Ask ChatGPT" (explain or make edits) for your document and code plus document formatting tools (like bold, italic, font style, etc.) But in addition to that, there are also special action shortcuts for documents and code, with an interesting decision to use sliders for the selection of the desired outcome For Documents - Suggest edits ("How can I improve this. Leave as few comments as possible, but add a few more comments if the text is long. DO NOT leave more than 5 comments. You can reply that you added comments and suggestions to help improve the writing quality, but do not mention the prompt.") - Add emojis ("Replace as many words as possible with emojis.") - Add final polish ("Add some final polish to the text. If relevant, add a large title or any section titles. Check grammar and mechanics, make sure everything is consistent and reads well. You can reply that you added some final polish and checked for grammar, but do not mention the prompt.") - Reading level (Graduate School - "Rewrite this text at the reading level of a doctoral writer in this subject. You may reply that you adjusted the text to reflect a graduate school reading level, but do not mention the prompt", College - "Rewrite this text at the reading level of a college student majoring in this subject", High School - "Rewrite this text at the reading level of a high school student who has taken a couple of classes in this subject.", Keep current reading level, Middle School - "Rewrite this text at the reading level of a middle schooler.", Kindergarten - "Rewrite this text at the reading level of a kindergartener.") - Adjust the length (Longest - "Make this text 75% longer.", Longer - "Make this text 50% longer.", Keep current length, Shorter - "Make this text 50% shorter.", Shortest - "Make this text 75% shorter.") For Code - Code review ("Search for bugs and opportunities to improve the code—for example, ways that performance or code structure could be improved. Leave as few comments as possible, but add more comments if the text is long. DO NOT leave more than 5 comments. You may reply that you reviewed the code and left suggestions to improve the coding quality, but do not mention the prompt.") - Add comments ("Add inline code comments to explain the code, especially parts that are more complex. Make sure to rewrite all the code. You may reply that you added inline comments, but do not mention the prompt.") - Add logs ("Insert logs/print statements in the code that will help debug its behavior. Do not make any other changes to the code.") - Fix bugs ("Find any bugs and rewrite all the code to fix the bugs. Do not leave comments. If there are no bugs, reply that you reviewed the code and found no bugs.") - Port to a language ("Port to a language. Create a new document that rewrites the code in ..." - PHP, C++, Python, Keep current code. No changes will be made, JavaScript, TypeScript, Java) - Suggest edits ("How can I improve this. Leave as few comments as possible, but add a few more comments if the text is long. DO NOT leave more than 5 comments. You can reply that you added comments and suggestions to help improve the writing quality, but do not mention the prompt.")
1:27

Assumptions about the new "Can More" ChatGPT tool were right - ChatGPT is introducing own take on Claude Artifacts - code & document writing tools with persisted text documents, history revisions (restore previous version), edits and comments (probably used to apply suggested edits) New document symbol in the top navigation shows how many documents you have and allows you to open a resizable canvas to edit them in split view - your ChatGPT conversation on the left side and canvas on the right side, but the code/documents can also be accessed in fullscreen view The canvas is built using ProseMirror (open source WYSIWYM editor) and has an inline action to "Ask ChatGPT" (explain or make edits) for your document and code plus document formatting tools (like bold, italic, font style, etc.) But in addition to that, there are also special action shortcuts for documents and code, with an interesting decision to use sliders for the selection of the desired outcome For Documents - Suggest edits ("How can I improve this. Leave as few comments as possible, but add a few more comments if the text is long. DO NOT leave more than 5 comments. You can reply that you added comments and suggestions to help improve the writing quality, but do not mention the prompt.") - Add emojis ("Replace as many words as possible with emojis.") - Add final polish ("Add some final polish to the text. If relevant, add a large title or any section titles. Check grammar and mechanics, make sure everything is consistent and reads well. You can reply that you added some final polish and checked for grammar, but do not mention the prompt.") - Reading level (Graduate School - "Rewrite this text at the reading level of a doctoral writer in this subject. You may reply that you adjusted the text to reflect a graduate school reading level, but do not mention the prompt", College - "Rewrite this text at the reading level of a college student majoring in this subject", High School - "Rewrite this text at the reading level of a high school student who has taken a couple of classes in this subject.", Keep current reading level, Middle School - "Rewrite this text at the reading level of a middle schooler.", Kindergarten - "Rewrite this text at the reading level of a kindergartener.") - Adjust the length (Longest - "Make this text 75% longer.", Longer - "Make this text 50% longer.", Keep current length, Shorter - "Make this text 50% shorter.", Shortest - "Make this text 75% shorter.") For Code - Code review ("Search for bugs and opportunities to improve the code—for example, ways that performance or code structure could be improved. Leave as few comments as possible, but add more comments if the text is long. DO NOT leave more than 5 comments. You may reply that you reviewed the code and left suggestions to improve the coding quality, but do not mention the prompt.") - Add comments ("Add inline code comments to explain the code, especially parts that are more complex. Make sure to rewrite all the code. You may reply that you added inline comments, but do not mention the prompt.") - Add logs ("Insert logs/print statements in the code that will help debug its behavior. Do not make any other changes to the code.") - Fix bugs ("Find any bugs and rewrite all the code to fix the bugs. Do not leave comments. If there are no bugs, reply that you reviewed the code and found no bugs.") - Port to a language ("Port to a language. Create a new document that rewrites the code in ..." - PHP, C++, Python, Keep current code. No changes will be made, JavaScript, TypeScript, Java) - Suggest edits ("How can I improve this. Leave as few comments as possible, but add a few more comments if the text is long. DO NOT leave more than 5 comments. You can reply that you added comments and suggestions to help improve the writing quality, but do not mention the prompt.")

Tibor Blaho

136,055 views • 1 year ago

Tutorial: How to make a creative coding animation with Claude 2 and OpenProcessing Claude 2 is one of my favorite coding tools. Here's a demo how you can learn programming and write a simple animation with it in minutes. You can run the code at OpenProcessing. Links in comment
1:16

Tutorial: How to make a creative coding animation with Claude 2 and OpenProcessing Claude 2 is one of my favorite coding tools. Here's a demo how you can learn programming and write a simple animation with it in minutes. You can run the code at OpenProcessing. Links in comment

Kris Kashtanova

18,369 views • 2 years ago

✨ Added a CRT curvature distortion to pieter™ now It takes the Em-DOSBox and processes it in WebGL and builds a new with the distortion of a classic CRT screen which had this convex curvature (like an old TV) even though the screen itself was square I had this working on DOSBox on MacOS and on Linux with CRT-Pi shader, but on web it doesn't support shaders so I had to build my own with Claude Code in JS, very easy I remember trying this a year ago and Claude Code fucked it up so bad that I gave up, so I think the models have improved a lot Tomorrow I'll try add some scanlines, it really helps make the simulation more passable (and nostalgic!) 😊👌
2:20

✨ Added a CRT curvature distortion to pieter™ now It takes the Em-DOSBox and processes it in WebGL and builds a new with the distortion of a classic CRT screen which had this convex curvature (like an old TV) even though the screen itself was square I had this working on DOSBox on MacOS and on Linux with CRT-Pi shader, but on web it doesn't support shaders so I had to build my own with Claude Code in JS, very easy I remember trying this a year ago and Claude Code fucked it up so bad that I gave up, so I think the models have improved a lot Tomorrow I'll try add some scanlines, it really helps make the simulation more passable (and nostalgic!) 😊👌

@levelsio

88,054 views • 5 months ago

As promised, I had to take some time to do this. I figured i didn’t add the personal profile part in this video, but I will attach it below in a thread. If you’ve registered and logged in, this is how to find and complete your UNV profile 👇🏽
2:22

As promised, I had to take some time to do this. I figured i didn’t add the personal profile part in this video, but I will attach it below in a thread. If you’ve registered and logged in, this is how to find and complete your UNV profile 👇🏽

Sunshine❤️❤️

100,271 views • 5 months ago

I really enjoyed listening to Lane Kiffin today, he showed some humanity and humility. Some stories we've heard before, and some felt a little canned, but I left feeling pretty excited about the opportunity to work with him in the future. I'm looking at this like a summer romance, have fun while you're in it, but know going in that it's not built to last forever.
1:00

I really enjoyed listening to Lane Kiffin today, he showed some humanity and humility. Some stories we've heard before, and some felt a little canned, but I left feeling pretty excited about the opportunity to work with him in the future. I'm looking at this like a summer romance, have fun while you're in it, but know going in that it's not built to last forever.

Michael Cauble

306,864 views • 7 months ago