[Code] Material.names to Webdialog.

jolran

Thomthom, thanks.

I have been poking around in TTlib. But sometimes the picture is so big I can't see the details

Also I totally forgot to check out your thomthom.net docs. Bunch of info there.

With your explanations here I might understand the code better.
Will give it a try.

thomthom

I have been poking around in TTlib. But sometimes the picture is so big I can't see the details

Also I totally forgot to check out your thomthom.net docs. Bunch of info there.

With your explanations here I might understand the code better.
Will give it a try.

Yea, the library is quite big. And I haven't commented it well enough. True that. But hopefully you can make use of the concept.

My library is built around populating the webdialog with Ruby classes - letting me develop UIs using just Ruby. But along with that blog entry I might see if I can decouple my bridge framework.

jolran

@unknownuser said:

My library is built around populating the webdialog with Ruby classes - letting me develop UIs using just Ruby.
I see, must be convenient doing like that in the long run.
For me just now I only need to send in some lists and values to my dialog and hit an OK buttons and start Ruby.

So the strategy right now is to nest a hash=>json object with list of material, layers, components and default values for inputboxes. And send through a function like you do in materials.rb.

@unknownuser said:

But along with that blog entry I might see if I can decouple my bridge framework.

Do you mean a bridge light? Sounds interrseting.
It seems there is no easy way to get around that webdialogs have to be complicated. Looks like there are many things that can go wrong. And the step from SU's inputbox is quite large.

http://sketchucation.com/forums/viewtopic.php?f=180&t=35969#p316774
This topic covers alot about JSON in Sketchup, BTW. Might mention it if someone enters here looking for info bout the subject.

thomthom

Untested, but should let you nest Hash objects.

<span class="syntaxdefault"><br />&nbsp;&nbsp;</span><span class="syntaxcomment">#&nbsp;Very&nbsp;simplified&nbsp;method&nbsp;just&nbsp;for&nbsp;this&nbsp;example's&nbsp;purpose.<br />&nbsp;&nbsp;</span><span class="syntaxdefault">def&nbsp;self</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">hash_to_json</span><span class="syntaxkeyword">(&nbsp;</span><span class="syntaxdefault">hash</span><span class="syntaxkeyword">,&nbsp;</span><span class="syntaxdefault">pretty_print&nbsp;</span><span class="syntaxkeyword">=&nbsp;</span><span class="syntaxdefault">false&nbsp;</span><span class="syntaxkeyword">)<br />&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;</span><span class="syntaxdefault">pretty_print<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;nl&nbsp;&nbsp;</span><span class="syntaxkeyword">=&nbsp;</span><span class="syntaxstring">"\n"<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxdefault">tab&nbsp;</span><span class="syntaxkeyword">=&nbsp;</span><span class="syntaxstring">"&nbsp;&nbsp;"<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxkeyword">else<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxdefault">nl&nbsp;&nbsp;</span><span class="syntaxkeyword">=&nbsp;</span><span class="syntaxstring">""<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxdefault">tab&nbsp;</span><span class="syntaxkeyword">=&nbsp;</span><span class="syntaxstring">""<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxdefault">end<br />&nbsp;&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp;&nbsp;json&nbsp;</span><span class="syntaxkeyword">=&nbsp;</span><span class="syntaxstring">"{#{nl}"<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxdefault">items&nbsp;</span><span class="syntaxkeyword">=&nbsp;[]<br />&nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;</span><span class="syntaxdefault">key</span><span class="syntaxkeyword">,&nbsp;</span><span class="syntaxdefault">value&nbsp;in&nbsp;hash<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxkeyword">if&nbsp;</span><span class="syntaxdefault">value</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">is_a</span><span class="syntaxkeyword">?(&nbsp;</span><span class="syntaxdefault">Hash&nbsp;</span><span class="syntaxkeyword">)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxdefault">value_hash&nbsp;</span><span class="syntaxkeyword">=&nbsp;</span><span class="syntaxdefault">self</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">hash_to_json</span><span class="syntaxkeyword">(&nbsp;</span><span class="syntaxdefault">value</span><span class="syntaxkeyword">,&nbsp;</span><span class="syntaxdefault">pretty_print&nbsp;</span><span class="syntaxkeyword">)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxdefault">items&nbsp;</span><span class="syntaxkeyword"><<&nbsp;</span><span class="syntaxstring">"#{tab}#{key.inspect};&nbsp;#{value_hash}"<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxkeyword">else<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxdefault">items&nbsp;</span><span class="syntaxkeyword"><<&nbsp;</span><span class="syntaxstring">"#{tab}#{key.inspect};&nbsp;#{value.inspect}"<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxdefault">end<br />&nbsp;&nbsp;&nbsp;&nbsp;json&nbsp;</span><span class="syntaxkeyword"><<&nbsp;</span><span class="syntaxdefault">items</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">join</span><span class="syntaxkeyword">(</span><span class="syntaxstring">",#{nl}"</span><span class="syntaxkeyword">)<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxdefault">json&nbsp;</span><span class="syntaxkeyword"><<&nbsp;</span><span class="syntaxstring">"#{nl}}#{nl}"<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="syntaxdefault">json<br />&nbsp;&nbsp;end<br /></span>

thomthom

@dan rathbun said:

You can sort the arrays before you convert the data hash to JSON:
data["materials"].sort!

I'd sort it in the WebDialog - as per my example - because SketchUp Ruby only knows ASCII while the WebDialog can handle UTF-8.

jolran

Ahh! Very nice.
2 methods I can try before corking up

Dan, havent seen that one before. Started doing standard hash, but this looks interesting indeed. Learning lots here.

Thomthom, so the code is basically just repeating until it doesent find a hash? I was trying to do something similar but it did not work for me. Some ":" came out as "=>". Will try and let you know how it works.
BTW it says # Very simplified method just for this example's purpose.
I suppose you have more convoluted for this purpose?

Thanks to both of you!

Dan Rathbun

@thomthom said:

I'd sort it in the WebDialog - as per my example - because SketchUp Ruby only knows ASCII while the WebDialog can handle UTF-8.

Good Point!! .. I agree.

Dan Rathbun

@jolran said:

So the strategy right now is to nest a hash=>json object with list of material, layers, components and default values for inputboxes.

That is the easy part, just build a Ruby Hash:

data = Hash[
  "materials", [],
  "layers", [],
  "components", [],
  "defaults", []
]

(Above, I use the Hash class constructor method [], which is an even number of comma separated params of form [ key, val, key, val, ... ].)

Then load the arrays like:

Sketchup.active_model.materials.each {|matl|
  data["materials"] << matl.name
}

You can sort the arrays before you convert the data hash to JSON:
data["materials"].sort!
Whoops... don't do, see next post!

thomthom

@jolran said:

Thomthom, so the code is basically just repeating until it doesent find a hash?

It's a re-cursing method. Every Hash object should be converted into a JS friendly JSON string. Allowing you to nest Hash objects.

jolran

Yeah, ok. I did not manage to make it work with nested hashes.
Got some backslashes "/" and wierd results.
Your method most likely works, but I might have scre#¤ewd things up making the nested hashes in ruby. Also got somewhat lost in the code during the process.

So I took one step back to get some control over the situation and decided not to use nested JSON. In spite of yours and Dans efforts Sorry.

Instead I make 4 separate JSONlists using your 1st converter.
Send them in the execute_script function(). Rewrote some JS so I could reuse your loops.
It might be safer doing it that way anyway?
Don't have to eval or parse the JSON, just use the sort_by_value(json) function you provided, Thomthom.

It works, but might need some optimizing.
Can post some code later..

Happy new year BTW!

thomthom

I'll look at the re-cursing later.

Though, I think I've solved it in TT_Lib2 - the JSON ruby class I wrote.
json.rb

It relies on javascript.rb

But you should be able to just take those two files and not have to reply on anything else.

In reality the JSON class is just an ordered Hash. (You can iterate the items in the same order you inserted them.) It's the to_s that does the work of converting to a JavaScript compatible string with the help of the TT::Javascript module.

The TT::Javascript.to_js includes some extra stuff that converts Geom::Point3d and Geom::Vector3d into Javascript object. (Point3d and Vector3d classes needs to be defined on the JS side.) For your purposes that can be removed.

jolran

Thanks, you are most kind.

I will have another look at your libraries.
Although I got it working now with a different solution, it would be good to know what went wrong before.

thomthom

@jolran said:

it would be good to know what went wrong before.

Yea, that's why I mentioned it. I can rarely leave something without having worked out why it failed.

jolran

Moving on a little. Will get back to that JSON thing later..

Have added a few things to the dialog, like a componentlist from folder.
I'm also using parts from Dan's save thumbnail code.
http://sketchucation.com/forums/viewtopic.php?t=24876

However I'm puzzled by the poor quality from thumbs. Or rather what to do about it.

Aliasing is terrible, but during tests in PS I think increase in contrast would benefit the most.

However there's no easy way to do that on the JS/html/CSS side?
I'm thinking CSS3 filters but theres no support yet.
Theres a "pixtatic" js library but that don't support IE7-8 either
Havent found any Jquery plugins either, but still looking..

Any other solutions?

thomthom

Isn't that just because the model in your screenshot are mainly thin edges?
What does other models look like?

And is that thumbnail in 100% scale?

jolran

@unknownuser said:

Isn't that just because the model in your screenshot are mainly thin edges?

Yes, thats true. That the components that has faces and materials come out better.
Increasing the contrast on those thumbs too much make things worse. So I have found an acceptable between value around + 45 contrast, that all thumbs can benifit from.
How to apply it is a different story

I can live with the bad aliasing...
One can affect some color when saving the component, playing with styles. But havent found any settings that gives me what I want.
At it only seems to affect face.materials.

@unknownuser said:

And is that thumbnail in 100% scale?

Thumbs are 100% scale. They look the same in Photoshop.

From PS: 80% increase in contrast look really good on edges.