MoI discussion forum
MoI discussion forum

Full Version: MoI GUI Builder released for Mac and PC!

Show messages:  1-8  9-28  29-48  49-68  69-88  89-102

From: MajorGrubert (CARLOSFERREIRAPINTO)
18 Mar 2015   [#49]
Hi Chipp, thank you!
From: chippwalters
3 Apr 2015   [#50]
Just a workflow update. I think setting icon colors may be bit of a struggle for some. So I created this video showing how to use MGB and in particular the Icon Builder part.



Also, here's a view of the latest interface I'm currently using. Here's a link to the MGB Template file:
https://altuit.cloud/web/dbpub/MoIGUIdownloads/modo01.txt


From: Frenchy Pilou (PILOU)
3 Apr 2015   [#51]
Smart result and cool video tutorial! :)
French site updated! :) http://moiscript.weebly.com/mgb-interface.html

PS Seems all your pieces of the moto car are individually named ?
From: Kroete (TAREK)
5 Apr 2015   [#52] In reply to [#1]
Thank you Chipp, I did not look at the forum for a while now but I am amazed what for cool stuff is contributed by you and many others for this great App.
From: Abelo
22 Apr 2015   [#53] In reply to [#50]
Awesome stuff......do you mind posting a link with a zip for all the icons for this modo theme?
I am really digging this look.

how you got this xyz gizmo on the lower left of the viewport?

Thanks for all you hardwork chipp!

A.
From: chippwalters
22 Apr 2015   [#54] In reply to [#53]
I believe the setting for the gizmo visibility is in the options panel.

I'm not currently at my computer but I will zip the icons and for them when I get there. Please re-read the previous posts as some of the icons go in different places.
From: Abelo
22 Apr 2015   [#55] In reply to [#54]
Thanks for the quick response....sorry but i am new to Moi.....I have Alot of catching up to do regarding the customozation of this awesome software.

My apologies.

A.
From: chippwalters
22 Apr 2015   [#56]

New Updates


First off, I've got a whole package for those of you who don't want to mess with MGB but would like to use the MODO-like interface. Here's the interface (right-click to view full scale):



A few things to note about this interface. Most of you know, earlier on I created icons for the document management part on the lower left. Now, I've recreated Max's icons so they will work with the Icon Builder component of MGB. So, now it's easy to colorize them as well as all the rest of the icons.

Also, I've added new icons for Max's new SDS scripts, including SDS, Split, Bridge and Scale. Plus, there are an associated group of script commands (and edits) which are used to place them at the bottom next to Max's other scripts. More on that later.

So, in order to use this exact same interface, here's what you'll need to do:

1. Download these files


MODO moi.css:
https://altuit.cloud/web/dbpub/MoIGUIdownloads/MODOmoi-css.zip

MODO icons
https://altuit.cloud/web/dbpub/MoIGUIdownloads/MODOicons.zip

MODO interface images:
https://altuit.cloud/web/dbpub/MoIGUIdownloads/MODOinterfaceImgs.zip

Max Scripts (Only if you have his toolbar and subD scripts installed)
https://altuit.cloud/web/dbpub/MoIGUIdownloads/maxButtons.zip

2. BACKUP all of MoI and it's config files!


Don't make me say 'I told you so!' ;-)

3. Put them in their CORRECT Locations


Here are the files..

moi.css


It goes in the
code:
moi/ui
folder and replaces the existing one there.

icons


There are MORE icons in this new MODO icons folder (built by MGB icon builder) than currently in your
code:
moi/ui/icons
folder. Be sure to copy and the files in the download icons folder and replace them in the existing
code:
moi/ui/icons
folder.

interface images


These will replace the existing images with the same name in the moi/ui folder.

Max scripts


These all go in the
code:
moi/ui/customui
folder. If you don't have this folder then you don't have Max's tools installed. You'll need to go to his thread and install from there first.
NOTE: I edited some Max scripts to remove the embedded icons and add the newly built generated icons. No other functional changes were made.

Also, I've ADDED the following html script files, which also go in the
code:
moi/ui/customui
folder. They of course have matching icons which you've already installed.

A couple other things to remember:
  1. Max's scripts go along the bottom, from left to right based on the NUMBER before the file name. So,
    code:
    94 Scale.htm
    will show up to the right of
    code:
    93 Bridge.htm
    .
  2. Placing a
    code:
    -
    in front of a htm file will disable it from being shown in the interface. So, to hide the Snapshot button, just change it’s name to
    code:
    -84 Snapshot.htm


Other stuff


If you want to recreate your own icon color schemes, I've updated the icons for both Dark and Light backgrounds. So, please download the new versions:
https://altuit.cloud/web/dbpub/MoIGUIdownloads/IconsForDarkBgs.zip
https://altuit.cloud/web/dbpub/MoIGUIdownloads/IconsForLightBgs.zip
From: Abelo
22 Apr 2015   [#57] In reply to [#56]
Sweet, Thanks for this chipp.

A general question, perhaps you know something about or even better, Michael can respond this one...

All this UI icons are 64px X 64px. With the new set of retina displays coming into the market. If there is a way that Moi can be take advantage of a set of higher resolutions icons?
I am seeing a lot of software updating their interface for this new generation of 3K, 4K monitors.

If I update the icons to a bigger size/resolution I wonder if something have to be change in Moi's files to allows this new set of high resolutions icons to work with the software..????

Michael anything to add here????

Cheers!

Abelo
From: Michael Gibson
23 Apr 2015   [#58] In reply to [#57]
Hi Abelo,

> All this UI icons are 64px X 64px.

Well not exactly - that's the source image for the icon, it's not the displayed size in the UI. The displayed size is controlled by the current UI font size. Normally the displayed size is a fair amount less than 64x64 and so the higher resolution source image gets automatically scaled down on a regular display.

On a high resolution retina display the displayed size will be larger and will probably end up using the full image maybe enlarging it slightly.

So the existing system will already be adapting pretty much fine to the retina display just using the current icons, basically the icons were already set up to be fairly larger and scaled downwards from the beginning so there shouldn't be any need to make them "even larger yet" I don't think...

If you want to experiment with it anyway, you can just edit the icon to put a larger size file in there like a 128x128 pixel one - the UI system will automatically scale the source icon to the displayed size whether that's scaling it up or scaling it down. But it's pretty unlikely that you will really see any difference from the 64x64 images.

- Michael
From: Abelo
23 Apr 2015   [#59] In reply to [#58]
Fair enough!. Thanks Michael for your detailed and quick answer. Later on I will do some testing on a 4k monitor.

I am glad to heard that you set up Moi to behave this way, so just adding a new set of higher resolutions icons will make Moi "ready" for retina display monitors without messing up the behavior of the layout.

Cheers!

Abelo
From: Michael Gibson
23 Apr 2015   [#60] In reply to [#59]
Hi Abelo, I should mention that there is a separate problem for MoI currently on the actual Retina display where there does not seem to be any way to turn off the system where they lie to the application and tell it that its window is half the size and then scale it up to double size on screen.

MoI itself is ready to run full size but the problem is that Apple does not seem to have provided any way to shut off that size doubling for non-Cocoa apps. I am working to improve this in the future so that MoI will hopefully be able to stop using the Wineskin system for running it.

- Michael
From: ed (EDDYF)
23 Apr 2015   [#61]
Chipp - Is there an easy way for me to add only the SubD buttons for Max's scripts (as opposed to the hot keys I'm now using)?

At this time I don't want to change the entire UI.

Ed Ferguson
From: chippwalters
23 Apr 2015   [#62] In reply to [#61]
Hi Ed,

Currently the scripts I provide only work within Max's framework. You can of course install his framework and ONLY use those buttons (by prefixing a '-' before all the other *command.htm* files).
From: BurrMan
23 Apr 2015   [#63] In reply to [#61]
Hi Ed,
You would edit the Commandbar.htm file in MoI's UI folder to add a button.....

Here is a button next to max's custom UI..




The code to add a button is:

code:
<moi:Spacer/>
<moi:CommandButton icon="icons/plugin.png" command="Subdiv6"</moi:CommandButton>


The icon is an image of your choice. The command is the name of the command....

Image Attachments:
adding_buttons.jpg 


From: Frenchy Pilou (PILOU)
23 Apr 2015   [#64] In reply to [#63]
you write "subdiv6"
in normal way that is "_subdiv_beta6" have you change the name of the command?
From: chippwalters
23 Apr 2015   [#65] In reply to [#63]
Ed, if you wanted to use my icons, then the correct would be:

code:
<moi:Spacer>
<moi:CommandButton icon="icons/subDicon.png" command="_Subdiv_beta6"</moi:CommandButton>


Thanks to Burrman for the heads up. I changed the icons link.
From: BurrMan
23 Apr 2015   [#66] In reply to [#64]
Hi Frenchy,
Yes, i just renamed it for myself. Simplified for typing.
From: BurrMan
23 Apr 2015   [#67] In reply to [#65]
Hey chippwalters,
Well, the icon name "plugin.png" is an icon i have on my system. He would want to create a png icon same as yours and have it named and stored in icons folder, then change that name in the code snipet...
From: chippwalters
23 Apr 2015   [#68] In reply to [#67]
Yep, you're right. I mistyped the code. It should be:

code:
icon="icons/subDicon.png"

Show messages:  1-8  9-28  29-48  49-68  69-88  89-102