21:null 22:["$","title",null,{"children":"The Computational Boundary of a “Self”, an explorable explanation | Fabien Benetou | Observable"}] 27:T48b,updateElement = function(e,i) { // life spending e = Math.max(0, e - energyToLostAtEachStep); if (!e) { ElementsState[i] = e; return } // Consuming resources (non depleating environement) if(EnviromentalState[i]*255 > 1 && e+ratioConsumptionFromEnvironment thresholdToGive) { // ElementsState[((eltJ+jy)*SpotsPerEnvironmentalGridSide) + (eltI+ix)] = 0 // used for test, works } } } // Communications could be modelised through mailbox // in this case directly giving or taking messages (here energy) is similar and quicker to implement ElementsState[i] = e; }28:T7a2,canvas = p5(s => { s.setup = () => { s.createCanvas(800,400); } s.draw = () => { var spotSize = s.height/SpotsPerEnvironmentalGridSide // A]UPDATE // 1) Update the elements ElementsState.map( (e,i) => { updateElement(e,i); }) // 2) check if mouse is hovering over an element let eltHover = s.createVector(-100,-100); if(ElementsState[Math.floor( s.mouseY / spotSize ) * SpotsPerEnvironmentalGridSide + Math.floor( s.mouseX / spotSize )] > 0) { eltHover = s.createVector(0.5 *spotSize + spotSize * Math.floor( s.mouseX / spotSize ), 0.5 *spotSize + spotSize * Math.floor( s.mouseY / spotSize )); } // B] DRAW s.background(240) // 1) Line Grid s.noFill() s.stroke(0) for(var i=0; i { let x = i % SpotsPerEnvironmentalGridSide * spotSize let y = Math.floor( i / SpotsPerEnvironmentalGridSide ) * spotSize s.noStroke() s.fill(e*255) s.rect(x,y,spotSize,spotSize) }) // 3) Draw elements ElementsState.map( (e,i) => { let x = i % SpotsPerEnvironmentalGridSide * spotSize let y = Math.floor( i / SpotsPerEnvironmentalGridSide ) * spotSize s.stroke(0,0,100) s.fill(e*255, 0, 0) if(e) { s.ellipse(x + spotSize*0.5, y + spotSize*0.5, spotSize*0.75, spotSize*0.75) } }) // 4) Draw communication radius of element s.noStroke() s.fill(0, 0, 200, 80); s.ellipse(eltHover.x, eltHover.y, spotSize*1.1,spotSize*1.1) } })29:T44f,md`## To do 1. ~~setup p5js~~ 1. ~~generate visual grid~~ 1. ~~black lines~~ 1. ~~colored cells~~ 1. ~~noisy grid based on 1 color~~ 1. define 1 cell 1. must clarify the homeostatic aspect 1. e.g. could have a maximum consumption 1. display the cognitive light cone diagram, in time and space, of each element 1. interaction to add cell(s) 1. update/delete cell(s) 1. define behavior of a cell 1. related to the environment (grid) 1. related to other cells 1. communication probability 1. map visual differentiation per grid e.g. 1. grid 1 = color as analogy for cells 1. grid 2 = shape as analogy for bactery 1. etc clarify the link between grid N-1 / grid N / grid N+1 1. clarify abstraction across grids shwocasing the importance of 1. homeostatis 1. cognition 1. collaboration 1. consider how it can be integrated 1. e.g. viewof with slider 1. cf past work https://glitch.com/edit/#!/experiences?path=README.md testable https://experiences.glitch.me/configurator.html explained in video https://peertube.video/videos/watch/181e20bd-e9b1-4a05-867d-d54b84734191 `2a:[] 25:{"id":"34663f2245c418df","slug":"the-computational-boundary-of-a-self-an-explorable-explana","title":"The Computational Boundary of a “Self”, an explorable explanation","thumbnail":"bef9f4b9cc9699b5d25b2043ec2894b5dcdc5cc271e00629a372f73310c67c06","access_level":"public","create_time":"$D2020-06-26T12:43:22.064Z","update_time":"$D2020-07-06T13:49:50.810Z","view_time":null,"first_public_time":"$D2020-06-26T12:43:37.378Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"571c54f23a22112c","login":"utopiah","name":"Fabien Benetou","avatar_url":"https://avatars-next.observableusercontent.com/0bac47d5eff199771ce966f6c35b81d0456f55f761089445a09ea05e73e51aab","tier":"starter_2024","bio":"Curious Frenchman who loves to make proof of concepts to learn and explore."},"version":436,"publish_version":436,"role":null,"authored":false,"authors":[{"type":"individual","id":"fa8cd470e660c7d6","login":"utopiah","name":"Fabien Benetou","avatar_url":"https://avatars-next.observableusercontent.com/0bac47d5eff199771ce966f6c35b81d0456f55f761089445a09ea05e73e51aab","tier":null,"bio":"Curious Frenchman who loves to make proof of concepts to learn and explore."}],"members":[{"type":"individual","id":"fa8cd470e660c7d6","login":"utopiah","name":"Fabien Benetou","avatar_url":"https://avatars-next.observableusercontent.com/0bac47d5eff199771ce966f6c35b81d0456f55f761089445a09ea05e73e51aab","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":8,"collection":null,"type":"notebook","body":{"titling":"auto","title":"The Computational Boundary of a “Self”, an explorable explanation","cells":[{"id":0,"value":"titleMd = md`# The Computational Boundary of a “Self”, an explorable explanation\n\nArticle https://www.frontiersin.org/articles/10.3389/fpsyg.2019.02688/full`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":347,"value":"md`## Parameters`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"md`### Defining the size of a square environment`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":160,"value":"SpotsPerEnvironmentalGridSide = 10","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":310,"value":"md`### Generating an environment without any resource`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"EnviromentalStateBase = new Array(SpotsPerEnvironmentalGridSide*SpotsPerEnvironmentalGridSide).fill(0);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"md`### Probably for a spot in the environment to have exploitable resource`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"viewof ratioOfFilledResources = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":378,"value":"ratioOfFilledResources","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"md`### Probably for spot in the environment to have an element`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":358,"value":"viewof ratioOfFilledElements = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":382,"value":"ratioOfFilledElements","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"md`### Maximum amount of resource an element can exploit (per tick)`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"viewof maxConsumption = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"ratioConsumptionFromEnvironment = maxConsumption / 0.5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"radiusOfCommunication = 1;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":351,"value":"md`## Defining environment and elements`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"md`### Adding exploitable resources in the environment`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"// Initialise State\nEnviromentalState = EnviromentalStateBase.map( i => Math.random() < ratioOfFilledResources ? Math.random()*1 : 0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"md`### Adding elements in the environment`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"ElementsState = EnviromentalStateBase.map( i => Math.random() < ratioOfFilledElements ? Math.random() : 0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":390,"value":"maxEnergyStored = 1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"thresholdToGive = 0.7","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":403,"value":"viewof energyToGiveAtCommunication = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":402,"value":"energyToLostAtEachStep = 0.01","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":339,"value":"md`### Behavior of the element in its environment (called once per tick)`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"$27","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":422,"value":"md`Trying to modify the canvas to be a side overlay for faster testing.\n\n(but failing because ... iframe?!)`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":417,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":343,"value":"md`## Display of the environment with elements according to the defined parameters`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"$28","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"visualsMd = md`# Visuals from the paper`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"md`![alt text](https://www.frontiersin.org/files/Articles/493866/fpsyg-10-02688-HTML/image_m/fpsyg-10-02688-g004.jpg)`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"md`![alt text](https://www.frontiersin.org/files/Articles/493866/fpsyg-10-02688-HTML/image_m/fpsyg-10-02688-g002.jpg)`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"md`![alt text](https://www.frontiersin.org/files/Articles/493866/fpsyg-10-02688-HTML/image_m/fpsyg-10-02688-g001.jpg)`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"$29","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"md`# Imports`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"import {p5} from '@makio135/p5'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"md`# Lessons learned pair prog\n\n## Session June 26\n- insure that not too much time is spend on tool discovery\n- take time for external communication e.g. Twitter\n- refactoring code for next session\n- refactor cells in Observable\n\n## Session July 3\n- nearly no time wasted on the tools\n- better balance on goal vs implementation\n- could write down goals\n- have a separate prior 30min session on decided what will be communicated\n\n## Chat July 6\n- quotes from the paper\n- behavior\n- video animation\n- call for action prompting an exploration with a specific concept to learn about\n - e.g. what is homeostatis\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"md`# Related references\n- [The Case Against Reality, Why Evolution Hid the Truth from Our Eyes by Donald Hoffman](https://wwnorton.com/books/9780393254693)\n - could be interesting on the perception aspect of each element\n- [Controllability of complex networks](https://www.nature.com/articles/nature10011)\n- Metzinger on self-models\n- kappa https://kappalanguage.org\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2a","stdlib":"1"}} 26:"$25:body"