Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
Complex curves / morphing
Hi everyone,
English is not my mother tongue so I'm gonna try to make sense but forgive me if I'm a bit messy with the technical terms.
I'm a total novice to Processing. I discovered it last year and I've been experimenting with it since only a few months. I'm graduating in Graphic Design and my final project is using generative and interactive design.
So far I managed to achieve what I wanted with my basic knowledge, tutorials and a bit of logic but I now need to do something more specific to my project and can't find a good way to do it.
It might be a little complicated and I don't even know if it's really doable for a programming rookie.
On the first hand, I want to generate a logo, that I have so far designed with Illustrator. The issue is, I used the blend tool in AI, and to make my logo evolve in processing, I'd have to replicate the effect of this tool using processing.
On this logo, only the "T" in the middle and the external curve are predefined, and illustrator generates the steps in the interval.
I have a hard time explaining this, so maybe an image will be more explicit:
On the second hand, I want to generate complex curves that could be modified by a bunch of variables (like 3 or 4).
So far I have tried bezier curves but as soon as you have more than 2 or 3 points it becomes really complicated to deal with all the coordinates.
The kind of curves I would like to achieve:
And bonus question: I tried to render some tests with my non-moving logo, using a png image of the vector logo exported from AI and also by writing all of its coordinates (using the Drawscript extension for AI, very useful). In both case, processing displays an angular and somehow low res version of the smooth curves I have in AI and on my png. Using a jpeg version solve the issue, the image is smooth but it appears that it's too heavy to run the script without reducing significantly the framerate.
Here is an image of what it looks like:
If you have any info that might help, even on just one of these issues, I'd be glad if you shared it with me.
Thank you!
Answers
That last one, I am guessing, is because you are repeatedly drawing an image with transparency, so the alpha is building up over time. Add noLoop() to the bottom of setup () and it should be OK.
Thanks koogs, that actually worked for that issue!
Edit: I accidentally marked the post as "answered", but I still need to find a way to program these complex curves, how do I delete this "accepted answer" thing?