Hi All,

I have been trying without success to write a simple node for assign a style to geometry.
See my attempt below:

// SetStyle
function SetStyle()
{
this.addInput("obj","objectlist");
this.addInput("idx","numarray");

this.addOutput("Out","objectlist");
}

SetStyle.title = "SetStyle";
SetStyle.desc = "SetStyle";

SetStyle.prototype.onExecute = function()
{
var objects = this.getInputData(0, moi.geometryDatabase.createObjectList());
var index = this.getInputData(1,index);

var output = objects.setProperty('styleIndex', index);

this.setOutputData(0, output);
}
LiteGraph.registerNodeType("Objects2/SetStyle", SetStyle);

The aim here is quite modest, but ideally the node would not just assign existing indexed styles but instead add new styles with RGB inputs prior to assignment.

Any help would be appreciated
James

Hi James, this line looks a little suspicious to me:

var index = this.getInputData(1,index);

That's passing in index which I guess is undefined at that time, and then assigning the return value to index too?

For adding new styles, you can use either:

var style = moi.geometryDatabase.addStyle();

or

var style = moi.geometryDatabase.findStyle( 'name', true /* Create if not found */ );

The second one will return an existing style if there is already one with that name, or create a new one if none of that name currently exist.

Then on a style there are read/write properties for .name and .color and the style's index value is a read only property .index .


Does that help with anything? Let me know if you're still stuck.

- Michael

Hello James,

Have a look to this:

    // SetStyle
 function SetStyle()
 {
 this.addInput("obj","objectlist");
 this.addInput("idx","numarray");

 this.addOutput("Out","objectlist");
	  this.properties = {Style: [0]};
 }

 SetStyle.title = "SetStyle";
 SetStyle.desc = "SetStyle";

 SetStyle.prototype.onExecute = function()
 {
 var objects = this.getInputData(0, moi.geometryDatabase.createObjectList());
        this.properties.Style = this.getInputData(1, this.properties.Style);
//for(var i=0; i<objects.length; i++)objects.item(i).styleIndex = this.properties.Style[0];
objects.setProperty('styleIndex', this.properties.Style[0]);
 var output = objects;
 this.setOutputData(0, output);
 }
 LiteGraph.registerNodeType("Objects2/SetStyle", SetStyle);

Have a nice day
Karsten

p.s.: Don't forget - you are working with Arrays!!! It's not like arays in C, where the adress/name points to the first element;-)

Hi Karsten,

Thanks again for setStyle node.
At the risk of appearing ungrateful (which I'm not at all, quite the opposite), would it be difficult to make this node multiprocessing?

To colour facets in accordance to distance from an attractor, it was necessary to replicate the geometry 8 times & remove those facets with ptDist that have been remapped to range between 0 - 7 and rounded to integers and then tested in series. This approach quickly becomes cumbersome with each additional style attribution.





I have also attached the .nod file, however on running, the colours will appear different to those above because they will instead index default styles.

The ideal solution would be a setColor node that had inputs for Red, Green, & Blue values and handled the indexing automatically. Whether setColor and setStyle nodes should be combined into a single node or separate nodes, I'm not sure which is best....

Your thoughts?
James

Hello James,

I'm not sure which way is the best, but a RGB input would create a lot of styles or you have to create and delete again and again. I made a while ago a function for coloring vectors and for the curvature analysis, that create some kind of rainbow styles. It uses sigmoid functions to calculate the RGB parts for blending the colors. It's not perfect, but short code:-) I've included it in the SetStyle-node. So you can put a value between 0 and 254 to choose a color. The node is now multiprocessing the input objects. It's a proposal. Maybe we will find a better solution later.

    // SetStyle
 function SetStyle()
 {
 this.addInput("obj","objectlist");
 this.addInput("idx","numarray");

 this.addOutput("Out","objectlist");
	  this.properties = {/*mode: ["Long", "Long", "Short"],*/Style: [0]};
 }

 SetStyle.title = "SetStyle";
 SetStyle.desc = "SetStyle";
    SetStyle.prototype.onAdded = function (){this.rbID = createRainbow();}
 SetStyle.prototype.onExecute = function()
 {
            var data = this.processInOut("Long" /*this.properties.mode[0]*/, this.multiProcess, null, this.properties.Style);
            this.properties.Style = data.inputs[1];
            this.setOutputData(0, data.outputs[0]);
        
    };


    SetStyle.prototype.multiProcess = function (obj, style)
    {
        var out = [];
        obj.setProperty('styleIndex', this.rbID[style]);
        out[0]=obj;
        return out;
    };
 
 LiteGraph.registerNodeType("Objects2/SetStyle", SetStyle);

Have a nice day
Karsten

Thanks Karsten,

>> It's not perfect, but short code:-) <<

No, this really is an elegant solution, and yes the code is amazingly compact.
Is "createRainbow()" a function you wrote for colouring vectors, that you are calling here?
Clever!

>> It's a proposal. Maybe we will find a better solution later. <<

It is true that control of colour spectrum it limited, however there is a lot of ways to manipulate
the output: varying the range input into reRange node and reMapper widget as well as shifting vales with addition/subtraction etc.


Thanks again Karsten, it's brilliant
I'm so grateful for your skills and efforts,
James

PS I have attached here objects2.js with new node to replace existing in extensions folder, for anyone who may be interested.

Hello James,

the result looks great. And yes, the function is to create styles for vectors and the curvature analysis. You can find it in the basicfunctions.js. It returns an array of the indices of the created styles.

Have a nice day
Karsten

Hello Friends
I want to share this work with you;
the Leonardo's Bridge, perhaps one of the first examples of autoparting bridge in History_
How many interested people find images and files at this link:
http://www.mediafire.com/file/2hv5r5rp9wi5w93/Lonardo%2527sBridge.zip/file
Have a nice evening all
alberto

Ps-Good shot Karsten....
SetStyle is wonderful-

Hi Karsten,

Thank you for posting "sigmoid-xlsx.png", it helped tremendously in comprehending how the indexed colour spectrum is computed, but also hints at future development of the node. Imagine the inclusion of an RGB input on the node fed with 3 concatenated reMapper widgets with 3 different wave forms for each colour range. The widget needs further development to do this, and perhaps in the future it could even have an additional RGB mode where 3 graph curve appear together on widget interface similar to your image. In this way any conceivable spectrum would be possible. Nevertheless, setStyle node is fine the way it is; for now.

---

Also........and let me start by saying that this is just an enquiry, not a request for action:

Is it possible for extractPoints nodes to be multiprocessing? By that I mean, is it possible for it to treat closed curves discretely?

The attached image contains 5 n-gons of varied side length from which points are extracted to define a closed curve shown in red. Desirably however the result should be as shown in blue outputs.

I have included mPathArray approach (shown in green) by way of comparison, though, of course, only works appropriately if polys are equilateral and with similar number of sides, which is not the case here. Hence, x-length, y-length & z-length cannot be used to group points.

Is there even a way of handling groups of points of unequal number?

Please let me know,
And let me reiterate, this is just a question not a request....
you have done so much for me of late, my friend,
James

Hello Friends
interested parties find this link:
http://www.mediafire.com/file/bbg0q14cd9ev5rg/02-09-CubicFrameMod-Remapper_andSet_Style.zip/file
an exercise of manipulation some cubes arranged on a grid,
using Remapper and SetStyle.
I hope you enjoy it.
Have a nice evenig all
al

Hi All,

Here's an architectural screen that transitions between circular and petal shaped holes.

Have a great weekend
James

Hello Al, Hello James,

always a pleasure to see your creations!

A nice weekend to all
Karsten

Wonderful! Very elegant!

Hi James, that one has a very particularly pleasing shape transition.

- Michael

Thank you Michael, Marco & Karsten,

here is animated pattern I'm working on

Have a great weekend
James

May take a little while to fully download before playing

Smart Escher pattern! :)

You rock!!!

Hi All,

For pattern to respond appropriately to an attractor, each side of 6 sided shape needs to have independent curvature necessitating rebuilding node circuit. Please find attached



And thanks Macro. Your appreciation is always appreciated

The best to all & all the best
James

Hi All,

I have posted flows to triangular facets before, but it continues to interest me.

There are a few tricks to get it to work: principally that the base and target triangles need to be lofts rather than planar fills. (If planar fills the flows will be to trimmed surfaces within triangles).

Obviously, this is a lot of messing around compared to quad flows, but the beauty of triangles, of course is that they are alway planar, which can't be guaranteed with quads.

See attached
James