2d:null 2e:["$","title",null,{"children":"Testing bitECS for Tempest | Andrew Wooldridge | Observable"}] 33:Tcde,{ // first, create a world const world = bitECS.createWorld(); // give it a name world.name = "TempestWorld"; addToConsole(world); // add an entity - it's just an ID - a number const entity001 = bitECS.addEntity(world) addToConsole(entity001); // add a component - components are just data structures // first create a new type - it's just data with types. // this is a reusable thing we can assign to a component shortly const Vector3 = { x: bitECS.Types.f32, y: bitECS.Types.f32, z: bitECS.Types.f32 } addToConsole(Vector3) // create a few components using this type const Position = bitECS.defineComponent(Vector3) const Velocity = bitECS.defineComponent(Vector3) addToConsole(Position); addToConsole(Velocity); // create a list component via shorthand const List = bitECS.defineComponent({ values: [bitECS.Types.f32, 3] }) // [type, length] // uncomment to see - takes a long time to render. // addToConsole(List) // a generic container const Tag = bitECS.defineComponent() addToConsole(Tag) // add these components to our entity - entity001 bitECS.addComponent(world, Position, entity001) bitECS.addComponent(world, Velocity, entity001) bitECS.addComponent(world, List, entity001) bitECS.addComponent(world, Tag, entity001) // set the velocity of our entity via the components. Each value in a component is an array of the entities that posess it. Velocity.x[entity001] = 1; Velocity.y[entity001] = 1; // note entity001 has not changed. It's just that the value in the Velicity.x array with that entity ID now has those values. addToConsole(Velocity.x) //look at first item in array - it has a value of 1 now. // next let's create a query into the world. Return to us all the entities that have a Position and a Velocity const movementQuery = bitECS.defineQuery([Position, Velocity]) // it has no meaning until associated with a world const ents = movementQuery(world) addToConsole(ents); // returns the ID of the only entity in the world // add concept of time. Just a plain attribute of the world. world.time = { delta: 0, elapsed: 0, then: performance.now() } addToConsole(world) // add a system - a way to update some component values const movementSystem = (world) => { const ents = movementQuery(world) for (let i = 0; i < ents.length; i++) { const eid = ents[i] Position.x[eid] += Velocity.x[eid] Position.y[eid] += Velocity.y[eid] Position.z[eid] += Velocity.z[eid] } return world } // add a "time" system to keep track of time const timeSystem = world => { const { time } = world const now = performance.now() const delta = now - time.then time.delta = delta time.elapsed += delta time.then = now return world } // a pipeline to run the systems const pipeline = bitECS.pipe(movementSystem, timeSystem) //now run the pipleline ever 1000 msec setInterval(() => { pipeline(world); console.log("Position", Position.x[entity001]) scanner.querySelector("#xpos").innerHTML = Position.x[entity001] console.log("tobj", JSON.stringify(world.time)) timeview.querySelector("#tobj").innerHTML = JSON.stringify(world.time); }, 1000) }34:[] 31:{"id":"806437fef9957424","slug":"testing-bitecs-for-tempest","title":"Testing bitECS for Tempest","thumbnail":"a84230feff784821f58dfbbe35ad48e7073610e77d441d084422321fa1c3e146","access_level":"public","create_time":"$D2021-09-19T18:00:54.309Z","update_time":"$D2021-09-20T00:30:56.329Z","view_time":null,"first_public_time":"$D2021-09-19T22:49:31.742Z","fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"2d6b5d0f9034e560","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":"starter_2024"},"version":86,"publish_version":86,"role":null,"authored":false,"authors":[{"type":"individual","id":"b8d79ca293134247","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":null}],"members":[{"type":"individual","id":"b8d79ca293134247","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"0c53d51a8a1b1c78","slug":"tempest","title":"Tempest","owner":{"id":"2d6b5d0f9034e560","login":"triptych","name":"Andrew Wooldridge"}},"type":"notebook","body":{"title":"Testing bitECS for Tempest","cells":[{"id":0,"value":"# Testing bitECS for Tempest","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"import {bitECS} from \"@triptych/tempest-utilities\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"addToConsole = (obj)=>{\n con.appendChild(html`\n

\n ${JSON.stringify(obj)}\n

`)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"con = html`

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"## Current position of entity001:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"scanner = html`

Entity001 current x position:

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"## View of the Time ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"timeview = html`

Time obj:

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"