Navigator.as 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890
  1. package iTop
  2. {
  3. import flash.display.*;
  4. import flash.geom.*;
  5. import flash.net.*;
  6. import flash.events.*;
  7. import iTop.GraphNode;
  8. import fl.controls.Slider;
  9. import fl.events.SliderEvent;
  10. import fl.controls.Label;
  11. // For callbacks from Javascript
  12. import flash.external.ExternalInterface;
  13. // The main canvas
  14. public class Navigator extends MovieClip
  15. {
  16. public var DEBUG:Boolean = false;
  17. protected var CURRENT_VERSION:String = 'v. 2.0.6';
  18. protected var m_oLoader:URLLoader;
  19. protected var m_aNodes:Object;
  20. protected var m_aLinks:Array;
  21. protected var m_oRootNode:GraphNode;
  22. protected var m_oCanvas:NavigatorCanvas;
  23. public var m_bChildDragging:Boolean;
  24. // Parameters
  25. protected var m_sStartPosition:String;
  26. protected var m_sDataUrl:String;
  27. protected var m_sDetailsUrl:String;
  28. protected var m_sRelation:String;
  29. protected var m_sObjClass:String;
  30. protected var m_sObjId:String;
  31. protected var m_sExclude:String;
  32. // Constants
  33. protected var m_RADIUS = 150;
  34. protected var m_Q = 0.9; // Electrostatic forces coeff
  35. protected var m_K = 1; // Elastic forces coeff
  36. protected var m_Kf = 0.7; // Fluid friction coeff
  37. protected var m_Ks = 30; // Solid friction coeff
  38. protected var m_KsLowFriction = 10; // Solid friction coeff
  39. protected var m_KsHighFriction = 30; // Solid friction coeff
  40. protected var m_deltaT = 0.1; // Interval of time between updates
  41. protected var m_MAX_ITEMS_PER_ROW = 8;
  42. protected var m_FOCUS_DELAY_COUNTDOWN; // Number of images to zoom & pan correctly
  43. protected var m_fZoom:Number;
  44. protected var m_iIterations:int = 0;
  45. public var m_bComputationNeeded = true;
  46. public var m_bAutoPanAndZoom = true;
  47. public var m_bHighFrictionMode = false;
  48. protected var m_iNbNodes:int = 0;
  49. // Constructor
  50. public function Navigator()
  51. {
  52. m_aLinks = [];
  53. m_aNodes = [];
  54. m_sExclude = '';
  55. m_fZoom = 1;
  56. m_Ks = m_KsLowFriction;
  57. m_oLoader = null;
  58. initParameters();
  59. var success = true;
  60. if (ExternalInterface.available)
  61. {
  62. //Security.allowDomain(loader.contentLoaderInfo.url);
  63. //the addCallback registers a function to be called from javascript, and this is what you wanted to do:
  64. try
  65. {
  66. ExternalInterface.addCallback("Filter", DoFilter);
  67. }
  68. catch(err)
  69. {
  70. m_sTitle.text = 'E: '+err.description;
  71. success = false
  72. }
  73. }
  74. if (success)
  75. {
  76. //m_sTitle.text = 'Ok...';
  77. doLoadData();
  78. }
  79. else
  80. {
  81. m_sTitle.text = 'Failed to addCallback';
  82. }
  83. addEventListener(Event.ENTER_FRAME, initGraphics);
  84. //Stop scaling the flash content
  85. stage.scaleMode = StageScaleMode.NO_SCALE;
  86. }
  87. function Reset()
  88. {
  89. m_aLinks = [];
  90. for (var i:String in m_aNodes)
  91. {
  92. m_oCanvas.removeChild(m_aNodes[i]);
  93. }
  94. m_aNodes = [];
  95. m_bAutoPanAndZoom = true;
  96. m_bHighFrictionMode = false;
  97. m_iIterations = 0;
  98. m_iNbNodes = 0;
  99. m_bComputationNeeded = true;
  100. removeEventListener(Event.ENTER_FRAME, drawLines);
  101. stage.removeEventListener(MouseEvent.MOUSE_DOWN, mouseDown)
  102. stage.removeEventListener(MouseEvent.MOUSE_UP, mouseReleased);
  103. stage.removeEventListener(MouseEvent.MOUSE_WHEEL, mouseWheelHandler);
  104. }
  105. function DoFilter(sExcludeList:String):void
  106. {
  107. //do something
  108. m_sExclude = sExcludeList;
  109. doLoadData();
  110. }
  111. protected function initParameters():void
  112. {
  113. m_sDataUrl = ReadParam('xmlUrl', 'c:\\temp\\test.xml');
  114. //m_sDataUrl = ReadParam('xmlUrl', 'c:\\temp\\test2.xml');
  115. //m_sDataUrl = ReadParam('xmlUrl', 'c:\\temp\\navigator.xml');
  116. m_sDetailsUrl = ReadParam('drillUrl', 'http://localhost/pages/UI.php?operation=details');
  117. m_sRelation = ReadParam('relation', 'impacts');
  118. m_sObjClass = ReadParam('obj_class', 'DBServerInstance');
  119. m_sObjId = ReadParam('obj_id', '7');
  120. m_sStartPosition = ReadParam('start_pos', 'left');
  121. }
  122. function initGraphics(event:Event):void
  123. {
  124. stage.align = 'left';
  125. m_oCanvas = new NavigatorCanvas(); // All drawings will occur here
  126. addChild(m_oCanvas);
  127. m_oCanvas.scaleX = m_fZoom;
  128. m_oCanvas.scaleY = m_fZoom;
  129. // Handle listeners...
  130. removeEventListener(Event.ENTER_FRAME,initGraphics);
  131. m_oZoomSlider.value = 100;
  132. m_oZoomSlider.addEventListener(SliderEvent.CHANGE, onZoomChange);
  133. m_oVersion.text = CURRENT_VERSION;
  134. }
  135. function mouseDown(event:MouseEvent):void
  136. {
  137. trace("Click in canvas");
  138. if (!m_bChildDragging)
  139. {
  140. m_bAutoPanAndZoom = false;
  141. m_oCanvas.startDrag();
  142. }
  143. }
  144. function mouseReleased(event:MouseEvent):void
  145. {
  146. if (!m_bChildDragging)
  147. {
  148. m_oCanvas.stopDrag();
  149. trace('Canvas.x = '+m_oCanvas.x+', Canvas.y = '+m_oCanvas.y);
  150. }
  151. }
  152. function mouseWheelHandler(event:MouseEvent):void
  153. {
  154. trace("mouseWheelHandler delta: " + event.delta);
  155. var newZoomLevel:Number = m_fZoom;
  156. if (event.delta > 0)
  157. {
  158. newZoomLevel += 0.05;
  159. if (newZoomLevel < 1.0)
  160. {
  161. SetZoomLevel(newZoomLevel);
  162. m_oZoomSlider.value = Math.round(100*newZoomLevel);
  163. }
  164. }
  165. else
  166. {
  167. newZoomLevel -= 0.05;
  168. if (newZoomLevel > 0.0)
  169. {
  170. SetZoomLevel(newZoomLevel);
  171. m_oZoomSlider.value = Math.round(100*newZoomLevel);
  172. }
  173. }
  174. }
  175. function onZoomChange(event:SliderEvent):void
  176. {
  177. m_bAutoPanAndZoom = false;
  178. SetZoomLevel(event.value/100);
  179. }
  180. function SetZoomLevel(fZoomLevel:Number):void
  181. {
  182. m_fZoom = fZoomLevel;
  183. m_oCanvas.scaleX = m_fZoom;
  184. m_oCanvas.scaleY = m_fZoom;
  185. }
  186. function GetZoomLevel()
  187. {
  188. return m_fZoom;
  189. }
  190. function doLoadData()
  191. {
  192. m_sTitle.text = "Loading...";
  193. m_oPreloader.visible = true;
  194. m_oZoomSlider.enabled = true;
  195. var sSeparator:String = '?';
  196. if (m_sDataUrl.indexOf(sSeparator) != -1)
  197. {
  198. sSeparator = '&';
  199. }
  200. var myString:String = m_sDataUrl+sSeparator+'relation='+m_sRelation+'&class='+m_sObjClass+'&id='+m_sObjId+'&exclude='+m_sExclude;
  201. trace("Requesting:"+myString);
  202. var myXMLURL:URLRequest = new URLRequest(myString);
  203. if (m_oLoader != null)
  204. {
  205. m_oLoader.close();
  206. }
  207. m_oLoader = new URLLoader();
  208. m_oLoader.addEventListener(Event.COMPLETE, onXMLLoadComplete);
  209. m_oLoader.addEventListener(SecurityErrorEvent.SECURITY_ERROR, onXMLLoadError);
  210. m_oLoader.addEventListener(IOErrorEvent.IO_ERROR, onXMLLoadError);
  211. m_oLoader.load(myXMLURL);
  212. }
  213. function onXMLLoadComplete(event:Event):void
  214. {
  215. try
  216. {
  217. Reset();
  218. var myXML:XML = XML(m_oLoader.data);
  219. //trace("Data loaded." + myXML);
  220. //trace("===========================");
  221. parseXMLData(null, myXML, 0, 0);
  222. m_sTitle.text = decodeEntities(myXML.attribute("title").toString());
  223. // Initial positions computation
  224. for(var i=0; i<10; i++)
  225. {
  226. UpdatePositions();
  227. }
  228. UpdatePanAndZoom(1);
  229. addEventListener(Event.ENTER_FRAME, drawLines);
  230. stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDown)
  231. stage.addEventListener(MouseEvent.MOUSE_UP, mouseReleased);
  232. stage.addEventListener(MouseEvent.MOUSE_WHEEL, mouseWheelHandler);
  233. //trace('======= Initial Posistions =========');
  234. //DumpPositions();
  235. }
  236. catch(error:IOErrorEvent)
  237. {
  238. m_sTitle.text = "I/O Error: unable to load the graph data ("+error+")";
  239. }
  240. catch(error:TypeError)
  241. {
  242. m_sTitle.text = "Error: unable to load the graph data (Invalid XML data)";
  243. }
  244. catch(error:Error)
  245. {
  246. m_sTitle.text = "Error: unable to load the graph data ("+error+")";
  247. }
  248. finally
  249. {
  250. if (m_oPreloader != null)
  251. {
  252. m_oPreloader.visible = false;
  253. }
  254. m_oZoomSlider.enabled = true;
  255. m_oVersion.visible = false;
  256. }
  257. }
  258. function onXMLLoadError(event:IOErrorEvent):void
  259. {
  260. if (m_oPreloader != null)
  261. {
  262. m_oPreloader.visible = false;
  263. }
  264. m_sTitle.text = "I/O Error: unable to load the graph data ("+event+")";
  265. }
  266. function parseXMLData(oParentNode:GraphNode, oXMLData:XML, iChildIndex:Number, iChildCount:Number)
  267. {
  268. //trace(oXMLData.child("node").length());
  269. var oNode:GraphNode;
  270. oNode = addNode(oParentNode, oXMLData.child("node")[0], iChildIndex, iChildCount);
  271. if (oParentNode != null)
  272. {
  273. AddLink(oParentNode.GetKey(), oNode.GetKey());
  274. }
  275. //trace('Root node:'+oRoot.toString());
  276. var oLinks = oXMLData.child("node")[0].links;
  277. var iChildIndex:Number = 0;
  278. if (oLinks.length() > 0)
  279. {
  280. //trace('links: '+oLinks.toString());
  281. var oLink = oLinks.link;
  282. for each(var oChild:XML in oLink)
  283. {
  284. parseXMLData(oNode, oChild, iChildIndex, oLinks.link.length());
  285. iChildIndex++;
  286. }
  287. }
  288. }
  289. function decodeEntities(str: String)
  290. {
  291. return str.replace(/&amp;/g, '&').replace(/&gt;/g, '>').replace(/&lt;/g, '<').replace(/&quot;/g, '"').replace(/&apos;/g, "'");
  292. }
  293. function addNode(oParent:GraphNode, oXMLData:XML, iChildIndex:Number, iChildCount:Number)
  294. {
  295. var sClass:String = oXMLData.@obj_class;
  296. var sClassName:String = oXMLData.@obj_class_name;
  297. var iId = oXMLData.@id;
  298. var sLabel:String = decodeEntities(oXMLData.@name);
  299. var sIcon:String = oXMLData.@icon;
  300. var oDetails:Object = {};
  301. var sZlist:String = oXMLData.@zlist;
  302. var oNode:GraphNode = GetNode(sClass+'/'+iId);
  303. if (oNode == null)
  304. {
  305. // If the node does not already exist, let's create it
  306. var oPt:Point = GetNextFreePosition(oParent, iChildIndex, iChildCount);
  307. var sParentKey = null;
  308. if (oParent != null)
  309. {
  310. sParentKey = oParent.GetKey();
  311. }
  312. // Read the details
  313. var aDetails:Array;
  314. aDetails = sZlist.split(',');
  315. for(var i:String in aDetails)
  316. {
  317. //if (oXMLData.hasOwnProperty('att_'+i))
  318. //{
  319. oDetails[aDetails[i]] = oXMLData.attribute('att_'+i).toString();
  320. //}
  321. }
  322. oNode = new GraphNode(this, oPt, sClass, sClassName, iId, sLabel, sIcon, sParentKey, m_fZoom, oDetails);
  323. if (oParent == null)
  324. {
  325. // this is the root node, higlight it
  326. oNode.MarkAsRoot();
  327. }
  328. this.m_aNodes[oNode.GetKey()] = oNode; //Keep it referenced
  329. m_iNbNodes++;
  330. if (oParent == null)
  331. {
  332. m_oRootNode = oNode;
  333. }
  334. m_oCanvas.addChild(oNode);
  335. }
  336. return oNode;
  337. //trace("class: "+sClass+", id: "+iId+", name: "+sLabel+", Icon: "+sIcon);
  338. }
  339. function GetNode(sKey)
  340. {
  341. if (m_aNodes.hasOwnProperty(sKey))
  342. {
  343. return m_aNodes[sKey];
  344. }
  345. else
  346. {
  347. return null;
  348. }
  349. }
  350. function GetNextFreePosition(oParent:GraphNode, iChildIndex:Number, iChildCount:Number):Point
  351. {
  352. var oPt:Point = GetInitialPosition();
  353. var angle:Number = GetInitialAngle();
  354. if (oParent != null)
  355. {
  356. oPt.x = oParent.x;
  357. oPt.y = oParent.y;
  358. var sGrandParentKey:String = oParent.GetParentKey();
  359. if (sGrandParentKey != null)
  360. {
  361. var oGrandParent:GraphNode = GetNode(sGrandParentKey);
  362. var dx:Number = oParent.x - oGrandParent.x;
  363. var dy:Number = oParent.y - oGrandParent.y;
  364. if ((dx == 0) && (dy == 0))
  365. {
  366. angle = GetInitialAngle();
  367. }
  368. else
  369. {
  370. angle = Math.atan2(dy, dx);
  371. }
  372. }
  373. var nbItemsOnRow:Number = 0;
  374. var nbRows:Number = 0;
  375. // Determines the position of this element
  376. // The elements are placed on circles of maximum m_MAX_ITEMS_PER_ROW elements per row
  377. // The last row containing potentially less items
  378. // nbRows indicates on which row (first row = 0) the item is to be placed
  379. if (iChildCount > m_MAX_ITEMS_PER_ROW)
  380. {
  381. nbRows = Math.floor(iChildIndex / m_MAX_ITEMS_PER_ROW);
  382. if ( iChildIndex > (Math.floor(iChildCount / m_MAX_ITEMS_PER_ROW)*m_MAX_ITEMS_PER_ROW))
  383. {
  384. // node is on the last (incomplete) row
  385. nbItemsOnRow = (iChildCount % m_MAX_ITEMS_PER_ROW);
  386. }
  387. else
  388. {
  389. nbItemsOnRow = m_MAX_ITEMS_PER_ROW;
  390. }
  391. }
  392. else
  393. {
  394. if (iChildCount == 2)
  395. {
  396. nbItemsOnRow = 4; // Nicer display than everything aligned at 180 deg.
  397. }
  398. else
  399. {
  400. nbItemsOnRow = iChildCount;
  401. }
  402. }
  403. var radius = this.m_RADIUS * (1 + nbRows);
  404. angle += (1 - 2*((1+iChildIndex) % 2))*(Math.floor((1+iChildIndex) / 2))*(2*Math.PI) / nbItemsOnRow;
  405. oPt.x += radius * Math.cos(angle);
  406. oPt.y += radius * 0.7 * Math.sin(angle); // Ellipse because the labels are written horizontally !
  407. //trace("iChildIndex: "+iChildIndex+" (iChildCount: "+iChildCount+") x: "+oPt.x+" y: "+oPt.y+" sGdParentKey: "+sGrandParentKey);
  408. }
  409. return oPt;
  410. }
  411. function GetInitialPosition():Point
  412. {
  413. trace('width: '+stage.stageWidth+' height: '+stage.stageHeight);
  414. var oPos:Point = new Point(0,0);
  415. switch(m_sStartPosition)
  416. {
  417. case 'left':
  418. oPos.x = m_RADIUS;
  419. oPos.y = stage.stageHeight / 2;
  420. break;
  421. case 'right':
  422. oPos.x = stage.stageWidth - m_RADIUS;
  423. oPos.y = stage.stageHeight / 2;
  424. break;
  425. case 'top':
  426. oPos.x = stage.stageWidth/2;
  427. oPos.y = m_RADIUS;
  428. break;
  429. case 'bottom':
  430. oPos.x = stage.stageWidth/2;
  431. oPos.y = stage.stageHeight - m_RADIUS;
  432. break;
  433. }
  434. return oPos;
  435. }
  436. function GetInitialAngle():Number
  437. {
  438. var angle:Number;
  439. switch(m_sStartPosition)
  440. {
  441. case 'left':
  442. angle = 0;
  443. break;
  444. case 'right':
  445. angle = Math.PI;
  446. break;
  447. case 'top':
  448. angle = -Math.PI / 2;
  449. break;
  450. case 'right':
  451. angle = Math.PI / 2;
  452. break;
  453. }
  454. return angle;
  455. }
  456. function AddLink(sStart:String, sEnd:String)
  457. {
  458. var oLink = new Link(sStart, sEnd);
  459. m_aLinks.push(oLink);
  460. }
  461. function drawLines(event:Event):void
  462. {
  463. var color:uint = 0x666666;
  464. m_oCanvas.graphics.clear();
  465. if (m_bHighFrictionMode)
  466. {
  467. // Increase the friction so that manually manipulating objects gets easier
  468. trace("More friction now...");
  469. m_Ks = m_KsHighFriction; // 5 times more friction
  470. }
  471. else
  472. {
  473. m_Ks = m_KsLowFriction;
  474. }
  475. if (DEBUG)
  476. {
  477. m_oCanvas.graphics.lineStyle(2,0xff3333,100,false,"normal",CapsStyle.ROUND);
  478. var sceneRect:Rectangle = null;
  479. for(var i:String in this.m_aNodes)
  480. {
  481. if (sceneRect == null)
  482. {
  483. sceneRect = GetNode(i).getBounds(m_oCanvas);
  484. }
  485. else
  486. {
  487. sceneRect = sceneRect.union(GetNode(i).getBounds(m_oCanvas));
  488. }
  489. }
  490. if (sceneRect != null)
  491. {
  492. /*
  493. m_oCanvas.graphics.lineStyle(2,0xff0000,100,false,"normal",CapsStyle.ROUND);
  494. m_oCanvas.graphics.moveTo(-500, 0);
  495. m_oCanvas.graphics.lineTo(500, 0);
  496. m_oCanvas.graphics.moveTo(0, -500);
  497. m_oCanvas.graphics.lineTo(0, 500);
  498. m_oCanvas.graphics.moveTo(sceneRect.x, sceneRect.y);
  499. m_oCanvas.graphics.lineTo(sceneRect.x + sceneRect.width, sceneRect.y);
  500. m_oCanvas.graphics.lineTo(sceneRect.x + sceneRect.width, sceneRect.y + sceneRect.height);
  501. m_oCanvas.graphics.lineTo(sceneRect.x, sceneRect.y + sceneRect.height);
  502. m_oCanvas.graphics.lineTo(sceneRect.x, sceneRect.y);
  503. */
  504. }
  505. }
  506. m_oCanvas.graphics.lineStyle(2,0x666666,100);
  507. UpdatePositions();
  508. if (m_bAutoPanAndZoom)
  509. {
  510. UpdatePanAndZoom(1);
  511. }
  512. for (var index:String in m_aLinks)
  513. {
  514. var oStartNode:GraphNode = GetNode(m_aLinks[index].GetStart());
  515. var oEndNode = GetNode(m_aLinks[index].GetEnd());
  516. m_oCanvas.graphics.moveTo(oStartNode.x, oStartNode.y);
  517. m_oCanvas.graphics.lineTo(oEndNode.x, oEndNode.y);
  518. if (DEBUG)
  519. {
  520. m_oCanvas.graphics.drawCircle(oStartNode.x, oStartNode.y, 5);
  521. m_oCanvas.graphics.drawCircle(oEndNode.x, oEndNode.y, 5);
  522. }
  523. var oMiddlePoint:Point = new Point((oEndNode.x+oStartNode.x)/2, (oEndNode.y+oStartNode.y)/2);
  524. drawArrow(oMiddlePoint, oEndNode.x - oStartNode.x, oEndNode.y - oStartNode.y, color);
  525. }
  526. }
  527. function drawArrow(oPt:Point, dx:Number, dy:Number, color:uint):void
  528. {
  529. var l:Number = Math.sqrt(dx*dx+dy*dy);
  530. var arrowSize:Number = 5;
  531. if (l > 0)
  532. {
  533. m_oCanvas.graphics.lineStyle(2,color,100,false,"normal",CapsStyle.ROUND);
  534. m_oCanvas.graphics.moveTo(oPt.x, oPt.y);
  535. m_oCanvas.graphics.lineTo(oPt.x + arrowSize*(dy-dx)/l, oPt.y - arrowSize*(dx+dy)/l);
  536. m_oCanvas.graphics.moveTo(oPt.x, oPt.y);
  537. m_oCanvas.graphics.lineTo(oPt.x - arrowSize*(dx+dy)/l, oPt.y - arrowSize*(dy-dx)/l);
  538. }
  539. }
  540. public function ReadParam(sName:String, sDefaultValue:String)
  541. {
  542. var paramObj:Object = LoaderInfo(this.root.loaderInfo).parameters;
  543. if (paramObj.hasOwnProperty(sName))
  544. {
  545. return unescape(paramObj[sName]);
  546. }
  547. else
  548. {
  549. return sDefaultValue;
  550. }
  551. }
  552. public function ComputeElectrostaticForces():Array
  553. {
  554. var aForces:Array = [];
  555. //trace('====== BEGIN ComputeElectrostaticForces() =======');
  556. for (var i:String in this.m_aNodes)
  557. {
  558. aForces[i] = new Object;
  559. aForces[i].FxTotal = 0;
  560. aForces[i].FyTotal = 0;
  561. var oCurrentNode:GraphNode = GetNode(i);
  562. for (var j:String in this.m_aNodes)
  563. {
  564. if (i != j)
  565. {
  566. var oRemoteNode:GraphNode = GetNode(j);
  567. var dx:Number = oRemoteNode.x - oCurrentNode.x;
  568. var dy:Number = oRemoteNode.y - oCurrentNode.y;
  569. var d2:Number = (dx*dx + dy*dy) / (this.m_RADIUS * this.m_RADIUS);
  570. var Fx:Number = 0;
  571. var Fy:Number = 0;
  572. if (d2 < 0.05)
  573. {
  574. d2 = 0.05;
  575. }
  576. if (d2 < 2 ) // Full influence under 2 * m_RADIUS px
  577. {
  578. Fx = -this.m_Q * dx / d2;
  579. Fy = -this.m_Q * dy / d2;
  580. aForces[i].FxTotal += Fx;
  581. aForces[i].FyTotal += Fy;
  582. }
  583. else if (d2 < 4 ) // Decrease the influence to between 4 and 2 * m_RADIUS px
  584. {
  585. Fx = -this.m_Q * (4 - d2) * dx / d2;
  586. Fy = -this.m_Q * (4 - d2) * dy / d2;
  587. aForces[i].FxTotal += Fx;
  588. aForces[i].FyTotal += Fy;
  589. }
  590. }
  591. }
  592. }
  593. //for (i in this.m_aNodes)
  594. //{
  595. // trace('ELECTROSTATIC forces on '+i+': Fx='+aForces[i].FxTotal+', Fy='+aForces[i].FyTotal);
  596. // if (Math.abs(aForces[i].FyTotal) > 1)
  597. // {
  598. // for (i in this.m_aNodes)
  599. // {
  600. // var oNode:GraphNode = GetNode(i);
  601. // trace('node: '+i+' (x='+oNode.x+', y='+oNode.y+')');
  602. // }
  603. // }
  604. //}
  605. //trace('====== END ComputeElectrostaticForces() =======');
  606. return aForces;
  607. }
  608. function ComputeElasticForces()
  609. {
  610. //trace('====== BEGIN ComputeElasticForces() =======');
  611. var aForces:Array = [];
  612. for (var i:String in this.m_aNodes)
  613. {
  614. aForces[i] = new Object;
  615. aForces[i].FxTotal = 0;
  616. aForces[i].FyTotal = 0;
  617. }
  618. // Elastic forces: each link applies a force proportional to its length (F = - K * x)
  619. for(i in this.m_aLinks)
  620. {
  621. trace(i);
  622. var oStartNode:GraphNode = GetNode(m_aLinks[i].GetStart());
  623. var oEndNode = GetNode(m_aLinks[i].GetEnd());
  624. var dx = oStartNode.x - oEndNode.x;
  625. var dy = oStartNode.y - oEndNode.y;
  626. //d = Math.sqrt(dx*dx + dy*dy);
  627. //Fx = -K * d * dx / d;
  628. //Fy = -K * d * dy / d;
  629. //var Fy = -m_K * d * dy / d;
  630. // Which can be simplified as:
  631. var Fx = -this.m_K * dx;
  632. var Fy = -this.m_K * dy;
  633. // Links with more weight attached are more rigid !
  634. //weightCoeff = (aWeights[aLinks[l].start] + aWeights[aLinks[l].end])/2;
  635. aForces[oStartNode.GetKey()].FxTotal += Fx;
  636. aForces[oStartNode.GetKey()].FyTotal += Fy;
  637. aForces[oEndNode.GetKey()].FxTotal -= Fx;
  638. aForces[oEndNode.GetKey()].FyTotal -= Fy;
  639. }
  640. //for (i in this.m_aNodes)
  641. //{
  642. // trace('Elastic forces on '+i+': Fx='+aForces[i].FxTotal+', Fy='+aForces[i].FyTotal);
  643. // if (Math.abs(aForces[i].FyTotal) > 1)
  644. // {
  645. // for (i in this.m_aNodes)
  646. // {
  647. // var oNode:GraphNode = GetNode(i);
  648. // trace('node: '+i+' (x='+oNode.x+', y='+oNode.y+')');
  649. // }
  650. // }
  651. //}
  652. //trace('====== END ComputeElasticForces() =======');
  653. return aForces;
  654. }
  655. /**
  656. * Update the nodes' position based on their current movement and the forces applied
  657. */
  658. function UpdatePositions()
  659. {
  660. if (!m_bComputationNeeded)
  661. {
  662. trace('Nothing is moving, halting the computation, deltaT='+m_deltaT);
  663. return; // everything is still, no need to recompute
  664. }
  665. //trace('====== BEGIN UpdatePositions() =======');
  666. var aElasticForces:Array = ComputeElasticForces();
  667. var aElectrostaticForces:Array = ComputeElectrostaticForces();
  668. if (DEBUG)
  669. {
  670. DrawForces(aElasticForces, 0xcc0000);
  671. DrawForces(aElectrostaticForces, 0x0000cc);
  672. }
  673. var Ks2:Number = this.m_Ks*this.m_Ks;
  674. var nbNodes:int = 0;
  675. var dxMax:Number = 0;
  676. var dyMax:Number = 0;
  677. var maxAccel2 = 50000.0/(m_fZoom*m_fZoom);
  678. m_bComputationNeeded = false; // Needed only if something is still moving
  679. var nextDeltaT = m_deltaT;
  680. for (var i:String in this.m_aNodes)
  681. {
  682. var oNode:GraphNode = GetNode(i);
  683. if (!oNode.m_bInDrag)
  684. {
  685. var Fx:Number = aElasticForces[i].FxTotal + aElectrostaticForces[i].FxTotal;
  686. var Fy:Number = aElasticForces[i].FyTotal + aElectrostaticForces[i].FyTotal;
  687. if ( (Fx*Fx + Fy*Fy) < (this.m_Ks*this.m_Ks))
  688. {
  689. // Movement is less than minimum level (solid friction) => object is stopped
  690. // otherwise let's keep it moving
  691. oNode.m_speed_x = 0;
  692. oNode.m_speed_y = 0;
  693. //trace('object '+i+' stopped ! (x='+oNode.x+', y='+oNode.y+')');
  694. }
  695. else
  696. {
  697. var Ax = this.m_deltaT*Fx;
  698. var Ay = this.m_deltaT*Fy;
  699. if ((Ax * Ax + Ay *Ay) > maxAccel2)
  700. {
  701. nextDeltaT = m_deltaT*0.95; // Slow down for the next pass
  702. }
  703. oNode.m_speed_x = oNode.m_speed_x*this.m_Kf + this.m_deltaT*Fx;
  704. oNode.m_speed_y = oNode.m_speed_y*this.m_Kf + this.m_deltaT*Fy;
  705. var dx:int = oNode.m_speed_x * this.m_deltaT;
  706. var dy:int = oNode.m_speed_y * this.m_deltaT;
  707. dxMax = Math.max(dxMax, dx);
  708. dyMax = Math.max(dyMax, dy);
  709. if ((dx*m_fZoom > 1) || (dx*m_fZoom > 1))
  710. {
  711. // visibly moving by more than 1 px
  712. oNode.x = oNode.x + dx;
  713. oNode.y = oNode.y + dy;
  714. m_bComputationNeeded = true;
  715. }
  716. //trace('object '+i+' moves (Force: Fx='+Fx+', Fy='+Fy+')! ');
  717. }
  718. }
  719. else
  720. {
  721. m_bComputationNeeded = true;
  722. }
  723. nbNodes++;
  724. }
  725. m_deltaT = nextDeltaT;
  726. trace('Iteration: '+(m_iIterations)+', '+nbNodes+' nodes processed. Max displacement dx='+dxMax+', dy='+dyMax);
  727. m_iIterations++;
  728. //trace('======= Updated Positions =========');
  729. //DumpPositions();
  730. //trace('====== END UpdatePositions() =======');
  731. }
  732. public function DrawForces(aForces:Array, color:uint)
  733. {
  734. for (var i:String in aForces)
  735. {
  736. var oNode:GraphNode = GetNode(i);
  737. var oForce:Object = aForces[i];
  738. m_oCanvas.graphics.lineStyle(2,color,100,false,"normal",CapsStyle.ROUND);
  739. m_oCanvas.graphics.moveTo(oNode.x, oNode.y);
  740. var oEndPoint:Point = new Point;
  741. oEndPoint.x = oNode.x + oForce.FxTotal;
  742. oEndPoint.y = oNode.y + oForce.FyTotal;
  743. m_oCanvas.graphics.lineTo(oEndPoint.x, oEndPoint.y);
  744. drawArrow(oEndPoint, oForce.FxTotal, oForce.FyTotal, color);
  745. //trace('Drawinf vector '+i+': (x='+oNode.x+', y='+oNode.y+') to (x='+oEndPoint.x+', y='+oEndPoint.y+')');
  746. }
  747. }
  748. public function UpdatePanAndZoom(countDownRatio:Number)
  749. {
  750. var sceneRect:Rectangle = null;
  751. for(var i:String in this.m_aNodes)
  752. {
  753. if (sceneRect == null)
  754. {
  755. sceneRect = GetNode(i).getBounds(m_oCanvas);
  756. }
  757. else
  758. {
  759. sceneRect = sceneRect.union(GetNode(i).getBounds(m_oCanvas));
  760. }
  761. }
  762. if (sceneRect != null)
  763. {
  764. var idealZoomLevel:Number = 1;
  765. trace('Stage dimensions: width:'+stage.stageWidth+' height:'+stage.stageHeight);
  766. var wRatio:Number = stage.stageWidth / sceneRect.width;
  767. var hRatio:Number = (stage.stageHeight - 50) / sceneRect.height;
  768. idealZoomLevel = Math.min(Math.min(wRatio, hRatio), 1);
  769. SetZoomLevel(idealZoomLevel);
  770. m_oZoomSlider.value = Math.round(100*idealZoomLevel);
  771. var xOffset:Number = 0;
  772. var yOffset:Number = 0;
  773. var newWidth:Number = sceneRect.width * idealZoomLevel;
  774. var newHeight:Number = sceneRect.height * idealZoomLevel;
  775. xOffset = stage.stageWidth/2 - newWidth/2 - sceneRect.x*idealZoomLevel;
  776. yOffset = 50 + stage.stageHeight/2 - newHeight/2 - sceneRect.y*idealZoomLevel;
  777. m_oCanvas.x = xOffset;
  778. m_oCanvas.y = yOffset;
  779. trace('Scene bounding rect: x:'+sceneRect.x+' y:'+sceneRect.y+' width:'+sceneRect.width+' height:'+sceneRect.height+' zoomLevel:'+idealZoomLevel);
  780. }
  781. }
  782. public function DumpPositions()
  783. {
  784. for (var i:String in this.m_aNodes)
  785. {
  786. var oNode:GraphNode = GetNode(i);
  787. trace(i+' Position: (x='+oNode.x+', y='+oNode.y+')');
  788. }
  789. }
  790. }
  791. }
  792. class Link extends Object
  793. {
  794. protected var m_sStart:String;
  795. protected var m_sEnd:String;
  796. public function Link(sStartNodeKey:String, sEndNodeKey:String)
  797. {
  798. m_sStart = sStartNodeKey;
  799. m_sEnd = sEndNodeKey;
  800. }
  801. public function GetStart():String
  802. {
  803. return m_sStart;
  804. }
  805. public function GetEnd():String
  806. {
  807. return m_sEnd;
  808. }
  809. }
  810. import flash.display.*;
  811. import flash.geom.*;
  812. import flash.events.*;
  813. class NavigatorCanvas extends Sprite
  814. {
  815. public function NavigatorCanvas()
  816. {
  817. }
  818. }