UNPKG

agentscript

Version:

AgentScript Model in Model/View architecture

51 lines (43 loc) 1.3 kB
<html> <head> <title>virus</title> </head> <body> <script type="module"> import * as util from 'https://code.agentscript.org/src/utils.js' import TwoDraw from 'https://code.agentscript.org/src/TwoDraw.js' import Animator from 'https://code.agentscript.org/src/Animator.js' import Model from 'https://code.agentscript.org/models/VirusModel.js' const turtleColors = { infected: 'red', susceptible: 'blue', resistant: 'gray', } const drawOptions = { patchesColor: 'black', turtlesShape: 'circle', turtlesSize: 1.5, turtlesColor: t => turtleColors[t.state], linksColor: 'rgba(255, 255, 255, 0.50', } const model = new Model() await model.startup() model.setup() const view = new TwoDraw( model, { div: 'modelDiv', patchSize: 10 }, drawOptions ) const anim = new Animator( () => { model.step() view.draw() }, 500, // run 500 steps 30 // 30 fps ) util.toWindow({ util, model, view, anim }) </script> <div id="modelDiv"></div> </body> </html>