Agents can also organize in flocks. The following properties affect flocking behavior.
In the example below, we create 20 Agents and set their 'seekTarget' to the Walker. We also set 'flocking' to true to enable the flocking behavior.
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> | |
| <title>FloraJS | Simulate natural systems with JavaScript</title> | |
| <link rel="stylesheet" href="http://www.florajs.com/demos/css/burner.min.css" type="text/css" charset="utf-8" /> | |
| <link rel="stylesheet" href="http://www.florajs.com/demos/css/flora.min.css" type="text/css" charset="utf-8" /> | |
| <script src="http://www.florajs.com/demos/scripts/burner.min.js" type="text/javascript" charset="utf-8"></script> | |
| <script src="http://www.florajs.com/demos/scripts/flora.min.js" type="text/javascript" charset="utf-8"></script> | |
| </head> | |
| <body> | |
| <script type="text/javascript" charset="utf-8"> | |
| Burner.System.init(function() { | |
| var walker = this.add('Walker'); | |
| for (var i = 0; i < 20; i++) { | |
| this.add('Agent', { | |
| seekTarget: walker, | |
| flocking: true | |
| }); | |
| } | |
| this.add('Caption', { | |
| text: 'Agents flock to walker', | |
| opacity: 0.4, | |
| borderColor: 'transparent', | |
| position: 'top center' | |
| }); | |
| this.add('InputMenu', { | |
| opacity: 0.4, | |
| borderColor: 'transparent', | |
| position: 'bottom center' | |
| }); | |
| }, { | |
| gravity: new Burner.Vector(), | |
| c: 0 | |
| }); | |
| </script> | |
| </body> | |
| </html> |
