Threejs + - R3F Wind lines

Watch on YouTube · Subscribe to the channel

Jumping on the boat, apparently, it knows more than me already . This is the result of just one prompt: "创建一个使用粗线技术渲染风线的 React Three Fiber 组件". Yes, I sometimes do prompts in Chinese, which has given me better results than in English.

I was researching techniques to apply wind lines to the Windland project. I even had the help of Bruno Simon with some tips, but I decided to give the new model a try. I fed it with my project and some resources after Bruno's tips.

It did "almost" exactly what I asked. I had to make some adjustments, hence the importance of knowing how to code without AI. But the result was very close.

This doesn't mean it's perfect. I know it's possible to achieve better results and that's why I might have to completely change the strategy and re-implement what he suggested. But for such a complex and specific subject, the way DeepSeek handles the experts in their model is really impressive.

I have a few tips:

- Given the way DeepSeek compresses prompts when composing for the model to save memory, it's very common for it to get lost when you give instructions that are too general. Try to be as specific as possible, and provide references and good context.

- My prompt will not give you the same results. Each project is unique and that is why it is important to provide context and understand more about the subject you are prompting.

- Also, keep prompts short and easy. In my experience, making prompts that are too long and too detailed ends up confusing more than helping. I prefer to guide the AI ​​through my codebase and provide it with an understanding of what I have and what I want to do with examples, references, etc.

Related projects

• Windland Experience — First featured project on the Three.js homepage