Recent

Author Topic: Did some Prototyping in P5js: Blades Program  (Read 271 times)

Boleeman

  • Hero Member
  • *****
  • Posts: 1160
Did some Prototyping in P5js: Blades Program
« on: July 01, 2026, 04:05:28 pm »
Hi All

After a long time with hassles (with the new boss) at work I have started prototyping some new ideas for programs in P5.js and was going to later make Lazarus versions.

Attached is a screenshot of the latest version of a Bladed Banded Columns idea I had (I made something similar a few years ago but this one has bands on each blade).
« Last Edit: July 04, 2026, 04:51:41 am by Boleeman »

Boleeman

  • Hero Member
  • *****
  • Posts: 1160
Re: Did some Prototyping in P5js: Blades Program
« Reply #1 on: July 02, 2026, 06:56:20 am »
Another JS prototype I have been working on is a vector path editor.

I had been using the freely available Wick Animation Program which has a path editor function that makes a straight line curved using a "magnetic type push/pull drag action"

I have prototyped something similar in P5js, but my version has a variable bend radius bend mode and a straighten curve mode (yes you can make a bent curve totally straight). Then I extended the JS prototype code to have undo levels, coloured lines, line widths, rotation about a moveable centroid point, scale by bounding box and a translate/move function.

The attached screenshot shows the rotation mode.
The middle line was also curved, but I straightened it out with the straighten function.
The other 2 lines shows how paths can be freedrawn and then curved.

Hoping to eventually convert this JavaScript prototype to a Lazarus Vector editor.

Anyhow, I thought I would illustrate another prototyping example that I have been tinkering with, possibly to give other Lazarus programmers some ideas in inventing/implementing some functions in their own Lazarus programs.
« Last Edit: July 04, 2026, 05:03:16 am by Boleeman »

 

TinyPortal © 2005-2018