Creating synoptic view in HTML editor?

Issues concerning rigging & Face Robot...
User avatar
minilogoguy18
Posts: 87
Joined: 24 Dec 2012, 19:34

Creating synoptic view in HTML editor?

Post by minilogoguy18 » 23 Jan 2017, 04:36

I once stumbled upon a video that went over this but I think that video was made private on youtube. I'm using the Mod Tool 7.5 version and I find out that saving synoptic views is disabled although you can create them and open them. I would like to know if anyone has any info on making a synoptic view in a html editor, like maybe a tutorial and recommended software since I've heard it's better than using the synoptic editor.

Thanks for any info.

User avatar
Mathaeus
Posts: 1708
Joined: 08 Jun 2009, 21:11
Location: Zagreb, Croatia

Re: Creating synoptic view in HTML editor?

Post by Mathaeus » 23 Jan 2017, 09:56

Synoptic editor in SI is a kind of HTML editor, focused to that purpose, but obviously not having the all possibilities of standard HTML editor, even free one. I've used Kompozer for long time, perhaps there's something newer, today.
It also depends on how you are familiar with basics of HTML. Basically, it's image map with ''area links'', each link is calling some command in SI. So it's possible to create and edit in Notepad or something. Best way IMHO is to take look at some existing solution and start from there.
The renderer "turtle" used by this scene, is not currently available. The "turtle" renderer will be used instead.

User avatar
AceMastermind
Posts: 153
Joined: 15 Jun 2009, 00:57

Re: Creating synoptic view in HTML editor?

Post by AceMastermind » 23 Jan 2017, 10:51

minilogoguy18 wrote:I once stumbled upon a video that went over this but I think that video was made private on youtube.
Was it the one here?
http://www.si-community.com/community/v ... 598#p30598

I sent him a PM to see if there is a chance to restore it.

User avatar
mattmos
Posts: 420
Joined: 02 Dec 2009, 16:59

Re: Creating synoptic view in HTML editor?

Post by mattmos » 23 Jan 2017, 15:53

minilogoguy18 wrote:I once stumbled upon a video that went over this but I think that video was made private on youtube. I'm using the Mod Tool 7.5 version and I find out that saving synoptic views is disabled although you can create them and open them. I would like to know if anyone has any info on making a synoptic view in a html editor, like maybe a tutorial and recommended software since I've heard it's better than using the synoptic editor.

Thanks for any info.
Its actually fairly simple layout/language for the synoptic code , if you take some of the example synoptics that come with xsi and reverse engineer them. The only tricky thing might be to create the hotspot code, but you could set that up in the synoptic editor and then copy paste the code into an external editor like notepad++.

Small note - create 2 jpegs with the images you want, but make one highlighted, and name it (name)_h.jpg - xsi will automatically create the highlight areas on mouse rollover.

User avatar
minilogoguy18
Posts: 87
Joined: 24 Dec 2012, 19:34

Re: Creating synoptic view in HTML editor?

Post by minilogoguy18 » 23 Jan 2017, 15:59

Yeah, that would be the video, I've sent him a message a while back on another video he made and no response.

I'm going to try what was suggested by opening the example scene synoptic pages with a html editor in an effort to reverse engineer them.

User avatar
minilogoguy18
Posts: 87
Joined: 24 Dec 2012, 19:34

Re: Creating synoptic view in HTML editor?

Post by minilogoguy18 » 25 Jan 2017, 04:22

AceMastermind, any response?

I haven't had time to really dig into dissecting a synoptic in kompoZer, I was gonna try first to create one using a trial version of Softimage 2015 and bring it into Mod Tool but I'm now facing the 1603 error with no fix. I thought that making a simple one using my rig which I'm more familiar with would help me learn but I can't seem to get SI2015 to install.

User avatar
minilogoguy18
Posts: 87
Joined: 24 Dec 2012, 19:34

Re: Creating synoptic view in HTML editor?

Post by minilogoguy18 » 25 Jan 2017, 04:35

AceMastermind, any response?

I haven't had time to really dig into dissecting a synoptic in kompoZer, I was gonna try first to create one using a trial version of Softimage 2015 and bring it into Mod Tool but I'm now facing the 1603 error with no fix. I thought that making a simple one using my rig which I'm more familiar with would help me learn but I can't seem to get SI2015 to install.

User avatar
Mathaeus
Posts: 1708
Joined: 08 Jun 2009, 21:11
Location: Zagreb, Croatia

Re: Creating synoptic view in HTML editor?

Post by Mathaeus » 25 Jan 2017, 10:02

minilogoguy18 wrote: I haven't had time to really dig into dissecting a synoptic in kompoZer, I was gonna try first to create one using a trial version of Softimage 2015 and bring it into Mod Tool but I'm now facing the 1603 error with no fix. I thought that making a simple one using my rig which I'm more familiar with would help me learn but I can't seem to get SI2015 to install.
Perhaps something is incompatible between versions. I'll try to post here as much simple, commented example, this evening (now is 10 am here), workable with XSI 7.01. From that point it should be easy for you to adapt.
The renderer "turtle" used by this scene, is not currently available. The "turtle" renderer will be used instead.

User avatar
AceMastermind
Posts: 153
Joined: 15 Jun 2009, 00:57

Re: Creating synoptic view in HTML editor?

Post by AceMastermind » 25 Jan 2017, 10:47

minilogoguy18 wrote:AceMastermind, any response?
No, not yet, the message is still in the "Outbox". I'm not sure he will even respond being his last visit to this site was August 8th, 2014. :-??

User avatar
minilogoguy18
Posts: 87
Joined: 24 Dec 2012, 19:34

Re: Creating synoptic view in HTML editor?

Post by minilogoguy18 » 25 Jan 2017, 13:35

I'm sure synoptics from later versions will work but Softimage 2015 fails to install and it seems to be a problem a lot of people are having.

luceric
Posts: 1201
Joined: 22 Jun 2009, 00:08

Re: Creating synoptic view in HTML editor?

Post by luceric » 25 Jan 2017, 20:12

It's not a html page, it's just an HTML image map.

I think you could use an online editor like this:

https://www.image-map.net/

User avatar
Mathaeus
Posts: 1708
Joined: 08 Jun 2009, 21:11
Location: Zagreb, Croatia

Re: Creating synoptic view in HTML editor?

Post by Mathaeus » 25 Jan 2017, 22:43

Yeah perhaps is better to use online editor.

minilogoguy18, here's simple synoptic, should be easy to adapt. Just save the code as htm file, place it under 'Synoptic' folder of your project. It has three button on image map, for selecting objects or group. That's code at the end, long part at start is just to allow modifier keys for adding or removing to selection.

I know you already know, that:
- your rig is always placed under SI model. If so, you'll be able to use the same synoptic for another model, as long there are objects with same name under model. Let's say if you animate two characters in same time, you'll be able to have two synoptics opened.
- synoptic property is applied with branch select (MMB) to rig's parent (so, not on SI model)
- all related files are placed into 'Synoptic' folder of your project. That is, my_synoptic.htm, appropriate jpg pic too.
- selections or some other command, here, depends on names ('my_nullb' or so), you want these names to match exactly
- buttons in image map, defined at the end, are calling functions defined before ('on_click' in image map). So you want pair, function and appropriate button, for each action.

Code: Select all

<html>
<body version="1">
<script language="JavaScript">

// function to allow modifier keys. Shift, Ctrl and so - do not change this part

function synoptic_select (in_obj, inName) {

var oRoot = Application.ActiveProject.ActiveScene.Root;
	var myObj = oRoot.FindChild(in_obj);
	
var rtn = GetKeyboardState();
var mod;

// get modifier by index
modifier = rtn(1);
//LogMessage( "modifier = " + modifier, siInfo );

// get modifier by argument name
modifier = rtn("Shift");
//LogMessage( "modifier = " + modifier, siInfo );

var str = "";

if ( 1 & modifier )
{
   str = "Shift "
   RemoveFromSelection (myObj.model  + "." + inName);
   AddToSelection (myObj.model  + "." + inName);
}

if ( 2 & modifier )
{
ToggleSelection (myObj.model  + "." + inName);
   str += "Ctrl "
}

if ( 4 & modifier )
{
   str += "Alt "
   SelectObj (myObj.model  + "." + inName);
}

if ( str != "" ) 
{
   LogMessage( str + "pressed", siInfo );
}
else
{
  SelectObj (myObj.model  + "." + inName);
}
}






//-----------------------------------------------
//  select something single example  


function my_null_a (in_obj) {
synoptic_select (in_obj, "my_nulla", null, null);
}



//--------------------------------------------
//  select something another single example  

function my_null_b (in_obj) {
synoptic_select (in_obj, "my_nullb", null, null);
}


//---------------------------------------------
// select group or hierarchy example

function select_bodyrig (in_obj) {
synoptic_select (in_obj, "bodyrig.*", null, null);
}








//



</SCRIPT>

<map name="SynopticMap">
<area shape="circle" coords="45,45,20" title="select_my_null_a" NOHREF onClick="my_null_a">
<area shape="circle" coords="45,100,20" title="select_my_null_b" NOHREF onClick="my_null_b">
<area shape="circle" coords="45,200,20" title="select_my_group" NOHREF onClick="select_bodyrig">


</map>

<img src="my_jpg_image.jpg" usemap="#SynopticMap">

</body>
</html>
The renderer "turtle" used by this scene, is not currently available. The "turtle" renderer will be used instead.

User avatar
minilogoguy18
Posts: 87
Joined: 24 Dec 2012, 19:34

Re: Creating synoptic view in HTML editor?

Post by minilogoguy18 » 28 Jan 2017, 04:55

Well thanks for all the help but I was able (despite running into the various install issues) get a educational license for Softimage 2015 and I'm kinda having both programs open and making the synoptic in that. I wish there were a way to bring the EXP file into 2015 but MT 7.5 doesn't even have EMDL export ability. =(