diff --git a/dist/css/style.css b/dist/css/style.css index f78c279..8bfb661 100644 --- a/dist/css/style.css +++ b/dist/css/style.css @@ -226,6 +226,12 @@ button:hover{ margin: 5px; } +#chartContainer { + height: 200px; + width: 100%; +} + + .hot-controls { position: fixed; bottom: 10px; diff --git a/dist/index.html b/dist/index.html index 1870f77..02f41dc 100644 --- a/dist/index.html +++ b/dist/index.html @@ -51,10 +51,6 @@
-
- - -
@@ -92,6 +88,10 @@ readme.

+
+ + +
@@ -226,12 +226,16 @@

Highest count:

Average Mutation Rate:

Largest Organism:

- + +
-
-
+
diff --git a/dist/js/bundle.js b/dist/js/bundle.js index cdc27a3..4b18cc8 100644 --- a/dist/js/bundle.js +++ b/dist/js/bundle.js @@ -1,453 +1 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "./src/index.js"); -/******/ }) -/************************************************************************/ -/******/ ({ - -/***/ "./src/Controllers/CanvasController.js": -/*!*********************************************!*\ - !*** ./src/Controllers/CanvasController.js ***! - \*********************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("\r\n\r\nclass CanvasController{\r\n constructor(env, canvas) {\r\n this.env = env;\r\n this.canvas = canvas;\r\n this.mouse_x;\r\n this.mouse_y;\r\n this.mouse_c;\r\n this.mouse_r;\r\n this.left_click = false;\r\n this.right_click = false;\r\n this.cur_cell = null;\r\n this.cur_org = null;\r\n this.highlight_org = true;\r\n this.defineEvents();\r\n }\r\n\r\n setControlPanel(panel){\r\n this.control_panel = panel;\r\n }\r\n\r\n defineEvents() {\r\n this.canvas.addEventListener('mousemove', e => {\r\n this.updateMouseLocation(e.offsetX, e.offsetY)\r\n this.mouseMove();\r\n });\r\n\r\n this.canvas.addEventListener('mouseup', function(evt) {\r\n evt.preventDefault();\r\n this.updateMouseLocation(evt.offsetX, evt.offsetY)\r\n this.mouseUp();\r\n this.left_click=false;\r\n this.right_click=false;\r\n }.bind(this));\r\n\r\n this.canvas.addEventListener('mousedown', function(evt) {\r\n evt.preventDefault();\r\n this.updateMouseLocation(evt.offsetX, evt.offsetY)\r\n if (evt.button == 0) {\r\n this.left_click = true;\r\n }\r\n if (evt.button == 2) \r\n this.right_click = true;\r\n this.mouseDown();\r\n }.bind(this));\r\n\r\n this.canvas.addEventListener('contextmenu', function(evt) {\r\n evt.preventDefault();\r\n });\r\n\r\n this.canvas.addEventListener('mouseleave', function(){\r\n this.right_click = false;\r\n this.left_click = false;\r\n this.env.renderer.clearAllHighlights(true);\r\n }.bind(this));\r\n\r\n }\r\n\r\n updateMouseLocation(offsetX, offsetY) {\r\n var prev_cell = this.cur_cell;\r\n var prev_org = this.cur_org;\r\n\r\n this.mouse_x = offsetX;\r\n this.mouse_y = offsetY;\r\n var colRow = this.env.grid_map.xyToColRow(this.mouse_x, this.mouse_y);\r\n this.mouse_c = colRow[0];\r\n this.mouse_r = colRow[1];\r\n this.cur_cell = this.env.grid_map.cellAt(this.mouse_c, this.mouse_r);\r\n this.cur_org = this.cur_cell.owner;\r\n\r\n if (this.cur_org != prev_org || this.cur_cell != prev_cell) {\r\n this.env.renderer.clearAllHighlights(true);\r\n if (this.cur_org != null && this.highlight_org) {\r\n this.env.renderer.highlightOrganism(this.cur_org);\r\n }\r\n else if (this.cur_cell != null) {\r\n this.env.renderer.highlightCell(this.cur_cell, true);\r\n }\r\n }\r\n }\r\n\r\n mouseMove() {\r\n alert(\"mouse move must be overridden\");\r\n }\r\n\r\n mouseDown() {\r\n alert(\"mouse down must be overridden\");\r\n }\r\n\r\n mouseUp(){\r\n alert(\"mouse up must be overridden\")\r\n }\r\n}\r\n\r\nmodule.exports = CanvasController;\n\n//# sourceURL=webpack:///./src/Controllers/CanvasController.js?"); - -/***/ }), - -/***/ "./src/Controllers/ControlModes.js": -/*!*****************************************!*\ - !*** ./src/Controllers/ControlModes.js ***! - \*****************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("const Modes = {\r\n None: 0,\r\n FoodDrop: 1,\r\n WallDrop: 2,\r\n ClickKill: 3,\r\n Select: 4,\r\n Edit: 5,\r\n Clone: 6,\r\n Drag: 7\r\n}\r\n\r\nmodule.exports = Modes;\n\n//# sourceURL=webpack:///./src/Controllers/ControlModes.js?"); - -/***/ }), - -/***/ "./src/Controllers/ControlPanel.js": -/*!*****************************************!*\ - !*** ./src/Controllers/ControlPanel.js ***! - \*****************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const Hyperparams = __webpack_require__(/*! ../Hyperparameters */ \"./src/Hyperparameters.js\");\r\nconst Modes = __webpack_require__(/*! ./ControlModes */ \"./src/Controllers/ControlModes.js\");\r\nconst StatsPanel = __webpack_require__(/*! ./StatsPanel */ \"./src/Controllers/StatsPanel.js\");\r\n\r\nclass ControlPanel {\r\n constructor(engine) {\r\n this.engine = engine;\r\n this.defineMinMaxControls();\r\n this.defineEngineSpeedControls();\r\n this.defineGridSizeControls();\r\n this.defineTabNavigation();\r\n this.defineHyperparameterControls();\r\n this.defineModeControls();\r\n this.defineChallenges();\r\n this.fps = engine.fps;\r\n this.organism_record=0;\r\n this.env_controller = this.engine.env.controller;\r\n this.editor_controller = this.engine.organism_editor.controller;\r\n this.env_controller.setControlPanel(this);\r\n this.editor_controller.setControlPanel(this);\r\n this.stats_panel = new StatsPanel();\r\n this.stats_panel.render();\r\n }\r\n\r\n defineMinMaxControls(){\r\n $('#minimize').click ( function() {\r\n $('.control-panel').css('display', 'none');\r\n $('.hot-controls').css('display', 'block');\r\n this.stats_panel.stopAutoRender();\r\n }.bind(this));\r\n $('#maximize').click ( function() {\r\n $('.control-panel').css('display', 'grid');\r\n $('.hot-controls').css('display', 'none');\r\n if (this.id == 'stats') {\r\n self.stats_panel.startAutoRender();\r\n }\r\n });\r\n }\r\n\r\n defineEngineSpeedControls(){\r\n this.slider = document.getElementById(\"slider\");\r\n this.slider.oninput = function() {\r\n this.fps = this.slider.value\r\n if (this.engine.running) {\r\n this.changeEngineSpeed(this.fps);\r\n \r\n }\r\n $('#fps').text(\"Target FPS: \"+this.fps);\r\n }.bind(this);\r\n $('.pause-button').click(function() {\r\n $('.pause-button').find(\"i\").toggleClass(\"fa fa-pause\");\r\n $('.pause-button').find(\"i\").toggleClass(\"fa fa-play\");\r\n if (this.engine.running) {\r\n this.engine.stop();\r\n }\r\n else if (!this.engine.running){\r\n this.engine.start(this.fps);\r\n }\r\n }.bind(this));\r\n }\r\n\r\n defineGridSizeControls() {\r\n $('#fill-window').change(function() {\r\n if (this.checked)\r\n $('.col-row-input').css('display' ,'none');\r\n else\r\n $('.col-row-input').css('display' ,'block');\r\n });\r\n\r\n $('#resize').click(function() {\r\n var cell_size = $('#cell-size').val();\r\n var fill_window = $('#fill-window').is(\":checked\");\r\n if (fill_window) {\r\n this.engine.env.resizeFillWindow(cell_size);\r\n }\r\n else {\r\n var cols = $('#col-input').val();\r\n var rows = $('#row-input').val();\r\n this.engine.env.resizeGridColRow(cell_size, cols, rows);\r\n }\r\n \r\n }.bind(this));\r\n }\r\n\r\n defineTabNavigation() {\r\n this.tab_id = 'about';\r\n var self = this;\r\n $('.tabnav-item').click(function() {\r\n $('.tab').css('display', 'none');\r\n var tab = '#'+this.id+'.tab';\r\n self.engine.organism_editor.is_active = (this.id == 'editor');\r\n if (this.id == 'stats') {\r\n self.stats_panel.startAutoRender();\r\n }\r\n self.id = this.id;\r\n \r\n $(tab).css('display', 'grid');\r\n });\r\n }\r\n\r\n defineHyperparameterControls() {\r\n $('#food-prod-prob').change(function() {\r\n Hyperparams.foodProdProb = $('#food-prod-prob').val();\r\n }.bind(this));\r\n $('#lifespan-multiplier').change(function() {\r\n Hyperparams.lifespanMultiplier = $('#lifespan-multiplier').val();\r\n }.bind(this));\r\n\r\n $('#mover-rot').change(function() {\r\n Hyperparams.moversCanRotate = this.checked;\r\n });\r\n $('#offspring-rot').change(function() {\r\n Hyperparams.offspringRotate = this.checked;\r\n });\r\n $('#insta-kill').change(function() {\r\n Hyperparams.instaKill = this.checked;\r\n });\r\n $('#look-range').change(function() {\r\n Hyperparams.lookRange = $('#look-range').val();\r\n });\r\n $('#food-drop-rate').change(function() {\r\n Hyperparams.foodDropProb = $('#food-drop-rate').val();\r\n });\r\n\r\n $('#evolved-mutation').change( function() {\r\n if (this.checked) {\r\n $('.global-mutation-in').css('display', 'none');\r\n $('#avg-mut').css('display', 'block');\r\n }\r\n else {\r\n $('.global-mutation-in').css('display', 'block');\r\n $('#avg-mut').css('display', 'none');\r\n }\r\n Hyperparams.useGlobalMutability = !this.checked;\r\n });\r\n $('#global-mutation').change( function() {\r\n Hyperparams.globalMutability = $('#global-mutation').val();\r\n });\r\n $('.mut-prob').change( function() {\r\n switch(this.id){\r\n case \"add-prob\":\r\n Hyperparams.addProb = this.value;\r\n Hyperparams.balanceMutationProbs(1);\r\n break;\r\n case \"change-prob\":\r\n Hyperparams.changeProb = this.value;\r\n Hyperparams.balanceMutationProbs(2);\r\n break;\r\n case \"remove-prob\":\r\n Hyperparams.removeProb = this.value;\r\n Hyperparams.balanceMutationProbs(3);\r\n break;\r\n }\r\n $('#add-prob').val(Math.floor(Hyperparams.addProb));\r\n $('#change-prob').val(Math.floor(Hyperparams.changeProb));\r\n $('#remove-prob').val(Math.floor(Hyperparams.removeProb));\r\n });\r\n $('#movers-produce').change( function() {\r\n Hyperparams.moversCanProduce = this.checked;\r\n });\r\n $('#food-blocks').change( function() {\r\n Hyperparams.foodBlocksReproduction = this.checked; \r\n });\r\n $('#reset-rules').click( function() {\r\n Hyperparams.setDefaults();\r\n $('#food-prod-prob').val(Hyperparams.foodProdProb);\r\n $('#lifespan-multiplier').val(Hyperparams.lifespanMultiplier);\r\n $('#mover-rot').prop('checked', Hyperparams.moversCanRotate);\r\n $('#offspring-rot').prop('checked', Hyperparams.offspringRotate);\r\n $('#insta-kill').prop('checked', Hyperparams.instaKill);\r\n $('#evolved-mutation').prop('checked', !Hyperparams.useGlobalMutability);\r\n $('#add-prob').val(Hyperparams.addProb);\r\n $('#change-prob').val(Hyperparams.changeProb);\r\n $('#remove-prob').val(Hyperparams.removeProb);\r\n $('#movers-produce').prop('checked', Hyperparams.moversCanProduce);\r\n $('#food-blocks').prop('checked', Hyperparams.foodBlocksReproduction);\r\n if (!Hyperparams.useGlobalMutability) {\r\n $('.global-mutation-in').css('display', 'none');\r\n $('#avg-mut').css('display', 'block');\r\n }\r\n else {\r\n $('.global-mutation-in').css('display', 'block');\r\n $('#avg-mut').css('display', 'none');\r\n }\r\n });\r\n }\r\n\r\n defineModeControls() {\r\n var self = this;\r\n $('.edit-mode-btn').click( function() {\r\n $('#cell-selections').css('display', 'none');\r\n $('#organism-options').css('display', 'none');\r\n self.editor_controller.setDetailsPanel();\r\n switch(this.id){\r\n case \"food-drop\":\r\n self.setMode(Modes.FoodDrop);\r\n break;\r\n case \"wall-drop\":\r\n self.setMode(Modes.WallDrop);\r\n break;\r\n case \"click-kill\":\r\n self.setMode(Modes.ClickKill);\r\n break;\r\n case \"select\":\r\n self.setMode(Modes.Select);\r\n break;\r\n case \"edit\":\r\n self.setMode(Modes.Edit);\r\n self.editor_controller.setEditorPanel();\r\n break;\r\n case \"drop-org\":\r\n self.setMode(Modes.Clone);\r\n self.env_controller.org_to_clone = self.engine.organism_editor.getCopyOfOrg();\r\n self.env_controller.add_new_species = self.editor_controller.new_species;\r\n self.editor_controller.new_species = false;\r\n // console.log(self.env_controller.add_new_species)\r\n break;\r\n case \"drag-view\":\r\n self.setMode(Modes.Drag);\r\n }\r\n $('.edit-mode-btn').css('background-color', '#9099c2');\r\n $('#'+this.id).css('background-color', '#81d2c7');\r\n });\r\n\r\n $('.reset-view').click( function(){\r\n this.env_controller.resetView();\r\n }.bind(this));\r\n\r\n var env = this.engine.env;\r\n $('#reset-env').click( function() {\r\n this.engine.env.reset();\r\n this.stats_panel.clearData();\r\n }.bind(this));\r\n $('#auto-reset').change(function() {\r\n env.auto_reset = this.checked;\r\n });\r\n $('#clear-walls').click( function() {\r\n if (confirm(\"Are you sure you want to clear all the walls?\")) {\r\n this.engine.env.clearWalls();\r\n }\r\n }.bind(this));\r\n $('#clear-editor').click( function() {\r\n this.engine.organism_editor.clear();\r\n this.editor_controller.setEditorPanel();\r\n }.bind(this));\r\n }\r\n\r\n defineChallenges() {\r\n $('.challenge-btn').click(function() {\r\n $('#challenge-title').text($(this).text());\r\n $('#challenge-description').text($(this).val());\r\n });\r\n }\r\n\r\n setMode(mode) {\r\n this.env_controller.mode = mode;\r\n this.editor_controller.mode = mode;\r\n }\r\n\r\n setEditorOrganism(org) {\r\n this.engine.organism_editor.setOrganismToCopyOf(org);\r\n this.editor_controller.clearDetailsPanel();\r\n this.editor_controller.setDetailsPanel();\r\n }\r\n\r\n changeEngineSpeed(change_val) {\r\n this.engine.stop();\r\n this.engine.start(change_val)\r\n this.fps = this.engine.fps;\r\n }\r\n\r\n update() {\r\n $('#fps-actual').text(\"Actual FPS: \" + Math.floor(this.engine.actual_fps));\r\n var org_count = this.engine.env.organisms.length;\r\n $('#org-count').text(\"Organism count: \" + org_count);\r\n if (org_count > this.organism_record) \r\n this.organism_record = org_count;\r\n $('#org-record').text(\"Highest count: \" + this.organism_record);\r\n $('#avg-mut').text(\"Average Mutation Rate: \" + Math.round(this.engine.env.averageMutability() * 100) / 100);\r\n $('#largest-org').text(\"Largest Organism: \" + this.engine.env.largest_cell_count + \" cells\");\r\n $('#reset-count').text(\"Auto reset count: \" + this.engine.env.reset_count);\r\n this.stats_panel.updateData(this.engine.env.total_ticks, this.engine.env.organisms.length)\r\n }\r\n\r\n}\r\n\r\n\r\nmodule.exports = ControlPanel;\n\n//# sourceURL=webpack:///./src/Controllers/ControlPanel.js?"); - -/***/ }), - -/***/ "./src/Controllers/EditorController.js": -/*!*********************************************!*\ - !*** ./src/Controllers/EditorController.js ***! - \*********************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const CanvasController = __webpack_require__(/*! ./CanvasController */ \"./src/Controllers/CanvasController.js\");\r\nconst Modes = __webpack_require__(/*! ./ControlModes */ \"./src/Controllers/ControlModes.js\");\r\nconst CellStates = __webpack_require__(/*! ../Organism/Cell/CellStates */ \"./src/Organism/Cell/CellStates.js\");\r\nconst Directions = __webpack_require__(/*! ../Organism/Directions */ \"./src/Organism/Directions.js\");\r\nconst Hyperparams = __webpack_require__(/*! ../Hyperparameters */ \"./src/Hyperparameters.js\");\r\n\r\nclass EditorController extends CanvasController{\r\n constructor(env, canvas) {\r\n super(env, canvas);\r\n this.mode = Modes.None;\r\n this.edit_cell_type = null;\r\n this.highlight_org = false;\r\n this.new_species = false;\r\n this.defineCellTypeSelection();\r\n this.defineEditorDetails();\r\n }\r\n\r\n mouseMove() {\r\n if (this.right_click || this.left_click)\r\n this.editOrganism();\r\n }\r\n\r\n mouseDown() {\r\n this.editOrganism();\r\n }\r\n\r\n mouseUp(){}\r\n\r\n getCurLocalCell(){\r\n return this.env.organism.anatomy.getLocalCell(this.mouse_c-this.env.organism.c, this.mouse_r-this.env.organism.r);\r\n }\r\n\r\n editOrganism() {\r\n if (this.edit_cell_type == null || this.mode != Modes.Edit)\r\n return;\r\n if (this.left_click){\r\n if(this.edit_cell_type == CellStates.eye && this.cur_cell.state == CellStates.eye) {\r\n var loc_cell = this.getCurLocalCell();\r\n loc_cell.direction = Directions.rotateRight(loc_cell.direction);\r\n this.env.renderFull();\r\n }\r\n else\r\n this.env.addCellToOrg(this.mouse_c, this.mouse_r, this.edit_cell_type);\r\n }\r\n else if (this.right_click)\r\n this.env.removeCellFromOrg(this.mouse_c, this.mouse_r);\r\n\r\n this.new_species = true;\r\n this.setBrainPanelVisibility();\r\n this.setMoveRangeVisibility();\r\n this.updateDetails();\r\n }\r\n\r\n updateDetails() {\r\n $('.cell-count').text(\"Cell count: \"+this.env.organism.anatomy.cells.length);\r\n }\r\n\r\n defineCellTypeSelection() {\r\n var self = this;\r\n $('.cell-type').click( function() {\r\n switch(this.id){\r\n case \"mouth\":\r\n self.edit_cell_type = CellStates.mouth;\r\n break;\r\n case \"producer\":\r\n self.edit_cell_type = CellStates.producer;\r\n break;\r\n case \"mover\":\r\n self.edit_cell_type = CellStates.mover;\r\n break;\r\n case \"killer\":\r\n self.edit_cell_type = CellStates.killer;\r\n break;\r\n case \"armor\":\r\n self.edit_cell_type = CellStates.armor;\r\n break;\r\n case \"eye\":\r\n self.edit_cell_type = CellStates.eye;\r\n break;\r\n }\r\n $(\".cell-type\" ).css( \"border-color\", \"black\" );\r\n var selected = '#'+this.id+'.cell-type';\r\n $(selected).css(\"border-color\", \"yellow\");\r\n });\r\n }\r\n\r\n defineEditorDetails() {\r\n this.details_html = $('#organism-details');\r\n this.edit_details_html = $('#edit-organism-details');\r\n\r\n this.decision_names = [\"ignore\", \"move away\", \"move towards\"];\r\n\r\n $('#move-range-edit').change ( function() {\r\n this.env.organism.move_range = parseInt($('#move-range-edit').val());\r\n }.bind(this));\r\n $('#observation-type-edit').change ( function() {\r\n this.setBrainEditorValues($('#observation-type-edit').val());\r\n this.setBrainDetails();\r\n }.bind(this));\r\n $('#reaction-edit').change ( function() {\r\n var obs = $('#observation-type-edit').val();\r\n var decision = parseInt($('#reaction-edit').val());\r\n this.env.organism.brain.decisions[obs] = decision;\r\n this.setBrainDetails();\r\n }.bind(this));\r\n }\r\n\r\n clearDetailsPanel() {\r\n $('#organism-details').css('display', 'none');\r\n $('#edit-organism-details').css('display', 'none');\r\n }\r\n\r\n setDetailsPanel() {\r\n this.clearDetailsPanel();\r\n var org = this.env.organism;\r\n \r\n $('.cell-count').text(\"Cell count: \"+org.anatomy.cells.length);\r\n $('#move-range').text(\"Move Range: \"+org.move_range);\r\n $('#mutation-rate').text(\"Mutation Rate: \"+org.mutability);\r\n if (Hyperparams.useGlobalMutability) {\r\n $('#mutation-rate').css('display', 'none');\r\n }\r\n else {\r\n $('#mutation-rate').css('display', 'block');\r\n }\r\n\r\n this.setMoveRangeVisibility();\r\n\r\n if (this.setBrainPanelVisibility()) {\r\n this.setBrainDetails();\r\n\r\n }\r\n $('#organism-details').css('display', 'block');\r\n }\r\n\r\n setEditorPanel() {\r\n this.clearDetailsPanel();\r\n var org = this.env.organism;\r\n\r\n $('.cell-count').text(\"Cell count: \"+org.anatomy.cells.length);\r\n if (this.setMoveRangeVisibility()){\r\n $('#move-range-edit').val(org.move_range);\r\n }\r\n \r\n if (this.setBrainPanelVisibility()){\r\n this.setBrainEditorValues($('#observation-type-edit').val());\r\n }\r\n\r\n $('#cell-selections').css('display', 'grid');\r\n $('#edit-organism-details').css('display', 'block');\r\n }\r\n\r\n setBrainPanelVisibility() {\r\n var org = this.env.organism;\r\n if (org.anatomy.has_eyes && org.anatomy.is_mover) {\r\n $('.brain-details').css('display', 'block');\r\n return true;\r\n }\r\n $('.brain-details').css('display', 'none');\r\n return false;\r\n }\r\n\r\n setBrainDetails() {\r\n var chase_types = [];\r\n var retreat_types = [];\r\n for(var cell_name in this.env.organism.brain.decisions) {\r\n var decision = this.env.organism.brain.decisions[cell_name];\r\n if (decision == 1) {\r\n retreat_types.push(cell_name)\r\n }\r\n else if (decision == 2) {\r\n chase_types.push(cell_name);\r\n }\r\n }\r\n $('.chase-types').text(\"Move Towards: \" + chase_types);\r\n $('.retreat-types').text(\"Move Away From: \" + retreat_types);\r\n }\r\n\r\n setMoveRangeVisibility() {\r\n var org = this.env.organism;\r\n if (org.anatomy.is_mover) {\r\n $('#move-range-cont').css('display', 'block');\r\n $('#move-range').css('display', 'block');\r\n return true;\r\n }\r\n $('#move-range-cont').css('display', 'none');\r\n $('#move-range').css('display', 'none');\r\n return false;\r\n }\r\n\r\n setBrainEditorValues(name) {\r\n $('#observation-type-edit').val(name);\r\n var reaction = this.env.organism.brain.decisions[name];\r\n $('#reaction-edit').val(reaction);\r\n }\r\n}\r\n\r\nmodule.exports = EditorController;\r\n\n\n//# sourceURL=webpack:///./src/Controllers/EditorController.js?"); - -/***/ }), - -/***/ "./src/Controllers/EnvironmentController.js": -/*!**************************************************!*\ - !*** ./src/Controllers/EnvironmentController.js ***! - \**************************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const CanvasController = __webpack_require__(/*! ./CanvasController */ \"./src/Controllers/CanvasController.js\");\r\nconst Organism = __webpack_require__(/*! ../Organism/Organism */ \"./src/Organism/Organism.js\");\r\nconst Modes = __webpack_require__(/*! ./ControlModes */ \"./src/Controllers/ControlModes.js\");\r\nconst CellStates = __webpack_require__(/*! ../Organism/Cell/CellStates */ \"./src/Organism/Cell/CellStates.js\");\r\nconst Neighbors = __webpack_require__(/*! ../Grid/Neighbors */ \"./src/Grid/Neighbors.js\");\r\nconst FossilRecord = __webpack_require__(/*! ../Stats/FossilRecord */ \"./src/Stats/FossilRecord.js\");\r\n\r\nclass EnvironmentController extends CanvasController{\r\n constructor(env, canvas) {\r\n super(env, canvas);\r\n this.mode = Modes.Drag;\r\n this.org_to_clone = null;\r\n this.add_new_species = false;\r\n this.defineZoomControls();\r\n this.scale = 1;\r\n }\r\n\r\n defineZoomControls() {\r\n var scale = 1;\r\n var zoom_speed = 0.5;\r\n const el = document.querySelector('#env-canvas');\r\n el.onwheel = function zoom(event) {\r\n event.preventDefault();\r\n\r\n var sign = -Math.sign(event.deltaY);\r\n\r\n // Restrict scale\r\n scale = Math.max(0.5, this.scale+(sign*zoom_speed));\r\n\r\n if (scale != 0.5) {\r\n var cur_top = parseInt($('#env-canvas').css('top'));\r\n var cur_left = parseInt($('#env-canvas').css('left'));\r\n if (sign == 1) {\r\n // If we're zooming in, zoom towards wherever the mouse is\r\n var diff_x = ((this.canvas.width/2-cur_left/this.scale) - this.mouse_x)*this.scale/1.5;\r\n var diff_y = ((this.canvas.height/2-cur_top/this.scale) - this.mouse_y)*this.scale/1.5;\r\n }\r\n else {\r\n // If we're zooming out, zoom out towards the center\r\n var diff_x = -cur_left/scale;\r\n var diff_y = -cur_top/scale;\r\n }\r\n $('#env-canvas').css('top', (cur_top+diff_y)+'px');\r\n $('#env-canvas').css('left', (cur_left+diff_x)+'px');\r\n }\r\n \r\n // Apply scale transform\r\n el.style.transform = `scale(${scale})`;\r\n this.scale = scale;\r\n\r\n }.bind(this);\r\n }\r\n\r\n resetView() {\r\n $('#env-canvas').css('transform', 'scale(1)');\r\n $('#env-canvas').css('top', '0px');\r\n $('#env-canvas').css('left', '0px');\r\n this.scale = 1;\r\n }\r\n\r\n updateMouseLocation(offsetX, offsetY){\r\n \r\n super.updateMouseLocation(offsetX, offsetY);\r\n }\r\n\r\n mouseMove() {\r\n this.performModeAction();\r\n }\r\n\r\n mouseDown() {\r\n this.start_x = this.mouse_x;\r\n this.start_y = this.mouse_y;\r\n this.performModeAction();\r\n }\r\n\r\n mouseUp() {\r\n\r\n }\r\n\r\n performModeAction() {\r\n var mode = this.mode;\r\n var right_click = this.right_click;\r\n var left_click = this.left_click;\r\n if (mode != Modes.None && (right_click || left_click)) {\r\n var cell = this.cur_cell;\r\n if (cell == null){\r\n return;\r\n }\r\n switch(mode) {\r\n case Modes.FoodDrop:\r\n if (left_click){\r\n this.dropCellType(cell.col, cell.row, CellStates.food, false);\r\n }\r\n else if (right_click){\r\n this.dropCellType(cell.col, cell.row, CellStates.empty, false);\r\n }\r\n break;\r\n case Modes.WallDrop:\r\n if (left_click){\r\n this.dropCellType(cell.col, cell.row, CellStates.wall, true);\r\n\r\n }\r\n else if (right_click){\r\n this.dropCellType(cell.col, cell.row, CellStates.empty, false);\r\n }\r\n break;\r\n case Modes.ClickKill:\r\n this.killNearOrganisms();\r\n break;\r\n\r\n case Modes.Select:\r\n if (this.cur_org == null) {\r\n this.cur_org = this.findNearOrganism();\r\n }\r\n if (this.cur_org != null){\r\n this.control_panel.setEditorOrganism(this.cur_org);\r\n }\r\n break;\r\n\r\n case Modes.Clone:\r\n if (this.org_to_clone != null){\r\n var new_org = new Organism(this.mouse_c, this.mouse_r, this.env, this.org_to_clone);\r\n if (this.add_new_species){\r\n FossilRecord.addSpeciesObj(new_org.species);\r\n new_org.species.start_tick = this.env.total_ticks;\r\n this.add_new_species = false;\r\n new_org.species.population = 0;\r\n }\r\n else if (this.org_to_clone.species.extinct){\r\n FossilRecord.resurrect(this.org_to_clone.species);\r\n }\r\n\r\n if (new_org.isClear(this.mouse_c, this.mouse_r)){\r\n this.env.addOrganism(new_org);\r\n new_org.species.addPop();\r\n }\r\n }\r\n break;\r\n case Modes.Drag:\r\n var cur_top = parseInt($('#env-canvas').css('top'), 10);\r\n var cur_left = parseInt($('#env-canvas').css('left'), 10);\r\n var new_top = cur_top + ((this.mouse_y - this.start_y)*this.scale);\r\n var new_left = cur_left + ((this.mouse_x - this.start_x)*this.scale);\r\n $('#env-canvas').css('top', new_top+'px');\r\n $('#env-canvas').css('left', new_left+'px');\r\n break;\r\n }\r\n }\r\n }\r\n\r\n dropCellType(col, row, state, killBlocking=false) {\r\n for (var loc of Neighbors.allSelf){\r\n var c=col + loc[0];\r\n var r=row + loc[1];\r\n var cell = this.env.grid_map.cellAt(c, r);\r\n if (cell == null)\r\n continue;\r\n if (killBlocking && cell.owner != null){\r\n cell.owner.die();\r\n }\r\n else if (cell.owner != null) {\r\n continue;\r\n }\r\n this.env.changeCell(c, r, state, null);\r\n }\r\n }\r\n\r\n findNearOrganism() {\r\n for (var loc of Neighbors.all){\r\n var c = this.cur_cell.col + loc[0];\r\n var r = this.cur_cell.row + loc[1];\r\n var cell = this.env.grid_map.cellAt(c, r);\r\n if (cell != null && cell.owner != null)\r\n return cell.owner;\r\n }\r\n return null;\r\n }\r\n\r\n killNearOrganisms() {\r\n for (var loc of Neighbors.allSelf){\r\n var c = this.cur_cell.col + loc[0];\r\n var r = this.cur_cell.row + loc[1];\r\n var cell = this.env.grid_map.cellAt(c, r);\r\n if (cell != null && cell.owner != null)\r\n cell.owner.die();\r\n }\r\n }\r\n\r\n\r\n}\r\n\r\nmodule.exports = EnvironmentController;\r\n\n\n//# sourceURL=webpack:///./src/Controllers/EnvironmentController.js?"); - -/***/ }), - -/***/ "./src/Controllers/StatsPanel.js": -/*!***************************************!*\ - !*** ./src/Controllers/StatsPanel.js ***! - \***************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const FossilRecord = __webpack_require__(/*! ../Stats/FossilRecord */ \"./src/Stats/FossilRecord.js\");\r\n\r\nclass StatsPanel {\r\n constructor() {\r\n this.defineControls();\r\n this.clearData();\r\n this.last_update_tick = 0;\r\n this.update_every = 100;\r\n\r\n // maps species to their index in chart's data storage\r\n this.species_index_map = [];\r\n this.index_counter = 0;\r\n this.min_display = 10;\r\n }\r\n\r\n startAutoRender(){\r\n this.render_loop = setInterval(function(){this.render();}.bind(this), 1000);\r\n }\r\n\r\n stopAutoRender() {\r\n clearInterval(this.render_loop);\r\n }\r\n\r\n defineControls() {\r\n $('#update-chart').click( function() {\r\n this.render();\r\n }.bind(this));\r\n }\r\n\r\n updateData(tick, population_size) {\r\n if (tick - this.last_update_tick >= this.update_every){\r\n // this.data[0].dataPoints.push({x: tick, y:population_size});\r\n this.last_update_tick = tick;\r\n\r\n for (var species of FossilRecord.extant_species) {\r\n if (species.cumulative_pop < this.min_display){\r\n continue;\r\n }\r\n \r\n if (this.species_index_map[species.name] == null) {\r\n console.log(\"new species\")\r\n this.species_index_map[species.name] = this.index_counter;\r\n this.index_counter++;\r\n this.data.push({\r\n type: \"line\",\r\n markerType: \"none\",\r\n dataPoints: []\r\n });\r\n }\r\n var data_index = this.species_index_map[species.name];\r\n this.data[data_index].dataPoints.push({x:tick, y:species.population});\r\n }\r\n }\r\n }\r\n \r\n render() {\r\n this.chart.render();\r\n }\r\n\r\n clearData() {\r\n this.data = [{\r\n type: \"line\",\r\n markerType: \"none\",\r\n dataPoints: []\r\n }];\r\n this.chart = new CanvasJS.Chart(\"chartContainer\", {\r\n title:{\r\n text: \"Population\" \r\n },\r\n data: this.data\r\n });\r\n this.render();\r\n }\r\n \r\n}\r\n\r\nmodule.exports = StatsPanel;\n\n//# sourceURL=webpack:///./src/Controllers/StatsPanel.js?"); - -/***/ }), - -/***/ "./src/Engine.js": -/*!***********************!*\ - !*** ./src/Engine.js ***! - \***********************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const WorldEnvironment = __webpack_require__(/*! ./Environments/WorldEnvironment */ \"./src/Environments/WorldEnvironment.js\");\r\nconst ControlPanel = __webpack_require__(/*! ./Controllers/ControlPanel */ \"./src/Controllers/ControlPanel.js\");\r\nconst OrganismEditor = __webpack_require__(/*! ./Environments/OrganismEditor */ \"./src/Environments/OrganismEditor.js\");\r\nconst ColorScheme = __webpack_require__(/*! ./Rendering/ColorScheme */ \"./src/Rendering/ColorScheme.js\");\r\n\r\nconst render_speed = 60;\r\n\r\nclass Engine{\r\n constructor(){\r\n this.fps = 60;\r\n this.env = new WorldEnvironment(5);\r\n this.organism_editor = new OrganismEditor();\r\n this.controlpanel = new ControlPanel(this);\r\n this.colorscheme = new ColorScheme(this.env, this.organism_editor);\r\n this.colorscheme.loadColorScheme();\r\n this.env.OriginOfLife();\r\n this.last_update = Date.now();\r\n this.delta_time = 0;\r\n this.actual_fps = 0;\r\n this.running = false;\r\n }\r\n\r\n start(fps=60) {\r\n if (fps <= 0)\r\n fps = 1;\r\n if (fps > 300)\r\n fps = 300;\r\n this.fps = fps;\r\n this.game_loop = setInterval(function(){this.environmentUpdate();}.bind(this), 1000/fps);\r\n this.running = true;\r\n if (this.fps >= render_speed) {\r\n if (this.render_loop != null) {\r\n clearInterval(this.render_loop);\r\n this.render_loop = null;\r\n }\r\n }\r\n else\r\n this.setRenderLoop();\r\n }\r\n \r\n stop() {\r\n clearInterval(this.game_loop);\r\n this.running = false;\r\n this.setRenderLoop();\r\n }\r\n\r\n setRenderLoop() {\r\n if (this.render_loop == null) {\r\n this.render_loop = setInterval(function(){this.necessaryUpdate();}.bind(this), 1000/render_speed);\r\n }\r\n }\r\n\r\n\r\n environmentUpdate() {\r\n this.delta_time = Date.now() - this.last_update;\r\n this.last_update = Date.now();\r\n this.env.update(this.delta_time);\r\n this.actual_fps = 1/this.delta_time*1000;\r\n if(this.render_loop == null){\r\n this.necessaryUpdate();\r\n }\r\n \r\n }\r\n\r\n necessaryUpdate() {\r\n this.env.render();\r\n this.controlpanel.update();\r\n this.organism_editor.update();\r\n }\r\n\r\n}\r\n\r\nmodule.exports = Engine;\r\n\n\n//# sourceURL=webpack:///./src/Engine.js?"); - -/***/ }), - -/***/ "./src/Environments/Environment.js": -/*!*****************************************!*\ - !*** ./src/Environments/Environment.js ***! - \*****************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("\r\n//An evironment has a grid_map, controller, and renderer\r\nclass Environment{\r\n constructor() {\r\n }\r\n\r\n update(){\r\n alert(\"Environment.update() must be overriden\");\r\n }\r\n\r\n changeCell(c, r, state, owner) {\r\n this.grid_map.setCellType(c, r, state);\r\n this.grid_map.setCellOwner(c, r, owner);\r\n }\r\n}\r\n\r\n\r\nmodule.exports = Environment;\n\n//# sourceURL=webpack:///./src/Environments/Environment.js?"); - -/***/ }), - -/***/ "./src/Environments/OrganismEditor.js": -/*!********************************************!*\ - !*** ./src/Environments/OrganismEditor.js ***! - \********************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const Environment = __webpack_require__(/*! ./Environment */ \"./src/Environments/Environment.js\");\r\nconst Organism = __webpack_require__(/*! ../Organism/Organism */ \"./src/Organism/Organism.js\");\r\nconst GridMap = __webpack_require__(/*! ../Grid/GridMap */ \"./src/Grid/GridMap.js\");\r\nconst Renderer = __webpack_require__(/*! ../Rendering/Renderer */ \"./src/Rendering/Renderer.js\");\r\nconst CellStates = __webpack_require__(/*! ../Organism/Cell/CellStates */ \"./src/Organism/Cell/CellStates.js\");\r\nconst EditorController = __webpack_require__(/*! ../Controllers/EditorController */ \"./src/Controllers/EditorController.js\");\r\nconst Species = __webpack_require__(/*! ../Stats/Species */ \"./src/Stats/Species.js\");\r\n\r\nclass OrganismEditor extends Environment{\r\n constructor() {\r\n super();\r\n this.is_active = true;\r\n var cell_size = 13;\r\n this.renderer = new Renderer('editor-canvas', 'editor-env', cell_size);\r\n this.controller = new EditorController(this, this.renderer.canvas);\r\n this.grid_map = new GridMap(15, 15, cell_size);\r\n this.clear();\r\n }\r\n\r\n update() {\r\n if (this.is_active){\r\n this.renderer.renderHighlights();\r\n }\r\n }\r\n\r\n changeCell(c, r, state, owner) {\r\n super.changeCell(c, r, state, owner);\r\n this.renderFull();\r\n }\r\n\r\n renderFull() {\r\n this.renderer.renderFullGrid(this.grid_map.grid);\r\n }\r\n\r\n // absolute c r, not local\r\n addCellToOrg(c, r, state) {\r\n var center = this.grid_map.getCenter();\r\n var loc_c = c - center[0];\r\n var loc_r = r - center[1];\r\n var prev_cell = this.organism.anatomy.getLocalCell(loc_c, loc_r)\r\n if (prev_cell != null) {\r\n var new_cell = this.organism.anatomy.replaceCell(state, prev_cell.loc_col, prev_cell.loc_row, false);\r\n this.changeCell(c, r, state, new_cell);\r\n }\r\n else if (this.organism.anatomy.canAddCellAt(loc_c, loc_r)){\r\n this.changeCell(c, r, state, this.organism.anatomy.addDefaultCell(state, loc_c, loc_r));\r\n }\r\n this.organism.species = new Species(this.organism.anatomy, null, 0);\r\n }\r\n\r\n removeCellFromOrg(c, r) {\r\n var center = this.grid_map.getCenter();\r\n var loc_c = c - center[0];\r\n var loc_r = r - center[1];\r\n if (loc_c == 0 && loc_r == 0){\r\n alert(\"Cannot remove center cell\");\r\n return;\r\n }\r\n var prev_cell = this.organism.anatomy.getLocalCell(loc_c, loc_r)\r\n if (prev_cell != null) {\r\n if (this.organism.anatomy.removeCell(loc_c, loc_r)) {\r\n this.changeCell(c, r, CellStates.empty, null);\r\n this.organism.species = new Species(this.organism.anatomy, null, 0);\r\n }\r\n }\r\n }\r\n\r\n setOrganismToCopyOf(orig_org) {\r\n this.grid_map.fillGrid(CellStates.empty);\r\n var center = this.grid_map.getCenter();\r\n this.organism = new Organism(center[0], center[1], this, orig_org);\r\n this.organism.updateGrid();\r\n this.controller.updateDetails();\r\n this.controller.new_species = false;\r\n }\r\n \r\n getCopyOfOrg() {\r\n var new_org = new Organism(0, 0, null, this.organism);\r\n return new_org;\r\n }\r\n\r\n clear() {\r\n this.grid_map.fillGrid(CellStates.empty);\r\n var center = this.grid_map.getCenter();\r\n this.organism = new Organism(center[0], center[1], this, null);\r\n this.organism.anatomy.addDefaultCell(CellStates.mouth, 0, 0);\r\n this.organism.updateGrid();\r\n this.organism.species = new Species(this.organism.anatomy, null, 0);\r\n }\r\n}\r\n\r\nmodule.exports = OrganismEditor;\n\n//# sourceURL=webpack:///./src/Environments/OrganismEditor.js?"); - -/***/ }), - -/***/ "./src/Environments/WorldEnvironment.js": -/*!**********************************************!*\ - !*** ./src/Environments/WorldEnvironment.js ***! - \**********************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const Environment = __webpack_require__(/*! ./Environment */ \"./src/Environments/Environment.js\");\r\nconst Renderer = __webpack_require__(/*! ../Rendering/Renderer */ \"./src/Rendering/Renderer.js\");\r\nconst GridMap = __webpack_require__(/*! ../Grid/GridMap */ \"./src/Grid/GridMap.js\");\r\nconst Organism = __webpack_require__(/*! ../Organism/Organism */ \"./src/Organism/Organism.js\");\r\nconst CellStates = __webpack_require__(/*! ../Organism/Cell/CellStates */ \"./src/Organism/Cell/CellStates.js\");\r\nconst EnvironmentController = __webpack_require__(/*! ../Controllers/EnvironmentController */ \"./src/Controllers/EnvironmentController.js\");\r\nconst Hyperparams = __webpack_require__(/*! ../Hyperparameters.js */ \"./src/Hyperparameters.js\");\r\nconst FossilRecord = __webpack_require__(/*! ../Stats/FossilRecord */ \"./src/Stats/FossilRecord.js\");\r\n\r\nclass WorldEnvironment extends Environment{\r\n constructor(cell_size) {\r\n super();\r\n this.renderer = new Renderer('env-canvas', 'env', cell_size);\r\n this.controller = new EnvironmentController(this, this.renderer.canvas);\r\n var grid_rows = Math.floor(this.renderer.height / cell_size);\r\n var grid_cols = Math.floor(this.renderer.width / cell_size);\r\n this.grid_map = new GridMap(grid_cols, grid_rows, cell_size);\r\n this.organisms = [];\r\n this.walls = [];\r\n this.total_mutability = 0;\r\n this.auto_reset = true;\r\n this.largest_cell_count = 0;\r\n this.reset_count = 0;\r\n this.total_ticks = 0;\r\n FossilRecord.setEnv(this);\r\n }\r\n\r\n update(delta_time) {\r\n this.total_ticks ++;\r\n var to_remove = [];\r\n for (var i in this.organisms) {\r\n var org = this.organisms[i];\r\n if (!org.living || !org.update()) {\r\n to_remove.push(i);\r\n }\r\n }\r\n if (Hyperparams.foodDropProb > 0) {\r\n this.generateFood();\r\n }\r\n this.removeOrganisms(to_remove);\r\n }\r\n\r\n render() {\r\n this.renderer.renderCells();\r\n this.renderer.renderHighlights();\r\n }\r\n\r\n removeOrganisms(org_indeces) {\r\n for (var i of org_indeces.reverse()){\r\n this.total_mutability -= this.organisms[i].mutability;\r\n this.organisms.splice(i, 1);\r\n }\r\n if (this.organisms.length == 0 && this.auto_reset){\r\n this.reset_count++;\r\n this.reset();\r\n }\r\n }\r\n\r\n OriginOfLife() {\r\n var center = this.grid_map.getCenter();\r\n var org = new Organism(center[0], center[1], this);\r\n org.anatomy.addDefaultCell(CellStates.mouth, 0, 0);\r\n org.anatomy.addDefaultCell(CellStates.producer, 1, 1);\r\n org.anatomy.addDefaultCell(CellStates.producer, -1, -1);\r\n this.addOrganism(org);\r\n FossilRecord.addSpecies(org, null);\r\n }\r\n\r\n addOrganism(organism) {\r\n organism.updateGrid();\r\n this.total_mutability += organism.mutability;\r\n this.organisms.push(organism);\r\n if (organism.anatomy.cells.length > this.largest_cell_count) \r\n this.largest_cell_count = organism.anatomy.cells.length;\r\n }\r\n\r\n averageMutability() {\r\n if (this.organisms.length < 1)\r\n return 0;\r\n return this.total_mutability / this.organisms.length;\r\n }\r\n\r\n changeCell(c, r, state, owner) {\r\n super.changeCell(c, r, state, owner);\r\n this.renderer.addToRender(this.grid_map.cellAt(c, r));\r\n if(state == CellStates.wall)\r\n this.walls.push(this.grid_map.cellAt(c, r));\r\n }\r\n\r\n clearWalls() {\r\n for(var wall of this.walls){\r\n if (this.grid_map.cellAt(wall.col, wall.row).state == CellStates.wall)\r\n this.changeCell(wall.col, wall.row, CellStates.empty, null);\r\n }\r\n }\r\n\r\n clearOrganisms() {\r\n for (var org of this.organisms)\r\n org.die();\r\n this.organisms = [];\r\n }\r\n\r\n generateFood() {\r\n var num_food = Math.max(Math.floor(this.grid_map.cols*this.grid_map.rows*Hyperparams.foodDropProb/50000), 1)\r\n var prob = Hyperparams.foodDropProb;\r\n for (var i=0; i=0 && row>=0;\r\n }\r\n\r\n getCenter(){\r\n return [Math.floor(this.cols/2), Math.floor(this.rows/2)]\r\n }\r\n\r\n xyToColRow(x, y) {\r\n var c = Math.floor(x/this.cell_size);\r\n var r = Math.floor(y/this.cell_size);\r\n if (c >= this.cols)\r\n c = this.cols-1;\r\n else if (c < 0)\r\n c = 0;\r\n if (r >= this.rows)\r\n r = this.rows-1;\r\n else if (r < 0)\r\n r = 0;\r\n return [c, r];\r\n }\r\n}\r\n\r\nmodule.exports = GridMap;\r\n\n\n//# sourceURL=webpack:///./src/Grid/GridMap.js?"); - -/***/ }), - -/***/ "./src/Grid/Neighbors.js": -/*!*******************************!*\ - !*** ./src/Grid/Neighbors.js ***! - \*******************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("// contains local cell values for the following:\r\n\r\n//all ...\r\n// .x.\r\n// ...\r\n\r\n//adjacent .\r\n// .x.\r\n// .\r\n\r\n//corners . .\r\n// x\r\n// . .\r\n\r\n//allSelf ...\r\n// ...\r\n// ...\r\n\r\nconst Neighbors = {\r\n all: [[0, 1],[0, -1],[1, 0],[-1, 0],[-1, -1],[1, 1],[-1, 1],[1, -1]],\r\n adjacent: [[0, 1],[0, -1],[1, 0],[-1, 0]],\r\n corners: [[-1, -1],[1, 1],[-1, 1],[1, -1]],\r\n allSelf: [[0, 0],[0, 1],[0, -1],[1, 0],[-1, 0],[-1, -1],[1, 1],[-1, 1],[1, -1]]\r\n}\r\n\r\nmodule.exports = Neighbors;\n\n//# sourceURL=webpack:///./src/Grid/Neighbors.js?"); - -/***/ }), - -/***/ "./src/Hyperparameters.js": -/*!********************************!*\ - !*** ./src/Hyperparameters.js ***! - \********************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const Neighbors = __webpack_require__(/*! ./Grid/Neighbors */ \"./src/Grid/Neighbors.js\");\r\n\r\nconst Hyperparams = {\r\n setDefaults: function() {\r\n this.lifespanMultiplier = 100;\r\n this.foodProdProb = 4;\r\n this.foodProdProbScalar = 4;\r\n this.killableNeighbors = Neighbors.adjacent;\r\n this.edibleNeighbors = Neighbors.adjacent;\r\n this.growableNeighbors = Neighbors.adjacent;\r\n\r\n this.useGlobalMutability = false;\r\n this.globalMutability = 5;\r\n this.addProb = 33;\r\n this.changeProb = 33;\r\n this.removeProb = 33;\r\n \r\n this.moversCanRotate = true;\r\n this.offspringRotate = true;\r\n\r\n this.foodBlocksReproduction = true;\r\n this.moversCanProduce = false;\r\n\r\n this.instaKill = false;\r\n\r\n this.lookRange = 20;\r\n\r\n this.foodDropProb = 0;\r\n },\r\n\r\n balanceMutationProbs : function(choice) {\r\n if (choice == 1) {\r\n var remaining = 100 - this.addProb;\r\n this.changeProb = remaining/2;\r\n this.removeProb = remaining/2;\r\n }\r\n else if (choice == 2) {\r\n var remaining = 100 - this.changeProb;\r\n this.addProb = remaining/2;\r\n this.removeProb = remaining/2;\r\n }\r\n else {\r\n var remaining = 100 - this.removeProb;\r\n this.changeProb = remaining/2;\r\n this.addProb = remaining/2;\r\n }\r\n }\r\n}\r\n\r\nHyperparams.setDefaults();\r\n\r\nmodule.exports = Hyperparams;\n\n//# sourceURL=webpack:///./src/Hyperparameters.js?"); - -/***/ }), - -/***/ "./src/Organism/Anatomy.js": -/*!*********************************!*\ - !*** ./src/Organism/Anatomy.js ***! - \*********************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const CellStates = __webpack_require__(/*! ./Cell/CellStates */ \"./src/Organism/Cell/CellStates.js\");\r\nconst BodyCellFactory = __webpack_require__(/*! ./Cell/BodyCells/BodyCellFactory */ \"./src/Organism/Cell/BodyCells/BodyCellFactory.js\");\r\n\r\nclass Anatomy {\r\n constructor(owner) {\r\n this.owner = owner;\r\n this.cells = [];\r\n this.is_producer = false;\r\n this.is_mover = false;\r\n this.has_eyes = false;\r\n this.birth_distance = 4;\r\n }\r\n\r\n canAddCellAt(c, r) {\r\n for (var cell of this.cells) {\r\n if (cell.loc_col == c && cell.loc_row == r){\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n addDefaultCell(state, c, r) {\r\n var new_cell = BodyCellFactory.createDefault(this.owner, state, c, r);\r\n this.cells.push(new_cell);\r\n return new_cell;\r\n }\r\n\r\n addRandomizedCell(state, c, r) {\r\n if (state==CellStates.eye && !this.has_eyes) {\r\n this.owner.brain.randomizeDecisions();\r\n }\r\n var new_cell = BodyCellFactory.createRandom(this.owner, state, c, r);\r\n this.cells.push(new_cell);\r\n return new_cell;\r\n }\r\n\r\n addInheritCell(parent_cell) {\r\n var new_cell = BodyCellFactory.createInherited(this.owner, parent_cell);\r\n this.cells.push(new_cell);\r\n return new_cell;\r\n }\r\n\r\n replaceCell(state, c, r, randomize=true) {\r\n this.removeCell(c, r, true);\r\n if (randomize) {\r\n return this.addRandomizedCell(state, c, r);\r\n }\r\n else {\r\n return this.addDefaultCell(state, c, r);\r\n }\r\n }\r\n\r\n removeCell(c, r, allow_center_removal=false) {\r\n if (c == 0 && r == 0 && !allow_center_removal)\r\n return false;\r\n for (var i=0; i 3)\r\n dir -= 4;\r\n return dir;\r\n }\r\n\r\n performFunction() {\r\n var obs = this.look();\r\n this.org.brain.observe(obs);\r\n }\r\n\r\n look() {\r\n var env = this.org.env;\r\n var direction = this.getAbsoluteDirection();\r\n var addCol = 0;\r\n var addRow = 0;\r\n switch(direction) {\r\n case Directions.up:\r\n addRow = -1;\r\n break;\r\n case Directions.down:\r\n addRow = 1;\r\n break;\r\n case Directions.right:\r\n addCol = 1;\r\n break;\r\n case Directions.left:\r\n addCol = -1;\r\n break;\r\n }\r\n var start_col = this.getRealCol();\r\n var start_row = this.getRealRow();\r\n var col = start_col;\r\n var row = start_row;\r\n var cell = null;\r\n for (var i=0; i 3){\r\n dir = 0;\r\n }\r\n return dir;\r\n }\r\n}\r\n\r\nmodule.exports = Directions;\n\n//# sourceURL=webpack:///./src/Organism/Directions.js?"); - -/***/ }), - -/***/ "./src/Organism/Organism.js": -/*!**********************************!*\ - !*** ./src/Organism/Organism.js ***! - \**********************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const CellStates = __webpack_require__(/*! ./Cell/CellStates */ \"./src/Organism/Cell/CellStates.js\");\r\nconst Neighbors = __webpack_require__(/*! ../Grid/Neighbors */ \"./src/Grid/Neighbors.js\");\r\nconst Hyperparams = __webpack_require__(/*! ../Hyperparameters */ \"./src/Hyperparameters.js\");\r\nconst Directions = __webpack_require__(/*! ./Directions */ \"./src/Organism/Directions.js\");\r\nconst Anatomy = __webpack_require__(/*! ./Anatomy */ \"./src/Organism/Anatomy.js\");\r\nconst Brain = __webpack_require__(/*! ./Perception/Brain */ \"./src/Organism/Perception/Brain.js\");\r\nconst FossilRecord = __webpack_require__(/*! ../Stats/FossilRecord */ \"./src/Stats/FossilRecord.js\");\r\n\r\nclass Organism {\r\n constructor(col, row, env, parent=null) {\r\n this.c = col;\r\n this.r = row;\r\n this.env = env;\r\n this.lifetime = 0;\r\n this.food_collected = 0;\r\n this.living = true;\r\n this.anatomy = new Anatomy(this)\r\n this.direction = Directions.down; // direction of movement\r\n this.rotation = Directions.up; // direction of rotation\r\n this.can_rotate = Hyperparams.moversCanRotate;\r\n this.move_count = 0;\r\n this.move_range = 4;\r\n this.ignore_brain_for = 0;\r\n this.mutability = 5;\r\n this.damage = 0;\r\n this.brain = new Brain(this);\r\n if (parent != null) {\r\n this.inherit(parent);\r\n }\r\n }\r\n\r\n inherit(parent) {\r\n this.move_range = parent.move_range;\r\n this.mutability = parent.mutability;\r\n this.species = parent.species;\r\n // this.birth_distance = parent.birth_distance;\r\n for (var c of parent.anatomy.cells){\r\n //deep copy parent cells\r\n this.anatomy.addInheritCell(c);\r\n }\r\n if(parent.anatomy.is_mover) {\r\n for (var i in parent.brain.decisions) {\r\n this.brain.decisions[i] = parent.brain.decisions[i];\r\n }\r\n }\r\n }\r\n\r\n // amount of food required before it can reproduce\r\n foodNeeded() {\r\n return this.anatomy.cells.length;\r\n }\r\n\r\n lifespan() {\r\n // console.log(Hyperparams.lifespanMultiplier)\r\n return this.anatomy.cells.length * Hyperparams.lifespanMultiplier;\r\n }\r\n\r\n maxHealth() {\r\n return this.anatomy.cells.length;\r\n }\r\n\r\n reproduce() {\r\n //produce mutated child\r\n //check nearby locations (is there room and a direct path)\r\n var org = new Organism(0, 0, this.env, this);\r\n if(Hyperparams.offspringRotate){\r\n org.rotation = Directions.getRandomDirection();\r\n }\r\n var prob = this.mutability;\r\n if (Hyperparams.useGlobalMutability){\r\n prob = Hyperparams.globalMutability;\r\n }\r\n else {\r\n //mutate the mutability\r\n if (Math.random() <= 0.5)\r\n org.mutability++;\r\n else{ \r\n org.mutability--;\r\n if (org.mutability < 1)\r\n org.mutability = 1;\r\n }\r\n } \r\n var mutated = false;\r\n if (Math.random() * 100 <= prob) {\r\n if (org.anatomy.is_mover && Math.random() * 100 <= 10) { \r\n if (org.anatomy.has_eyes) {\r\n org.brain.mutate();\r\n }\r\n org.move_range += Math.floor(Math.random() * 4) - 2;\r\n if (org.move_range <= 0){\r\n org.move_range = 1;\r\n };\r\n \r\n }\r\n else {\r\n mutated = org.mutate();\r\n }\r\n }\r\n\r\n var direction = Directions.getRandomScalar();\r\n var direction_c = direction[0];\r\n var direction_r = direction[1];\r\n var offset = (Math.floor(Math.random() * 3));\r\n var basemovement = this.anatomy.birth_distance;\r\n var new_c = this.c + (direction_c*basemovement) + (direction_c*offset);\r\n var new_r = this.r + (direction_r*basemovement) + (direction_r*offset);\r\n\r\n // console.log(org.isClear(new_c, new_r, org.rotation, true))\r\n if (org.isClear(new_c, new_r, org.rotation, true) && org.isStraightPath(new_c, new_r, this.c, this.r, this)){\r\n org.c = new_c;\r\n org.r = new_r;\r\n this.env.addOrganism(org);\r\n org.updateGrid();\r\n if (mutated) {\r\n FossilRecord.addSpecies(org, this.species);\r\n }\r\n else {\r\n org.species.addPop();\r\n }\r\n }\r\n this.food_collected -= this.foodNeeded();\r\n\r\n }\r\n\r\n mutate() {\r\n var choice = Math.floor(Math.random() * 100);\r\n var mutated = false;\r\n if (choice <= Hyperparams.addProb) {\r\n // add cell\r\n // console.log(\"add cell\")\r\n\r\n var branch = this.anatomy.getRandomCell();\r\n var state = CellStates.getRandomLivingType();//branch.state;\r\n var growth_direction = Neighbors.all[Math.floor(Math.random() * Neighbors.all.length)]\r\n var c = branch.loc_col+growth_direction[0];\r\n var r = branch.loc_row+growth_direction[1];\r\n if (this.anatomy.canAddCellAt(c, r)){\r\n mutated = true;\r\n this.anatomy.addRandomizedCell(state, c, r);\r\n }\r\n }\r\n else if (choice <= Hyperparams.addProb + Hyperparams.changeProb){\r\n // change cell\r\n var cell = this.anatomy.getRandomCell();\r\n var state = CellStates.getRandomLivingType();\r\n // console.log(\"change cell\", state)\r\n this.anatomy.replaceCell(state, cell.loc_col, cell.loc_row);\r\n mutated = true;\r\n }\r\n else if (choice <= Hyperparams.addProb + Hyperparams.changeProb + Hyperparams.removeProb){\r\n // remove cell\r\n // console.log(\"remove cell\")\r\n\r\n if(this.anatomy.cells.length > 1) {\r\n var cell = this.anatomy.getRandomCell();\r\n mutated = this.anatomy.removeCell(cell.loc_col, cell.loc_row);\r\n }\r\n }\r\n return mutated;\r\n }\r\n\r\n attemptMove() {\r\n var direction = Directions.scalars[this.direction];\r\n var direction_c = direction[0];\r\n var direction_r = direction[1];\r\n var new_c = this.c + direction_c;\r\n var new_r = this.r + direction_r;\r\n if (this.isClear(new_c, new_r)) {\r\n for (var cell of this.anatomy.cells) {\r\n var real_c = this.c + cell.rotatedCol(this.rotation);\r\n var real_r = this.r + cell.rotatedRow(this.rotation);\r\n this.env.changeCell(real_c, real_r, CellStates.empty, null);\r\n }\r\n this.c = new_c;\r\n this.r = new_r;\r\n this.updateGrid();\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n attemptRotate() {\r\n if(!this.can_rotate){\r\n this.direction = Directions.getRandomDirection();\r\n this.move_count = 0;\r\n return true;\r\n }\r\n var new_rotation = Directions.getRandomDirection();\r\n if(this.isClear(this.c, this.r, new_rotation)){\r\n for (var cell of this.anatomy.cells) {\r\n var real_c = this.c + cell.rotatedCol(this.rotation);\r\n var real_r = this.r + cell.rotatedRow(this.rotation);\r\n this.env.changeCell(real_c, real_r, CellStates.empty, null);\r\n }\r\n this.rotation = new_rotation;\r\n this.direction = Directions.getRandomDirection();\r\n this.updateGrid();\r\n this.move_count = 0;\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n changeDirection(dir) {\r\n this.direction = dir;\r\n this.move_count = 0;\r\n }\r\n\r\n // assumes either c1==c2 or r1==r2, returns true if there is a clear path from point 1 to 2\r\n isStraightPath(c1, r1, c2, r2, parent){\r\n if (c1 == c2) {\r\n if (r1 > r2){\r\n var temp = r2;\r\n r2 = r1;\r\n r1 = temp;\r\n }\r\n for (var i=r1; i!=r2; i++) {\r\n var cell = this.env.grid_map.cellAt(c1, i)\r\n if (!this.isPassableCell(cell, parent)){\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n else {\r\n if (c1 > c2){\r\n var temp = c2;\r\n c2 = c1;\r\n c1 = temp;\r\n }\r\n for (var i=c1; i!=c2; i++) {\r\n var cell = this.env.grid_map.cellAt(i, r1);\r\n if (!this.isPassableCell(cell, parent)){\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n }\r\n\r\n isPassableCell(cell, parent){\r\n return cell != null && (cell.state == CellStates.empty || cell.owner == this || cell.owner == parent || cell.state == CellStates.food);\r\n }\r\n\r\n isClear(col, row, rotation=this.rotation, ignore_armor=false) {\r\n for(var loccell of this.anatomy.cells) {\r\n var cell = this.getRealCell(loccell, col, row, rotation);\r\n if (cell==null) {\r\n return false;\r\n }\r\n // console.log(cell.owner == this)\r\n if (cell.owner==this || cell.state==CellStates.empty || (!Hyperparams.foodBlocksReproduction && cell.state==CellStates.food) || (ignore_armor && loccell.state==CellStates.armor && cell.state==CellStates.food)){\r\n continue;\r\n }\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n harm() {\r\n this.damage++;\r\n if (this.damage >= this.maxHealth() || Hyperparams.instaKill) {\r\n this.die();\r\n }\r\n }\r\n\r\n die() {\r\n for (var cell of this.anatomy.cells) {\r\n var real_c = this.c + cell.rotatedCol(this.rotation);\r\n var real_r = this.r + cell.rotatedRow(this.rotation);\r\n this.env.changeCell(real_c, real_r, CellStates.food, null);\r\n }\r\n this.species.decreasePop();\r\n this.living = false;\r\n }\r\n\r\n updateGrid() {\r\n for (var cell of this.anatomy.cells) {\r\n var real_c = this.c + cell.rotatedCol(this.rotation);\r\n var real_r = this.r + cell.rotatedRow(this.rotation);\r\n this.env.changeCell(real_c, real_r, cell.state, cell);\r\n }\r\n }\r\n\r\n update() {\r\n this.lifetime++;\r\n if (this.lifetime > this.lifespan()) {\r\n this.die();\r\n return this.living;\r\n }\r\n if (this.food_collected >= this.foodNeeded()) {\r\n this.reproduce();\r\n }\r\n for (var cell of this.anatomy.cells) {\r\n cell.performFunction();\r\n if (!this.living)\r\n return this.living\r\n }\r\n \r\n if (this.anatomy.is_mover) {\r\n this.move_count++;\r\n var changed_dir = false;\r\n if (this.ignore_brain_for == 0){\r\n changed_dir = this.brain.decide();\r\n } \r\n else{\r\n this.ignore_brain_for --;\r\n }\r\n var moved = this.attemptMove();\r\n if ((this.move_count > this.move_range && !changed_dir) || !moved){\r\n var rotated = this.attemptRotate();\r\n if (!rotated) {\r\n this.changeDirection(Directions.getRandomDirection());\r\n if (changed_dir)\r\n this.ignore_brain_for = this.move_range + 1;\r\n }\r\n }\r\n }\r\n\r\n return this.living;\r\n }\r\n\r\n getRealCell(local_cell, c=this.c, r=this.r, rotation=this.rotation){\r\n var real_c = c + local_cell.rotatedCol(rotation);\r\n var real_r = r + local_cell.rotatedRow(rotation);\r\n return this.env.grid_map.cellAt(real_c, real_r);\r\n }\r\n\r\n}\r\n\r\nmodule.exports = Organism;\r\n\n\n//# sourceURL=webpack:///./src/Organism/Organism.js?"); - -/***/ }), - -/***/ "./src/Organism/Perception/Brain.js": -/*!******************************************!*\ - !*** ./src/Organism/Perception/Brain.js ***! - \******************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const Hyperparams = __webpack_require__(/*! ../../Hyperparameters */ \"./src/Hyperparameters.js\");\r\nconst Directions = __webpack_require__(/*! ../Directions */ \"./src/Organism/Directions.js\");\r\nconst CellStates = __webpack_require__(/*! ../Cell/CellStates */ \"./src/Organism/Cell/CellStates.js\");\r\n\r\nconst Decision = {\r\n neutral: 0,\r\n retreat: 1,\r\n chase: 2,\r\n getRandom: function(){\r\n return Math.floor(Math.random() * 3);\r\n },\r\n getRandomNonNeutral: function() {\r\n return Math.floor(Math.random() * 2)+1;\r\n }\r\n}\r\n\r\nclass Brain {\r\n constructor(owner){\r\n this.owner = owner;\r\n this.observations = [];\r\n\r\n // corresponds to CellTypes\r\n this.decisions = [];\r\n this.decisions[CellStates.empty.name] = Decision.neutral;\r\n this.decisions[CellStates.food.name] = Decision.chase;\r\n this.decisions[CellStates.wall.name] = Decision.neutral;\r\n this.decisions[CellStates.mouth.name] = Decision.neutral;\r\n this.decisions[CellStates.producer.name] = Decision.neutral;\r\n this.decisions[CellStates.mover.name] = Decision.neutral;\r\n this.decisions[CellStates.killer.name] = Decision.retreat;\r\n this.decisions[CellStates.armor.name] = Decision.neutral;\r\n this.decisions[CellStates.eye.name] = Decision.neutral;\r\n }\r\n\r\n randomizeDecisions() {\r\n // randomize the non obvious decisions\r\n this.decisions[CellStates.mouth.name] = Decision.getRandom();\r\n this.decisions[CellStates.producer.name] = Decision.getRandom();\r\n this.decisions[CellStates.mover.name] = Decision.getRandom();\r\n this.decisions[CellStates.armor.name] = Decision.getRandom();\r\n this.decisions[CellStates.eye.name] = Decision.getRandom();\r\n }\r\n\r\n observe(observation) {\r\n this.observations.push(observation);\r\n }\r\n\r\n decide() {\r\n var decision = Decision.neutral;\r\n var closest = Hyperparams.lookRange + 1;\r\n var move_direction = 0;\r\n for (var obs of this.observations) {\r\n if (obs.cell == null || obs.cell.owner == this.owner) {\r\n continue;\r\n }\r\n if (obs.distance < closest) {\r\n // console.log(obs.cell.state)\r\n decision = this.decisions[obs.cell.state.name];\r\n // console.log(decision)\r\n move_direction = obs.direction;\r\n closest = obs.distance;\r\n }\r\n }\r\n this.observations = [];\r\n if (decision == Decision.chase) {\r\n this.owner.changeDirection(move_direction);\r\n return true;\r\n }\r\n else if (decision == Decision.retreat) {\r\n this.owner.changeDirection(Directions.getOppositeDirection(move_direction));\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n mutate() {\r\n this.decisions[CellStates.getRandomName()] = Decision.getRandom();\r\n this.decisions[CellStates.empty.name] = Decision.neutral; // if the empty cell has a decision it gets weird\r\n }\r\n}\r\n\r\nmodule.exports = Brain;\n\n//# sourceURL=webpack:///./src/Organism/Perception/Brain.js?"); - -/***/ }), - -/***/ "./src/Organism/Perception/Observation.js": -/*!************************************************!*\ - !*** ./src/Organism/Perception/Observation.js ***! - \************************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("class Observation {\r\n constructor(cell, distance, direction){\r\n this.cell = cell;\r\n this.distance = distance;\r\n this.direction = direction;\r\n }\r\n}\r\n\r\nmodule.exports = Observation;\n\n//# sourceURL=webpack:///./src/Organism/Perception/Observation.js?"); - -/***/ }), - -/***/ "./src/Rendering/ColorScheme.js": -/*!**************************************!*\ - !*** ./src/Rendering/ColorScheme.js ***! - \**************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const CellStates = __webpack_require__(/*! ../Organism/Cell/CellStates */ \"./src/Organism/Cell/CellStates.js\");\r\n\r\nvar color_scheme = {\r\n \"empty\":\"#0E1318\",\r\n \"food\":\"#2F7AB7\",\r\n \"wall\":\"gray\",\r\n \"mouth\":\"#DEB14D\",\r\n \"producer\":\"#15DE59\",\r\n \"mover\":\"#60D4FF\",\r\n \"killer\":\"#F82380\",\r\n \"armor\":\"#7230DB\",\r\n \"eye\":\"#B6C1EA\",\r\n \"eye-slit\": \"#0E1318\"\r\n}\r\n\r\n// Renderer controls access to a canvas. There is one renderer for each canvas\r\nclass ColorScheme {\r\n constructor(world_env, editor_env) {\r\n this.world_env = world_env;\r\n this.editor_env = editor_env;\r\n }\r\n\r\n loadColorScheme() {\r\n for (var state of CellStates.all) {\r\n state.color = color_scheme[state.name];\r\n }\r\n CellStates.eye.slit_color=color_scheme['eye-slit']\r\n for (var cell_type in color_scheme) {\r\n $('#'+cell_type+'.cell-type ').css('background-color', color_scheme[cell_type]);\r\n $('#'+cell_type+'.cell-legend-type').css('background-color', color_scheme[cell_type]);\r\n \r\n }\r\n this.world_env.renderer.renderFullGrid(this.world_env.grid_map.grid);\r\n this.editor_env.renderer.renderFullGrid(this.editor_env.grid_map.grid);\r\n }\r\n}\r\n\r\nmodule.exports = ColorScheme;\n\n//# sourceURL=webpack:///./src/Rendering/ColorScheme.js?"); - -/***/ }), - -/***/ "./src/Rendering/Renderer.js": -/*!***********************************!*\ - !*** ./src/Rendering/Renderer.js ***! - \***********************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// const CellTypes = require(\"../Organism/Cell/CellTypes\");\r\nconst CellStates = __webpack_require__(/*! ../Organism/Cell/CellStates */ \"./src/Organism/Cell/CellStates.js\");\r\nconst Directions = __webpack_require__(/*! ../Organism/Directions */ \"./src/Organism/Directions.js\");\r\n\r\n// Renderer controls access to a canvas. There is one renderer for each canvas\r\nclass Renderer {\r\n constructor(canvas_id, container_id, cell_size) {\r\n this.cell_size = cell_size;\r\n this.canvas = document.getElementById(canvas_id);\r\n this.ctx = this.canvas.getContext(\"2d\");\r\n this.fillWindow(container_id)\r\n\t\tthis.height = this.canvas.height;\r\n this.width = this.canvas.width;\r\n this.cells_to_render = new Set();\r\n this.cells_to_highlight = new Set();\r\n this.highlighted_cells = new Set();\r\n }\r\n\r\n fillWindow(container_id) {\r\n this.fillShape($('#'+container_id).height(), $('#'+container_id).width());\r\n }\r\n\r\n fillShape(height, width) {\r\n this.canvas.width = width;\r\n this.canvas.height = height;\r\n this.height = this.canvas.height;\r\n this.width = this.canvas.width;\r\n }\r\n\r\n clear() {\r\n this.ctx.fillStyle = 'white';\r\n this.ctx.fillRect(0, 0, this.height, this.width);\r\n }\r\n\r\n renderFullGrid(grid) {\r\n for (var col of grid) {\r\n for (var cell of col){\r\n this.renderCell(cell);\r\n }\r\n }\r\n }\r\n\r\n renderCells() {\r\n for (var cell of this.cells_to_render) {\r\n this.renderCell(cell);\r\n }\r\n this.cells_to_render.clear();\r\n }\r\n\r\n renderCell(cell) {\r\n cell.state.render(this.ctx, cell, this.cell_size);\r\n }\r\n\r\n renderOrganism(org) {\r\n for(var org_cell of org.anatomy.cells) {\r\n var cell = org.getRealCell(org_cell);\r\n this.renderCell(cell);\r\n }\r\n }\r\n\r\n addToRender(cell) {\r\n if (this.highlighted_cells.has(cell)){\r\n this.cells_to_highlight.add(cell);\r\n }\r\n this.cells_to_render.add(cell);\r\n }\r\n\r\n renderHighlights() {\r\n for (var cell of this.cells_to_highlight) {\r\n this.renderCellHighlight(cell);\r\n this.highlighted_cells.add(cell);\r\n }\r\n this.cells_to_highlight.clear();\r\n \r\n }\r\n\r\n highlightOrganism(org) {\r\n for(var org_cell of org.anatomy.cells) {\r\n var cell = org.getRealCell(org_cell);\r\n this.cells_to_highlight.add(cell);\r\n }\r\n }\r\n\r\n highlightCell(cell) {\r\n this.cells_to_highlight.add(cell);\r\n }\r\n\r\n renderCellHighlight(cell, color=\"yellow\") {\r\n this.renderCell(cell);\r\n this.ctx.fillStyle = color;\r\n this.ctx.globalAlpha = 0.5;\r\n this.ctx.fillRect(cell.x, cell.y, this.cell_size, this.cell_size);\r\n this.ctx.globalAlpha = 1;\r\n this.highlighted_cells.add(cell);\r\n }\r\n\r\n clearAllHighlights(clear_to_highlight=false) {\r\n for (var cell of this.highlighted_cells) {\r\n this.renderCell(cell);\r\n }\r\n this.highlighted_cells.clear();\r\n if (clear_to_highlight) {\r\n this.cells_to_highlight.clear();\r\n }\r\n }\r\n}\r\n\r\n// $(\"body\").mousemove(function(e) {\r\n// console.log(\"hello\");\r\n// });\r\n\r\nmodule.exports = Renderer;\r\n\n\n//# sourceURL=webpack:///./src/Rendering/Renderer.js?"); - -/***/ }), - -/***/ "./src/Stats/FossilRecord.js": -/*!***********************************!*\ - !*** ./src/Stats/FossilRecord.js ***! - \***********************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("const Species = __webpack_require__(/*! ./Species */ \"./src/Stats/Species.js\");\r\n\r\nconst FossilRecord = {\r\n init: function(){\r\n this.extant_species = [];\r\n this.extinct_species = [];\r\n\r\n // if an organism has fewer than this cumulative pop, discard them on extinction\r\n this.min_discard = 5;\r\n },\r\n\r\n setEnv: function(env) {\r\n this.env = env;\r\n },\r\n\r\n addSpecies: function(org, ancestor) {\r\n // console.log(\"Adding Species\")\r\n var new_species = new Species(org.anatomy, ancestor, this.env.total_ticks);\r\n this.extant_species.push(new_species);\r\n org.species = new_species;\r\n return new_species;\r\n },\r\n\r\n addSpeciesObj: function(species) {\r\n // console.log(\"Adding Species\")\r\n this.extant_species.push(species);\r\n return species;\r\n },\r\n\r\n fossilize: function(species) {\r\n // console.log(\"Extinction\")\r\n species.end_tick = this.env.total_ticks;\r\n for (i in this.extant_species) {\r\n var s = this.extant_species[i];\r\n if (s == species) {\r\n this.extant_species.splice(i, 1);\r\n if (species.cumulative_pop < this.min_pop) {\r\n return false;\r\n }\r\n this.extinct_species.push(s);\r\n // console.log(\"Extant species:\", this.extant_species.length)\r\n // console.log(\"Extinct species:\", this.extinct_species.length)\r\n return true;\r\n }\r\n }\r\n },\r\n\r\n resurrect: function(species) {\r\n // console.log(\"Resurrecting species\")\r\n if (species.extinct) {\r\n for (i in this.extinct_species) {\r\n var s = this.extinct_species[i];\r\n if (s == species) {\r\n this.extinct_species.splice(i, 1);\r\n this.extant_species.push(species);\r\n species.extinct = false;\r\n }\r\n }\r\n }\r\n },\r\n\r\n clear_record: function() {\r\n this.extant_species = [];\r\n this.extinct_species = [];\r\n // console.log(\"Cleared\", this.extant_species, this.extinct_species)\r\n },\r\n\r\n}\r\n\r\nFossilRecord.init();\r\n\r\nmodule.exports = FossilRecord;\n\n//# sourceURL=webpack:///./src/Stats/FossilRecord.js?"); - -/***/ }), - -/***/ "./src/Stats/Species.js": -/*!******************************!*\ - !*** ./src/Stats/Species.js ***! - \******************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("class Species {\r\n constructor(anatomy, ancestor, start_tick) {\r\n this.anatomy = anatomy;\r\n this.ancestor = ancestor;\r\n this.population = 1;\r\n this.cumulative_pop = 1;\r\n this.start_tick = start_tick;\r\n this.end_tick = -1;\r\n this.color = '#asdfasdf';\r\n this.name = '_' + Math.random().toString(36).substr(2, 9);;\r\n this.extinct = false;\r\n }\r\n\r\n addPop() {\r\n this.population++;\r\n this.cumulative_pop++;\r\n }\r\n\r\n decreasePop() {\r\n this.population--;\r\n if (this.population <= 0) {\r\n this.extinct = true;\r\n const FossilRecord = __webpack_require__(/*! ./FossilRecord */ \"./src/Stats/FossilRecord.js\");\r\n FossilRecord.fossilize(this);\r\n }\r\n }\r\n\r\n lifespan() {\r\n return this.end_tick - this.start_tick;\r\n }\r\n}\r\n\r\nmodule.exports = Species;\n\n//# sourceURL=webpack:///./src/Stats/Species.js?"); - -/***/ }), - -/***/ "./src/index.js": -/*!**********************!*\ - !*** ./src/index.js ***! - \**********************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Engine */ \"./src/Engine.js\");\n/* harmony import */ var _Engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Engine__WEBPACK_IMPORTED_MODULE_0__);\n\r\n\r\n\r\n\r\n$('document').ready(function(){\r\n let isMobile = mobileCheck();\r\n if (isMobile) {\r\n alert(\"Though the simulation still works on mobile, most features are disabled. Try it on desktop for the full experience!\");\r\n $('.control-panel').css('display', 'none');\r\n }\r\n var engine = new _Engine__WEBPACK_IMPORTED_MODULE_0___default.a();\r\n engine.start(60);\r\n});\r\n\r\nfunction mobileCheck() {\r\n let check = false;\r\n (function(a){if(/(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);\r\n return check;\r\n};\n\n//# sourceURL=webpack:///./src/index.js?"); - -/***/ }) - -/******/ }); \ No newline at end of file +!function(t){var e={};function i(s){if(e[s])return e[s].exports;var o=e[s]={i:s,l:!1,exports:{}};return t[s].call(o.exports,o,o.exports,i),o.l=!0,o.exports}i.m=t,i.c=e,i.d=function(t,e,s){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(s,o,function(e){return t[e]}.bind(null,o));return s},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=15)}([function(t,e){class i{constructor(t){this.name=t,this.color="black"}render(t,e,i){t.fillStyle=this.color,t.fillRect(e.x,e.y,i,i)}}const s={empty:new class extends i{constructor(){super("empty")}},food:new class extends i{constructor(){super("food")}},wall:new class extends i{constructor(){super("wall")}},mouth:new class extends i{constructor(){super("mouth")}},producer:new class extends i{constructor(){super("producer")}},mover:new class extends i{constructor(){super("mover")}},killer:new class extends i{constructor(){super("killer")}},armor:new class extends i{constructor(){super("armor")}},eye:new class extends i{constructor(){super("eye"),this.slit_color="black"}render(t,e,i){if(t.fillStyle=this.color,t.fillRect(e.x,e.y,i,i),1!=i){var s=i/2,o=-i/8,r=-s,n=i/2+i/4,a=i/4;t.translate(e.x+s,e.y+s),t.rotate(90*e.cell_owner.getAbsoluteDirection()*Math.PI/180),t.fillStyle=this.slit_color,t.fillRect(o,r,a,n),t.setTransform(1,0,0,1,0,0)}}},defineLists(){this.all=[this.empty,this.food,this.wall,this.mouth,this.producer,this.mover,this.killer,this.armor,this.eye],this.living=[this.mouth,this.producer,this.mover,this.killer,this.armor,this.eye]},getRandomName:function(){return this.all[Math.floor(Math.random()*this.all.length)].name},getRandomLivingType:function(){return this.living[Math.floor(Math.random()*this.living.length)]}};s.defineLists(),t.exports=s},function(t,e,i){const s=i(5),o={setDefaults:function(){this.lifespanMultiplier=100,this.foodProdProb=4,this.foodProdProbScalar=4,this.killableNeighbors=s.adjacent,this.edibleNeighbors=s.adjacent,this.growableNeighbors=s.adjacent,this.useGlobalMutability=!1,this.globalMutability=5,this.addProb=33,this.changeProb=33,this.removeProb=33,this.moversCanRotate=!0,this.offspringRotate=!0,this.foodBlocksReproduction=!0,this.moversCanProduce=!1,this.instaKill=!1,this.lookRange=20,this.foodDropProb=0},balanceMutationProbs:function(t){if(1==t){var e=100-this.addProb;this.changeProb=e/2,this.removeProb=e/2}else if(2==t){e=100-this.changeProb;this.addProb=e/2,this.removeProb=e/2}else{e=100-this.removeProb;this.changeProb=e/2,this.addProb=e/2}}};o.setDefaults(),t.exports=o},function(t,e,s){const o=s(12),r={init:function(){this.extant_species=[],this.extinct_species=[],this.min_discard=10,this.record_size_limit=500,this.setData()},setEnv:function(t){this.env=t},addSpecies:function(t,e){var i=new o(t.anatomy,e,this.env.total_ticks);return this.extant_species.push(i),t.species=i,i},addSpeciesObj:function(t){return this.extant_species.push(t),t},fossilize:function(t){for(i in t.end_tick=this.env.total_ticks,this.extant_species){var e=this.extant_species[i];if(e==t)return this.extant_species.splice(i,1),!(t.cumulative_popthis.record_size_limit&&(this.tick_record.shift(),this.pop_counts.shift(),this.av_pop_counts.shift(),this.species_counts.shift(),this.av_mut_rates.shift())},clear_record:function(){this.extant_species=[],this.extinct_species=[],this.setData()}};r.init(),t.exports=r},function(t,e){const i={up:0,right:1,down:2,left:3,scalars:[[0,-1],[1,0],[0,1],[-1,0]],getRandomDirection:function(){return Math.floor(4*Math.random())},getRandomScalar:function(){return this.scalars[Math.floor(Math.random()*this.scalars.length)]},getOppositeDirection:function(t){switch(t){case this.up:return this.down;case this.down:return this.up;case this.left:return this.right;case this.right:return this.left}},rotateRight:function(t){return++t>3&&(t=0),t}};t.exports=i},function(t,e,i){i(0);const s=i(3);t.exports=class{constructor(t,e,i,s){this.state=t,this.org=e,this.loc_col=i,this.loc_row=s;var o=Math.max(2*Math.abs(s)+2,2*Math.abs(i)+2);this.org.anatomy.birth_distance1){c=this.anatomy.getRandomCell();e=this.anatomy.removeCell(c.loc_col,c.loc_row)}return e}attemptMove(){var t=n.scalars[this.direction],e=t[0],i=t[1],o=this.c+e,r=this.r+i;if(this.isClear(o,r)){for(var a of this.anatomy.cells){var l=this.c+a.rotatedCol(this.rotation),h=this.r+a.rotatedRow(this.rotation);this.env.changeCell(l,h,s.empty,null)}return this.c=o,this.r=r,this.updateGrid(),!0}return!1}attemptRotate(){if(!this.can_rotate)return this.direction=n.getRandomDirection(),this.move_count=0,!0;var t=n.getRandomDirection();if(this.isClear(this.c,this.r,t)){for(var e of this.anatomy.cells){var i=this.c+e.rotatedCol(this.rotation),o=this.r+e.rotatedRow(this.rotation);this.env.changeCell(i,o,s.empty,null)}return this.rotation=t,this.direction=n.getRandomDirection(),this.updateGrid(),this.move_count=0,!0}return!1}changeDirection(t){this.direction=t,this.move_count=0}isStraightPath(t,e,i,s,o){if(t==i){if(e>s){var r=s;s=e,e=r}for(var n=e;n!=s;n++){var a=this.env.grid_map.cellAt(t,n);if(!this.isPassableCell(a,o))return!1}return!0}if(t>i){r=i;i=t,t=r}for(n=t;n!=i;n++){a=this.env.grid_map.cellAt(n,e);if(!this.isPassableCell(a,o))return!1}return!0}isPassableCell(t,e){return null!=t&&(t.state==s.empty||t.owner==this||t.owner==e||t.state==s.food)}isClear(t,e,i=this.rotation,o=!1){for(var n of this.anatomy.cells){var a=this.getRealCell(n,t,e,i);if(null==a)return!1;if(!(a.owner==this||a.state==s.empty||!r.foodBlocksReproduction&&a.state==s.food||o&&n.state==s.armor&&a.state==s.food))return!1}return!0}harm(){this.damage++,(this.damage>=this.maxHealth()||r.instaKill)&&this.die()}die(){for(var t of this.anatomy.cells){var e=this.c+t.rotatedCol(this.rotation),i=this.r+t.rotatedRow(this.rotation);this.env.changeCell(e,i,s.food,null)}this.species.decreasePop(),this.living=!1}updateGrid(){for(var t of this.anatomy.cells){var e=this.c+t.rotatedCol(this.rotation),i=this.r+t.rotatedRow(this.rotation);this.env.changeCell(e,i,t.state,t)}}update(){if(this.lifetime++,this.lifetime>this.lifespan())return this.die(),this.living;for(var t of(this.food_collected>=this.foodNeeded()&&this.reproduce(),this.anatomy.cells))if(t.performFunction(),!this.living)return this.living;if(this.anatomy.is_mover){this.move_count++;var e=!1;0==this.ignore_brain_for?e=this.brain.decide():this.ignore_brain_for--;var i=this.attemptMove();if(this.move_count>this.move_range&&!e||!i)this.attemptRotate()||(this.changeDirection(n.getRandomDirection()),e&&(this.ignore_brain_for=this.move_range+1))}return this.living}getRealCell(t,e=this.c,i=this.r,s=this.rotation){var o=e+t.rotatedCol(s),r=i+t.rotatedRow(s);return this.env.grid_map.cellAt(o,r)}}t.exports=c},function(t,e){t.exports={None:0,FoodDrop:1,WallDrop:2,ClickKill:3,Select:4,Edit:5,Clone:6,Drag:7}},function(t,e,i){const s=i(2);t.exports=class{constructor(t){this.data=[],this.chart=new CanvasJS.Chart("chartContainer",{zoomEnabled:!0,title:{text:t},data:this.data}),this.chart.render(),this.data}setData(){alert("Must override updateData!")}render(){this.chart.render()}updateData(){var t=s.tick_record.length,e=-1;this.data[0].dataPoints.length>0&&(e=this.data[0].dataPoints[this.data[0].dataPoints.length-1].x,e=this.data[0].dataPoints[0].x),e=0&&e>=0}getCenter(){return[Math.floor(this.cols/2),Math.floor(this.rows/2)]}xyToColRow(t,e){var i=Math.floor(t/this.cell_size),s=Math.floor(e/this.cell_size);return i>=this.cols?i=this.cols-1:i<0&&(i=0),s>=this.rows?s=this.rows-1:s<0&&(s=0),[i,s]}}},function(t,e,i){t.exports=class{constructor(t,e,i){if(this.anatomy=t,this.ancestor=e,this.population=1,this.cumulative_pop=1,this.start_tick=i,this.end_tick=-1,this.color=Math.floor(16777215*Math.random()).toString(16),null!=e){var s=Math.floor(16777215*Math.random())-8e6;this.color=(s+parseInt(e.color,16)).toString(16)}this.name="_"+Math.random().toString(36).substr(2,9),this.extinct=!1}addPop(){this.population++,this.cumulative_pop++}decreasePop(){if(this.population--,this.population<=0){this.extinct=!0;i(2).fossilize(this)}}lifespan(){return this.end_tick-this.start_tick}}},function(t,e){t.exports=class{constructor(t,e){this.env=t,this.canvas=e,this.mouse_x,this.mouse_y,this.mouse_c,this.mouse_r,this.left_click=!1,this.right_click=!1,this.cur_cell=null,this.cur_org=null,this.highlight_org=!0,this.defineEvents()}setControlPanel(t){this.control_panel=t}defineEvents(){this.canvas.addEventListener("mousemove",t=>{this.updateMouseLocation(t.offsetX,t.offsetY),this.mouseMove()}),this.canvas.addEventListener("mouseup",function(t){t.preventDefault(),this.updateMouseLocation(t.offsetX,t.offsetY),this.mouseUp(),this.left_click=!1,this.right_click=!1}.bind(this)),this.canvas.addEventListener("mousedown",function(t){t.preventDefault(),this.updateMouseLocation(t.offsetX,t.offsetY),0==t.button&&(this.left_click=!0),2==t.button&&(this.right_click=!0),this.mouseDown()}.bind(this)),this.canvas.addEventListener("contextmenu",(function(t){t.preventDefault()})),this.canvas.addEventListener("mouseleave",function(){this.right_click=!1,this.left_click=!1,this.env.renderer.clearAllHighlights(!0)}.bind(this))}updateMouseLocation(t,e){var i=this.cur_cell,s=this.cur_org;this.mouse_x=t,this.mouse_y=e;var o=this.env.grid_map.xyToColRow(this.mouse_x,this.mouse_y);this.mouse_c=o[0],this.mouse_r=o[1],this.cur_cell=this.env.grid_map.cellAt(this.mouse_c,this.mouse_r),this.cur_org=this.cur_cell.owner,this.cur_org==s&&this.cur_cell==i||(this.env.renderer.clearAllHighlights(!0),null!=this.cur_org&&this.highlight_org?this.env.renderer.highlightOrganism(this.cur_org):null!=this.cur_cell&&this.env.renderer.highlightCell(this.cur_cell,!0))}mouseMove(){alert("mouse move must be overridden")}mouseDown(){alert("mouse down must be overridden")}mouseUp(){alert("mouse up must be overridden")}}},function(t,e,i){const s=i(16),o=i(29),r=i(34),n=i(36);t.exports=class{constructor(){this.fps=60,this.env=new s(5),this.organism_editor=new r,this.controlpanel=new o(this),this.colorscheme=new n(this.env,this.organism_editor),this.colorscheme.loadColorScheme(),this.env.OriginOfLife(),this.last_update=Date.now(),this.delta_time=0,this.actual_fps=0,this.running=!1}start(t=60){t<=0&&(t=1),t>300&&(t=300),this.fps=t,this.game_loop=setInterval(function(){this.environmentUpdate()}.bind(this),1e3/t),this.running=!0,this.fps>=60?null!=this.render_loop&&(clearInterval(this.render_loop),this.render_loop=null):this.setRenderLoop()}stop(){clearInterval(this.game_loop),this.running=!1,this.setRenderLoop()}setRenderLoop(){null==this.render_loop&&(this.render_loop=setInterval(function(){this.necessaryUpdate()}.bind(this),1e3/60))}environmentUpdate(){this.delta_time=Date.now()-this.last_update,this.last_update=Date.now(),this.env.update(this.delta_time),this.actual_fps=1/this.delta_time*1e3,null==this.render_loop&&this.necessaryUpdate()}necessaryUpdate(){this.env.render(),this.controlpanel.update(),this.organism_editor.update()}}},function(t,e,i){"use strict";i.r(e);var s=i(14),o=i.n(s);$("document").ready((function(){(function(){let t=!1;return function(e){(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(e.substr(0,4)))&&(t=!0)}(navigator.userAgent||navigator.vendor||window.opera),t})()&&(alert("Though the simulation still works on mobile, most features are disabled. Try it on desktop for the full experience!"),$(".control-panel").css("display","none")),(new o.a).start(60)}))},function(t,e,i){const s=i(9),o=i(10),r=i(11),n=i(6),a=i(0),l=i(28),h=i(1),c=i(2);t.exports=class extends s{constructor(t){super(),this.renderer=new o("env-canvas","env",t),this.controller=new l(this,this.renderer.canvas);var e=Math.floor(this.renderer.height/t),i=Math.floor(this.renderer.width/t);this.grid_map=new r(i,e,t),this.organisms=[],this.walls=[],this.total_mutability=0,this.auto_reset=!0,this.largest_cell_count=0,this.reset_count=0,this.total_ticks=0,this.data_update_rate=100,c.setEnv(this)}update(t){var e=[];for(var i in this.organisms){var s=this.organisms[i];s.living&&s.update()||e.push(i)}h.foodDropProb>0&&this.generateFood(),this.removeOrganisms(e),this.total_ticks++,this.total_ticks%this.data_update_rate==0&&c.updateData()}render(){this.renderer.renderCells(),this.renderer.renderHighlights()}removeOrganisms(t){for(var e of t.reverse())this.total_mutability-=this.organisms[e].mutability,this.organisms.splice(e,1);0==this.organisms.length&&this.auto_reset&&(this.reset_count++,this.reset())}OriginOfLife(){var t=this.grid_map.getCenter(),e=new n(t[0],t[1],this);e.anatomy.addDefaultCell(a.mouth,0,0),e.anatomy.addDefaultCell(a.producer,1,1),e.anatomy.addDefaultCell(a.producer,-1,-1),this.addOrganism(e),c.addSpecies(e,null)}addOrganism(t){t.updateGrid(),this.total_mutability+=t.mutability,this.organisms.push(t),t.anatomy.cells.length>this.largest_cell_count&&(this.largest_cell_count=t.anatomy.cells.length)}averageMutability(){return this.organisms.length<1?0:h.useGlobalMutability?h.globalMutability:this.total_mutability/this.organisms.length}changeCell(t,e,i,s){super.changeCell(t,e,i,s),this.renderer.addToRender(this.grid_map.cellAt(t,e)),i==a.wall&&this.walls.push(this.grid_map.cellAt(t,e))}clearWalls(){for(var t of this.walls)this.grid_map.cellAt(t.col,t.row).state==a.wall&&this.changeCell(t.col,t.row,a.empty,null)}clearOrganisms(){for(var t of this.organisms)t.die();this.organisms=[]}generateFood(){for(var t=Math.max(Math.floor(this.grid_map.cols*this.grid_map.rows*h.foodDropProb/5e4),1),e=h.foodDropProb,i=0;i3&&(t-=4),t}performFunction(){var t=this.look();this.org.brain.observe(t)}look(){var t=this.org.env,e=this.getAbsoluteDirection(),i=0,o=0;switch(e){case n.up:o=-1;break;case n.down:o=1;break;case n.right:i=1;break;case n.left:i=-1}for(var l=this.getRealCol(),h=this.getRealRow(),c=l,d=h,u=null,p=0;pthis.organism_record&&(this.organism_record=t),$("#org-record").text("Highest count: "+this.env.organism_record),$("#avg-mut").text("Average Mutation Rate: "+Math.round(100*this.env.averageMutability())/100),$("#largest-org").text("Largest Organism: "+this.env.largest_cell_count+" cells")}reset(){this.setChart()}}},function(t,e,i){const s=i(2),o=i(8);t.exports=class extends o{constructor(){super("Population")}setData(){for(var t in this.clear(),this.data.push({type:"line",markerType:"none",color:"black",showInLegend:!0,name:"pop1",legendText:"Total Population",dataPoints:[]}),s.tick_record){var e=s.tick_record[t],i=s.pop_counts[t];this.data[0].dataPoints.push({x:e,y:i})}}addNewest(){var t=s.tick_record.length-1,e=s.tick_record[t],i=s.pop_counts[t];this.data[0].dataPoints.push({x:e,y:i})}removeOldest(){this.data[0].dataPoints.shift()}}},function(t,e,i){const s=i(2),o=i(8);t.exports=class extends o{constructor(){super("Species")}setData(){for(var t in this.clear(),this.data.push({type:"line",markerType:"none",color:"black",showInLegend:!0,name:"spec",legendText:"Number of Species",dataPoints:[]}),s.tick_record){var e=s.tick_record[t],i=s.species_counts[t];this.data[0].dataPoints.push({x:e,y:i})}}addNewest(){var t=s.tick_record.length-1,e=s.tick_record[t],i=s.species_counts[t];this.data[0].dataPoints.push({x:e,y:i})}removeOldest(){this.data[0].dataPoints.shift()}}},function(t,e,i){const s=i(2),o=i(8);t.exports=class extends o{constructor(){super("Mutation Rate")}setData(){for(var t in this.clear(),this.data.push({type:"line",markerType:"none",color:"black",showInLegend:!0,name:"pop1",legendText:"Average Mutation Rate",dataPoints:[]}),s.tick_record){var e=s.tick_record[t],i=s.av_mut_rates[t];this.data[0].dataPoints.push({x:e,y:i})}}addNewest(){var t=s.tick_record.length-1,e=s.tick_record[t],i=s.av_mut_rates[t];this.data[0].dataPoints.push({x:e,y:i})}removeOldest(){this.data[0].dataPoints.shift()}}},function(t,e,i){const s=i(9),o=i(6),r=i(11),n=i(10),a=i(0),l=i(35),h=i(12);t.exports=class extends s{constructor(){super(),this.is_active=!0;this.renderer=new n("editor-canvas","editor-env",13),this.controller=new l(this,this.renderer.canvas),this.grid_map=new r(15,15,13),this.clear()}update(){this.is_active&&this.renderer.renderHighlights()}changeCell(t,e,i,s){super.changeCell(t,e,i,s),this.renderFull()}renderFull(){this.renderer.renderFullGrid(this.grid_map.grid)}addCellToOrg(t,e,i){var s=this.grid_map.getCenter(),o=t-s[0],r=e-s[1],n=this.organism.anatomy.getLocalCell(o,r);if(null!=n){var a=this.organism.anatomy.replaceCell(i,n.loc_col,n.loc_row,!1);this.changeCell(t,e,i,a)}else this.organism.anatomy.canAddCellAt(o,r)&&this.changeCell(t,e,i,this.organism.anatomy.addDefaultCell(i,o,r));this.organism.species=new h(this.organism.anatomy,null,0)}removeCellFromOrg(t,e){var i=this.grid_map.getCenter(),s=t-i[0],o=e-i[1];0!=s||0!=o?null!=this.organism.anatomy.getLocalCell(s,o)&&this.organism.anatomy.removeCell(s,o)&&(this.changeCell(t,e,a.empty,null),this.organism.species=new h(this.organism.anatomy,null,0)):alert("Cannot remove center cell")}setOrganismToCopyOf(t){this.grid_map.fillGrid(a.empty);var e=this.grid_map.getCenter();this.organism=new o(e[0],e[1],this,t),this.organism.updateGrid(),this.controller.updateDetails(),this.controller.new_species=!1}getCopyOfOrg(){return new o(0,0,null,this.organism)}clear(){this.grid_map.fillGrid(a.empty);var t=this.grid_map.getCenter();this.organism=new o(t[0],t[1],this,null),this.organism.anatomy.addDefaultCell(a.mouth,0,0),this.organism.updateGrid(),this.organism.species=new h(this.organism.anatomy,null,0)}}},function(t,e,i){const s=i(13),o=i(7),r=i(0),n=i(3),a=i(1);t.exports=class extends s{constructor(t,e){super(t,e),this.mode=o.None,this.edit_cell_type=null,this.highlight_org=!1,this.new_species=!1,this.defineCellTypeSelection(),this.defineEditorDetails()}mouseMove(){(this.right_click||this.left_click)&&this.editOrganism()}mouseDown(){this.editOrganism()}mouseUp(){}getCurLocalCell(){return this.env.organism.anatomy.getLocalCell(this.mouse_c-this.env.organism.c,this.mouse_r-this.env.organism.r)}editOrganism(){if(null!=this.edit_cell_type&&this.mode==o.Edit){if(this.left_click)if(this.edit_cell_type==r.eye&&this.cur_cell.state==r.eye){var t=this.getCurLocalCell();t.direction=n.rotateRight(t.direction),this.env.renderFull()}else this.env.addCellToOrg(this.mouse_c,this.mouse_r,this.edit_cell_type);else this.right_click&&this.env.removeCellFromOrg(this.mouse_c,this.mouse_r);this.new_species=!0,this.setBrainPanelVisibility(),this.setMoveRangeVisibility(),this.updateDetails()}}updateDetails(){$(".cell-count").text("Cell count: "+this.env.organism.anatomy.cells.length)}defineCellTypeSelection(){var t=this;$(".cell-type").click((function(){switch(this.id){case"mouth":t.edit_cell_type=r.mouth;break;case"producer":t.edit_cell_type=r.producer;break;case"mover":t.edit_cell_type=r.mover;break;case"killer":t.edit_cell_type=r.killer;break;case"armor":t.edit_cell_type=r.armor;break;case"eye":t.edit_cell_type=r.eye}$(".cell-type").css("border-color","black");var e="#"+this.id+".cell-type";$(e).css("border-color","yellow")}))}defineEditorDetails(){this.details_html=$("#organism-details"),this.edit_details_html=$("#edit-organism-details"),this.decision_names=["ignore","move away","move towards"],$("#move-range-edit").change(function(){this.env.organism.move_range=parseInt($("#move-range-edit").val())}.bind(this)),$("#observation-type-edit").change(function(){this.setBrainEditorValues($("#observation-type-edit").val()),this.setBrainDetails()}.bind(this)),$("#reaction-edit").change(function(){var t=$("#observation-type-edit").val(),e=parseInt($("#reaction-edit").val());this.env.organism.brain.decisions[t]=e,this.setBrainDetails()}.bind(this))}clearDetailsPanel(){$("#organism-details").css("display","none"),$("#edit-organism-details").css("display","none")}setDetailsPanel(){this.clearDetailsPanel();var t=this.env.organism;$(".cell-count").text("Cell count: "+t.anatomy.cells.length),$("#move-range").text("Move Range: "+t.move_range),$("#mutation-rate").text("Mutation Rate: "+t.mutability),a.useGlobalMutability?$("#mutation-rate").css("display","none"):$("#mutation-rate").css("display","block"),this.setMoveRangeVisibility(),this.setBrainPanelVisibility()&&this.setBrainDetails(),$("#organism-details").css("display","block")}setEditorPanel(){this.clearDetailsPanel();var t=this.env.organism;$(".cell-count").text("Cell count: "+t.anatomy.cells.length),this.setMoveRangeVisibility()&&$("#move-range-edit").val(t.move_range),this.setBrainPanelVisibility()&&this.setBrainEditorValues($("#observation-type-edit").val()),$("#cell-selections").css("display","grid"),$("#edit-organism-details").css("display","block")}setBrainPanelVisibility(){var t=this.env.organism;return t.anatomy.has_eyes&&t.anatomy.is_mover?($(".brain-details").css("display","block"),!0):($(".brain-details").css("display","none"),!1)}setBrainDetails(){var t=[],e=[];for(var i in this.env.organism.brain.decisions){var s=this.env.organism.brain.decisions[i];1==s?e.push(i):2==s&&t.push(i)}$(".chase-types").text("Move Towards: "+t),$(".retreat-types").text("Move Away From: "+e)}setMoveRangeVisibility(){return this.env.organism.anatomy.is_mover?($("#move-range-cont").css("display","block"),$("#move-range").css("display","block"),!0):($("#move-range-cont").css("display","none"),$("#move-range").css("display","none"),!1)}setBrainEditorValues(t){$("#observation-type-edit").val(t);var e=this.env.organism.brain.decisions[t];$("#reaction-edit").val(e)}}},function(t,e,i){const s=i(0);var o={empty:"#0E1318",food:"#2F7AB7",wall:"gray",mouth:"#DEB14D",producer:"#15DE59",mover:"#60D4FF",killer:"#F82380",armor:"#7230DB",eye:"#B6C1EA","eye-slit":"#0E1318"};t.exports=class{constructor(t,e){this.world_env=t,this.editor_env=e}loadColorScheme(){for(var t of s.all)t.color=o[t.name];for(var e in s.eye.slit_color=o["eye-slit"],o)$("#"+e+".cell-type ").css("background-color",o[e]),$("#"+e+".cell-legend-type").css("background-color",o[e]);this.world_env.renderer.renderFullGrid(this.world_env.grid_map.grid),this.editor_env.renderer.renderFullGrid(this.editor_env.grid_map.grid)}}}]); \ No newline at end of file diff --git a/src/Controllers/ControlPanel.js b/src/Controllers/ControlPanel.js index 96430ba..c8d6089 100644 --- a/src/Controllers/ControlPanel.js +++ b/src/Controllers/ControlPanel.js @@ -1,6 +1,6 @@ const Hyperparams = require("../Hyperparameters"); const Modes = require("./ControlModes"); -const StatsPanel = require("./StatsPanel"); +const StatsPanel = require("../Stats/StatsPanel"); class ControlPanel { constructor(engine) { @@ -18,11 +18,11 @@ class ControlPanel { this.editor_controller = this.engine.organism_editor.controller; this.env_controller.setControlPanel(this); this.editor_controller.setControlPanel(this); - this.stats_panel = new StatsPanel(); - this.stats_panel.render(); + this.stats_panel = new StatsPanel(this.engine.env); } defineMinMaxControls(){ + var self = this; $('#minimize').click ( function() { $('.control-panel').css('display', 'none'); $('.hot-controls').css('display', 'block'); @@ -31,7 +31,7 @@ class ControlPanel { $('#maximize').click ( function() { $('.control-panel').css('display', 'grid'); $('.hot-controls').css('display', 'none'); - if (this.id == 'stats') { + if (self.tab_id == 'stats') { self.stats_panel.startAutoRender(); } }); @@ -78,6 +78,8 @@ class ControlPanel { var rows = $('#row-input').val(); this.engine.env.resizeGridColRow(cell_size, cols, rows); } + this.engine.env.reset(); + this.stats_panel.reset(); }.bind(this)); } @@ -88,13 +90,13 @@ class ControlPanel { $('.tabnav-item').click(function() { $('.tab').css('display', 'none'); var tab = '#'+this.id+'.tab'; + $(tab).css('display', 'grid'); self.engine.organism_editor.is_active = (this.id == 'editor'); + self.stats_panel.stopAutoRender(); if (this.id == 'stats') { self.stats_panel.startAutoRender(); } - self.id = this.id; - - $(tab).css('display', 'grid'); + self.tab_id = this.id; }); } @@ -134,7 +136,7 @@ class ControlPanel { Hyperparams.useGlobalMutability = !this.checked; }); $('#global-mutation').change( function() { - Hyperparams.globalMutability = $('#global-mutation').val(); + Hyperparams.globalMutability = parseInt($('#global-mutation').val()); }); $('.mut-prob').change( function() { switch(this.id){ @@ -191,7 +193,7 @@ class ControlPanel { $('#cell-selections').css('display', 'none'); $('#organism-options').css('display', 'none'); self.editor_controller.setDetailsPanel(); - switch(this.id){ + switch(this.id) { case "food-drop": self.setMode(Modes.FoodDrop); break; @@ -229,7 +231,7 @@ class ControlPanel { var env = this.engine.env; $('#reset-env').click( function() { this.engine.env.reset(); - this.stats_panel.clearData(); + this.stats_panel.reset(); }.bind(this)); $('#auto-reset').change(function() { env.auto_reset = this.checked; @@ -271,15 +273,8 @@ class ControlPanel { update() { $('#fps-actual').text("Actual FPS: " + Math.floor(this.engine.actual_fps)); - var org_count = this.engine.env.organisms.length; - $('#org-count').text("Organism count: " + org_count); - if (org_count > this.organism_record) - this.organism_record = org_count; - $('#org-record').text("Highest count: " + this.organism_record); - $('#avg-mut').text("Average Mutation Rate: " + Math.round(this.engine.env.averageMutability() * 100) / 100); - $('#largest-org').text("Largest Organism: " + this.engine.env.largest_cell_count + " cells"); $('#reset-count').text("Auto reset count: " + this.engine.env.reset_count); - this.stats_panel.updateData(this.engine.env.total_ticks, this.engine.env.organisms.length) + this.stats_panel.updateDetails(); } } diff --git a/src/Controllers/StatsPanel.js b/src/Controllers/StatsPanel.js deleted file mode 100644 index 830fafb..0000000 --- a/src/Controllers/StatsPanel.js +++ /dev/null @@ -1,77 +0,0 @@ -const FossilRecord = require("../Stats/FossilRecord"); - -class StatsPanel { - constructor() { - this.defineControls(); - this.clearData(); - this.last_update_tick = 0; - this.update_every = 100; - - // maps species to their index in chart's data storage - this.species_index_map = []; - this.index_counter = 0; - this.min_display = 10; - } - - startAutoRender(){ - this.render_loop = setInterval(function(){this.render();}.bind(this), 1000); - } - - stopAutoRender() { - clearInterval(this.render_loop); - } - - defineControls() { - $('#update-chart').click( function() { - this.render(); - }.bind(this)); - } - - updateData(tick, population_size) { - if (tick - this.last_update_tick >= this.update_every){ - // this.data[0].dataPoints.push({x: tick, y:population_size}); - this.last_update_tick = tick; - - for (var species of FossilRecord.extant_species) { - if (species.cumulative_pop < this.min_display){ - continue; - } - - if (this.species_index_map[species.name] == null) { - console.log("new species") - this.species_index_map[species.name] = this.index_counter; - this.index_counter++; - this.data.push({ - type: "line", - markerType: "none", - dataPoints: [] - }); - } - var data_index = this.species_index_map[species.name]; - this.data[data_index].dataPoints.push({x:tick, y:species.population}); - } - } - } - - render() { - this.chart.render(); - } - - clearData() { - this.data = [{ - type: "line", - markerType: "none", - dataPoints: [] - }]; - this.chart = new CanvasJS.Chart("chartContainer", { - title:{ - text: "Population" - }, - data: this.data - }); - this.render(); - } - -} - -module.exports = StatsPanel; \ No newline at end of file diff --git a/src/Engine.js b/src/Engine.js index 7143629..409dcce 100644 --- a/src/Engine.js +++ b/src/Engine.js @@ -5,7 +5,7 @@ const ColorScheme = require('./Rendering/ColorScheme'); const render_speed = 60; -class Engine{ +class Engine { constructor(){ this.fps = 60; this.env = new WorldEnvironment(5); diff --git a/src/Environments/WorldEnvironment.js b/src/Environments/WorldEnvironment.js index e2d051e..e6039a5 100644 --- a/src/Environments/WorldEnvironment.js +++ b/src/Environments/WorldEnvironment.js @@ -22,11 +22,11 @@ class WorldEnvironment extends Environment{ this.largest_cell_count = 0; this.reset_count = 0; this.total_ticks = 0; + this.data_update_rate = 100; FossilRecord.setEnv(this); } update(delta_time) { - this.total_ticks ++; var to_remove = []; for (var i in this.organisms) { var org = this.organisms[i]; @@ -38,6 +38,10 @@ class WorldEnvironment extends Environment{ this.generateFood(); } this.removeOrganisms(to_remove); + this.total_ticks ++; + if (this.total_ticks % this.data_update_rate == 0) { + FossilRecord.updateData(); + } } render() { @@ -77,6 +81,9 @@ class WorldEnvironment extends Environment{ averageMutability() { if (this.organisms.length < 1) return 0; + if (Hyperparams.useGlobalMutability) { + return Hyperparams.globalMutability; + } return this.total_mutability / this.organisms.length; } @@ -129,7 +136,6 @@ class WorldEnvironment extends Environment{ this.renderer.cell_size = cell_size; this.renderer.fillShape(rows*cell_size, cols*cell_size); this.grid_map.resize(cols, rows, cell_size); - this.reset(); } resizeFillWindow(cell_size) { @@ -138,7 +144,6 @@ class WorldEnvironment extends Environment{ var cols = Math.floor(this.renderer.width / cell_size); var rows = Math.floor(this.renderer.height / cell_size); this.grid_map.resize(cols, rows, cell_size); - this.reset(); } } diff --git a/src/Stats/Charts/ChartController.js b/src/Stats/Charts/ChartController.js new file mode 100644 index 0000000..a8825f5 --- /dev/null +++ b/src/Stats/Charts/ChartController.js @@ -0,0 +1,55 @@ +const FossilRecord = require("../FossilRecord"); + +class ChartController { + constructor(title) { + this.data = []; + this.chart = new CanvasJS.Chart("chartContainer", { + zoomEnabled: true, + title:{ + text: title + }, + data: this.data + }); + this.chart.render(); + this.data + } + + setData() { + alert("Must override updateData!"); + } + + render() { + this.chart.render(); + } + + updateData() { + var r_len = FossilRecord.tick_record.length; + var newest_t = -1; + var oldest_t = 0; + if (this.data[0].dataPoints.length>0) { + newest_t = this.data[0].dataPoints[this.data[0].dataPoints.length-1].x; + newest_t = this.data[0].dataPoints[0].x; + } + if (newest_t < FossilRecord.tick_record[r_len-1]) { + this.addNewest(); + } + if (oldest_t < FossilRecord.tick_record[0]) { + this.removeOldest(); + } + } + + addNewest() { + alert("Must override addNewest!"); + } + + removeOldest() { + alert("Must override addNewest!"); + } + + clear() { + this.data.length = 0; + this.chart.render(); + } +} + +module.exports = ChartController; \ No newline at end of file diff --git a/src/Stats/Charts/MutationChart.js b/src/Stats/Charts/MutationChart.js new file mode 100644 index 0000000..9cc4562 --- /dev/null +++ b/src/Stats/Charts/MutationChart.js @@ -0,0 +1,41 @@ +const FossilRecord = require("../FossilRecord"); +const ChartController = require("./ChartController"); + +class MutationChart extends ChartController { + constructor() { + super("Mutation Rate"); + } + + setData() { + this.clear(); + this.data.push({ + type: "line", + markerType: "none", + color: 'black', + showInLegend: true, + name: "pop1", + legendText: "Average Mutation Rate", + dataPoints: [] + } + ); + for (var i in FossilRecord.tick_record) { + var t = FossilRecord.tick_record[i]; + var p = FossilRecord.av_mut_rates[i]; + this.data[0].dataPoints.push({x:t, y:p}); + } + // console.log(this.data) + } + + addNewest() { + var i = FossilRecord.tick_record.length-1; + var t = FossilRecord.tick_record[i]; + var p = FossilRecord.av_mut_rates[i]; + this.data[0].dataPoints.push({x:t, y:p}); + } + + removeOldest() { + this.data[0].dataPoints.shift(); + } +} + +module.exports = MutationChart; \ No newline at end of file diff --git a/src/Stats/Charts/PopulationChart.js b/src/Stats/Charts/PopulationChart.js new file mode 100644 index 0000000..bb3eba4 --- /dev/null +++ b/src/Stats/Charts/PopulationChart.js @@ -0,0 +1,41 @@ +const FossilRecord = require("../FossilRecord"); +const ChartController = require("./ChartController"); + +class PopulationChart extends ChartController { + constructor() { + super("Population"); + } + + setData() { + this.clear(); + this.data.push({ + type: "line", + markerType: "none", + color: 'black', + showInLegend: true, + name: "pop1", + legendText: "Total Population", + dataPoints: [] + } + ); + for (var i in FossilRecord.tick_record) { + var t = FossilRecord.tick_record[i]; + var p = FossilRecord.pop_counts[i]; + this.data[0].dataPoints.push({x:t, y:p}); + } + // console.log(this.data) + } + + addNewest() { + var i = FossilRecord.tick_record.length-1; + var t = FossilRecord.tick_record[i]; + var p = FossilRecord.pop_counts[i]; + this.data[0].dataPoints.push({x:t, y:p}); + } + + removeOldest() { + this.data[0].dataPoints.shift(); + } +} + +module.exports = PopulationChart; \ No newline at end of file diff --git a/src/Stats/Charts/SpeciesChart.js b/src/Stats/Charts/SpeciesChart.js new file mode 100644 index 0000000..b330a04 --- /dev/null +++ b/src/Stats/Charts/SpeciesChart.js @@ -0,0 +1,40 @@ +const FossilRecord = require("../FossilRecord"); +const ChartController = require("./ChartController"); + +class SpeciesChart extends ChartController { + constructor() { + super("Species"); + } + + setData() { + this.clear(); + this.data.push({ + type: "line", + markerType: "none", + color: 'black', + showInLegend: true, + name: "spec", + legendText: "Number of Species", + dataPoints: [] + } + ); + for (var i in FossilRecord.tick_record) { + var t = FossilRecord.tick_record[i]; + var p = FossilRecord.species_counts[i]; + this.data[0].dataPoints.push({x:t, y:p}); + } + } + + addNewest() { + var i = FossilRecord.tick_record.length-1; + var t = FossilRecord.tick_record[i]; + var p = FossilRecord.species_counts[i]; + this.data[0].dataPoints.push({x:t, y:p}); + } + + removeOldest() { + this.data[0].dataPoints.shift(); + } +} + +module.exports = SpeciesChart; \ No newline at end of file diff --git a/src/Stats/FossilRecord.js b/src/Stats/FossilRecord.js index a41dd7d..8da97ad 100644 --- a/src/Stats/FossilRecord.js +++ b/src/Stats/FossilRecord.js @@ -6,7 +6,10 @@ const FossilRecord = { this.extinct_species = []; // if an organism has fewer than this cumulative pop, discard them on extinction - this.min_discard = 5; + this.min_discard = 10; + + this.record_size_limit = 500; // store this many data points + this.setData(); }, setEnv: function(env) { @@ -59,10 +62,34 @@ const FossilRecord = { } }, + setData() { + // all parallel arrays + this.tick_record = [0]; + this.pop_counts = [1]; + this.av_pop_counts = [1] + this.species_counts = [1]; + this.av_mut_rates = [5]; + }, + + updateData() { + var tick = this.env.total_ticks; + this.tick_record.push(tick); + this.pop_counts.push(this.env.organisms.length); + this.species_counts.push(this.extant_species.length); + this.av_mut_rates.push(this.env.averageMutability()); + if (this.tick_record.length > this.record_size_limit) { + this.tick_record.shift(); + this.pop_counts.shift(); + this.av_pop_counts.shift(); + this.species_counts.shift(); + this.av_mut_rates.shift(); + } + }, + clear_record: function() { this.extant_species = []; this.extinct_species = []; - // console.log("Cleared", this.extant_species, this.extinct_species) + this.setData(); }, } diff --git a/src/Stats/Species.js b/src/Stats/Species.js index f2a94ac..299faee 100644 --- a/src/Stats/Species.js +++ b/src/Stats/Species.js @@ -6,8 +6,13 @@ class Species { this.cumulative_pop = 1; this.start_tick = start_tick; this.end_tick = -1; - this.color = '#asdfasdf'; - this.name = '_' + Math.random().toString(36).substr(2, 9);; + this.color = Math.floor(Math.random()*16777215).toString(16); + if (ancestor != null) { + // needs to be reworked, maybe removed + var mutator = Math.floor(Math.random()*16777215)-8000000; + this.color = (mutator + parseInt(ancestor.color, 16)).toString(16); + } + this.name = '_' + Math.random().toString(36).substr(2, 9); this.extinct = false; } diff --git a/src/Stats/StatsPanel.js b/src/Stats/StatsPanel.js new file mode 100644 index 0000000..cfc3dbe --- /dev/null +++ b/src/Stats/StatsPanel.js @@ -0,0 +1,65 @@ +const PopulationChart = require("./Charts/PopulationChart"); +const SpeciesChart = require("./Charts/SpeciesChart"); +const MutationChart = require("./Charts/MutationChart"); + + +const ChartSelections = [PopulationChart, SpeciesChart, MutationChart]; + +class StatsPanel { + constructor(env) { + this.defineControls(); + this.chart_selection = 0; + this.setChart(); + this.env = env; + this.last_reset_count=env.reset_count; + } + + setChart(selection=this.chart_selection) { + this.chart_controller = new ChartSelections[selection](); + this.chart_controller.setData(); + this.chart_controller.render(); + } + + startAutoRender() { + this.setChart(); + this.render_loop = setInterval(function(){this.updateChart();}.bind(this), 1000); + } + + stopAutoRender() { + clearInterval(this.render_loop); + } + + defineControls() { + $('#chart-option').change ( function() { + this.chart_selection = $("#chart-option")[0].selectedIndex; + this.setChart(); + }.bind(this)); + } + + updateChart() { + if (this.last_reset_count < this.env.reset_count){ + this.reset() + } + this.last_reset_count = this.env.reset_count; + this.chart_controller.updateData(); + this.chart_controller.render(); + } + + updateDetails() { + var org_count = this.env.organisms.length; + $('#org-count').text("Organism count: " + org_count); + if (org_count > this.organism_record) + this.organism_record = org_count; + $('#org-record').text("Highest count: " + this.env.organism_record); + $('#avg-mut').text("Average Mutation Rate: " + Math.round(this.env.averageMutability() * 100) / 100); + $('#largest-org').text("Largest Organism: " + this.env.largest_cell_count + " cells"); + + } + + reset() { + this.setChart(); + } + +} + +module.exports = StatsPanel; \ No newline at end of file