Commit610d33b

committed

Added Self loop transitions

1 parent246adb6 commit610d33bCopy full SHA for 610d33b

File tree

+36

-4

lines changed

+36

-4

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`<htmllang="en">`
`3`	`3`	`<head>`
`4`	`4`	`<metacharset="UTF-8"/>`
`5`		`-<linkrel="icon"type="image/svg+xml"href="/vite.svg"/>`
	`5`	`+<linkrel="icon"type="image/svg+xml"href="/fsm-engine.svg"/>`
`6`	`6`	`<metaname="viewport"content="width=device-width, initial-scale=1.0"/>`
`7`	`7`	`<title>FSM Engine</title>`
`8`	`8`	`</head>`

Lines changed: 15 additions & 0 deletions

Lines changed: 0 additions & 1 deletion

This file was deleted.

Lines changed: 0 additions & 1 deletion

This file was deleted.

Lines changed: 20 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -85,6 +85,7 @@ const Editor = () => {`
`85`	`85`	`stroke:"#ffffffe6",`
`86`	`86`	`strokeWidth:2,`
`87`	`87`	`fill:"#ffffffe6",`
	`88`	`+tension:transitionTracker==id ?1 :0.5,`
`88`	`89`	`};`
`89`	`90`
`90`	`91`	`transitions.push(newTransition);`
`@@ -165,6 +166,24 @@ const Editor = () => {`
`165`	`166`
`166`	`167`	`// Generate Points for drawing transition arrow`
`167`	`168`	`functiongetPoints(id1,id2){`
	`169`	`+`
	`170`	`+if(id1==id2){`
	`171`	`+// Self-loop`
	`172`	+constnode=layerRef.current.findOne(`#g${id1}`);
	`173`	`+constx=node.x();`
	`174`	`+consty=node.y();`
	`175`	`+constradius=node.children[0].radius();`
	`176`	`+constoffset=30;`
	`177`	`+`
	`178`	`+constpoints=[`
	`179`	`+x-radius/1.5,y-radius,// Start point (left of the node)`
	`180`	`+x,y-radius-2*offset,// Control point (top)`
	`181`	`+x+radius/1.5,y-radius,// End point (right of the node)`
	`182`	`+];`
	`183`	`+`
	`184`	`+returnpoints;`
	`185`	`+}`
	`186`	`+`
`168`	`187`	constclickedGroup=layerRef.current.findOne(`#g${id2}`);
`169`	`188`
`170`	`189`	conststartNode=layerRef.current.findOne(`#g${id1}`);
`@@ -286,7 +305,7 @@ const Editor = () => {`
`286`	`305`	`strokeWidth={transition.strokeWidth}`
`287`	`306`	`fill={transition.fill}`
`288`	`307`	`points={transition.points}`
`289`		`-tension={0.5}`
	`308`	`+tension={transition.tension}`
`290`	`309`	`/>`
`291`	`310`	`))}`
`292`	`311`	`</Group>`

Comments

(0)