npm - webglmusti - Versions diffs - 0.0.0 - Mend

webglmusti 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (102) hide show

package/.gitattributes +2 -0
package/idea_list.txt +13 -0
package/index.html +17 -0
package/package.json +20 -0
package/public/apple.png +0 -0
package/public/base.png +0 -0
package/public/car.png +0 -0
package/public/drop.png +0 -0
package/public/font16-Sheet.png +0 -0
package/public/font16-Sheet.txt +52 -0
package/public/letters-Sheet.png +0 -0
package/public/letters-Sheet.txt +27 -0
package/public/letters_Sheet.png +0 -0
package/public/letters_Sheet.txt +4 -0
package/public/vite.svg +1 -0
package/src/App/ResourceSim/car.ts +172 -0
package/src/App/ResourceSim/grid.ts +993 -0
package/src/App/ResourceSim/grid_app.ts +1326 -0
package/src/App/ResourceSim/grid_test.test.ts +18 -0
package/src/App/ResourceSim/node_graph.ts +293 -0
package/src/App/ResourceSim/nodes.ts +151 -0
package/src/App/ResourceSim/resource.ts +8 -0
package/src/App/ResourceSim/texts.ts +6 -0
package/src/App/card/card.test.ts +22 -0
package/src/App/card/card.ts +763 -0
package/src/App/puzzle_box/app.ts +10 -0
package/src/App/puzzle_box/engine.ts +374 -0
package/src/App/puzzle_box/renderer.ts +102 -0
package/src/App/puzzle_box/test.test.ts +49 -0
package/src/App/water/water.ts +206 -0
package/src/Interface/button.ts +345 -0
package/src/Interface/interface_element.ts +30 -0
package/src/Interface/internal_window.ts +100 -0
package/src/Interface/options.ts +332 -0
package/src/Interface/text_input.ts +183 -0
package/src/WebGL/Matrix/matrix.test.ts +30 -0
package/src/WebGL/Matrix/matrix.ts +293 -0
package/src/WebGL/Shaders/Fragment/Program/circle.ts +49 -0
package/src/WebGL/Shaders/Fragment/Program/circle_only.ts +47 -0
package/src/WebGL/Shaders/Fragment/Program/circle_outline.ts +54 -0
package/src/WebGL/Shaders/Fragment/Program/colour.ts +39 -0
package/src/WebGL/Shaders/Fragment/Program/colour_alpha.ts +37 -0
package/src/WebGL/Shaders/Fragment/Program/line.ts +39 -0
package/src/WebGL/Shaders/Fragment/Program/multi_colour_centre_circle_path.ts +69 -0
package/src/WebGL/Shaders/Fragment/Program/multi_colour_path.ts +69 -0
package/src/WebGL/Shaders/Fragment/Program/path_centre_circle.ts +69 -0
package/src/WebGL/Shaders/Fragment/Program/rect_outline.ts +39 -0
package/src/WebGL/Shaders/Fragment/Program/solid_path.ts +64 -0
package/src/WebGL/Shaders/Fragment/Program/sprite_sheet.ts +54 -0
package/src/WebGL/Shaders/Fragment/Program/sprite_sheet_colour.ts +62 -0
package/src/WebGL/Shaders/Fragment/Program/texture.ts +34 -0
package/src/WebGL/Shaders/Fragment/Source/circle.frag +19 -0
package/src/WebGL/Shaders/Fragment/Source/circle_only.frag +15 -0
package/src/WebGL/Shaders/Fragment/Source/circle_outline.frag +23 -0
package/src/WebGL/Shaders/Fragment/Source/colour.frag +9 -0
package/src/WebGL/Shaders/Fragment/Source/colour_alpha.frag +7 -0
package/src/WebGL/Shaders/Fragment/Source/fragment.frag +5 -0
package/src/WebGL/Shaders/Fragment/Source/fragment_source.ts +15 -0
package/src/WebGL/Shaders/Fragment/Source/line.frag +12 -0
package/src/WebGL/Shaders/Fragment/Source/multi_colour_centre_circle_path.frag +36 -0
package/src/WebGL/Shaders/Fragment/Source/multi_colour_path.frag +34 -0
package/src/WebGL/Shaders/Fragment/Source/path_centre_circle.frag +29 -0
package/src/WebGL/Shaders/Fragment/Source/rect_outline.frag +20 -0
package/src/WebGL/Shaders/Fragment/Source/solid_path.frag +24 -0
package/src/WebGL/Shaders/Fragment/Source/sprite_sheet.frag +17 -0
package/src/WebGL/Shaders/Fragment/Source/sprite_sheet_colour.frag +19 -0
package/src/WebGL/Shaders/Fragment/Source/texture.frag +11 -0
package/src/WebGL/Shaders/Fragment/fragment.ts +43 -0
package/src/WebGL/Shaders/Fragment/fragment_old.ts +261 -0
package/src/WebGL/Shaders/Vertex/Program/mvp2d.ts +41 -0
package/src/WebGL/Shaders/Vertex/Program/transform2d.ts +39 -0
package/src/WebGL/Shaders/Vertex/Source/mvp2d.vert +17 -0
package/src/WebGL/Shaders/Vertex/Source/mvp_i_2d.vert +18 -0
package/src/WebGL/Shaders/Vertex/Source/simple.vert +9 -0
package/src/WebGL/Shaders/Vertex/Source/transform2d.vert +13 -0
package/src/WebGL/Shaders/Vertex/Source/transform2d_rel.vert +16 -0
package/src/WebGL/Shaders/Vertex/Source/translate2d.vert +7 -0
package/src/WebGL/Shaders/Vertex/Source/vertex_source.ts +13 -0
package/src/WebGL/Shaders/Vertex/vertex.ts +10 -0
package/src/WebGL/Shaders/Vertex/vertex_old.ts +289 -0
package/src/WebGL/Shaders/custom.ts +129 -0
package/src/WebGL/Shaders/shader.ts +197 -0
package/src/WebGL/Shapes/Line.ts +29 -0
package/src/WebGL/Shapes/Shapes.ts +189 -0
package/src/WebGL/Texture/texture.ts +214 -0
package/src/WebGL/Util/file.ts +24 -0
package/src/WebGL/app.ts +150 -0
package/src/WebGL/colour.ts +71 -0
package/src/WebGL/globals.ts +353 -0
package/src/WebGL/index.ts +3 -0
package/src/WebGL/mixin.ts +2 -0
package/src/global.d.ts +13 -0
package/src/index.ts +4 -0
package/src/main.ts +139 -0
package/src/utils/array.ts +154 -0
package/src/utils/assert.ts +8 -0
package/src/utils/file.ts +0 -0
package/src/utils/mixin.ts +22 -0
package/src/utils/numbers.ts +11 -0
package/src/utils/utils.test.ts +23 -0
package/src/vite-env.d.ts +1 -0
package/tsconfig.json +25 -0

package/.gitattributes ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ # Auto detect text files and perform LF normalization
2	+ * text=auto

package/idea_list.txt ADDED Viewed

@@ -0,0 +1,13 @@
+fix resizing - fixed by adding gl viewport in initialise ( can change )
+use new app.ts in webgl - done
+colour themes - Todo
+finish dropdown select - TODO
+add visual indicator (border) to text input when selected and sizing - TODO
+draggable window inside canvas - mostly finished
+car move to destination - TODO
+save grid configurations - TODO
+car traffic - TODO
+implement puzzle grid - TODO

package/index.html ADDED Viewed

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>WebGl</title>
+  </head>
+  <body style="margin: 0px; overflow: hidden;">
+    <canvas id="app"></canvas>
+    <div id="overlay"></div>
+    <div id="coords"></div>
+    <script id="vert" type="notjs" src="/src/shaders/vertex.vert"></script>
+    <script id="frag" type="notjs" src="/src/shaders/fragment.frag"></script>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/package.json ADDED Viewed

@@ -0,0 +1,20 @@
+{
+  "name": "webglmusti",
+  "private": false,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "test": "vitest"
+  },
+  "devDependencies": {
+    "typescript": "~5.8.3",
+    "vite": "^7.3.1",
+    "vitest": "^3.2.4"
+  },
+  "dependencies": {
+    "@datastructures-js/priority-queue": "^6.3.5"
+  }
+}

package/public/apple.png ADDED Viewed

Binary file

package/public/base.png ADDED Viewed

Binary file

package/public/car.png ADDED Viewed

Binary file

package/public/drop.png ADDED Viewed

Binary file

package/public/font16-Sheet.png ADDED Viewed

Binary file

package/public/font16-Sheet.txt ADDED Viewed

@@ -0,0 +1,52 @@
+51 1
+aA
+bB
+cC
+dD
+eE
+fF
+gG
+hH
+iI
+jJ
+kK
+lL
+mM
+nN
+oO
+pP
+qQ
+rR
+sS
+tT
+uU
+vV
+wW
+xX
+yY
+zZ
+1
+2
+3
+4
+5
+6
+7
+8
+9
+0
+.
+,
+/
+:
++
+-
+?
+;
+!
+=
+'
+"
+<
+>
+_

package/public/letters-Sheet.png ADDED Viewed

Binary file

package/public/letters-Sheet.txt ADDED Viewed

@@ -0,0 +1,27 @@
+26 1
+aA
+bB
+cC
+dD
+eE
+fF
+gG
+hH
+iI
+jJ
+kK
+lL
+mM
+nN
+oO
+pP
+qQ
+rR
+sS
+tT
+uU
+vV
+wW
+xX
+yY
+zZ

package/public/letters_Sheet.png ADDED Viewed

Binary file

package/public/letters_Sheet.txt ADDED Viewed

@@ -0,0 +1,4 @@
+3 1
+aA
+bB
+cC

package/public/vite.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/App/ResourceSim/car.ts ADDED Viewed

@@ -0,0 +1,172 @@
+import * as Grid from './grid';
+import * as Node from './nodes';
+import * as Resource from './resource';
+type Int32 = number;
+type Float = number;
+type TrackPosition = {
+  distance_covered: Float,
+  move_index: Int32
+}
+export class Car{
+  //coordinates are from top-left corner
+  id: Int32;
+  x: Float; // center point
+  y: Float;
+  size: Float;
+  plan: Grid.Track | undefined;
+  plan_position: TrackPosition;
+  plan_index: Int32;
+  turn_speed: Float; // per second?
+  speed: Float; // per second
+  rotation: Float; // in radians
+  last_key: Grid.GridPosition | undefined;
+  //inventory: Resource | undefined;
+  constructor(id: Int32){
+    this.id = id;
+    this.x = 0;
+    this.y = 0;
+    this.size = 0.2;
+    this.plan = undefined;
+    this.plan_position = {distance_covered: 0, move_index: 0};
+    this.plan_index = 0;
+    this.speed = 0.01;
+    this.turn_speed = 0.05;
+    this.rotation = 0;
+    this.last_key = undefined;
+  }
+  setPlan(plan: Grid.Track){
+    //console.log(plan);
+    this.plan = plan;
+    this.x = plan.starting_location.x+0.5;
+    this.y = plan.starting_location.y+0.5;
+    this.last_key = plan.starting_location;
+    //this.rotation = Grid.DirectionUtil.turnDirectionToRadians(plan.part.getMoves()[0].direction);
+    this.plan_position = {distance_covered: 0, move_index: 0};
+    //console.log(this.plan.part.getMoves().at(0)?.direction);
+  }
+  update(t:Float){
+    if(this.plan){
+      const moves = this.plan.part.getMoves();
+      const dir = moves[this.plan_position.move_index].direction;
+      const dir_movement = Grid.DirectionUtil.directions[dir];
+      const target_rotation = Grid.DirectionUtil.turnDirectionToRadians(dir);
+      const turn = Grid.DirectionUtil.getTurnDirection(dir, this.rotation);
+      if(turn === Grid.TurnDirectionEnum.Clockwise){
+        if(this.rotation + this.turn_speed > target_rotation && this.rotation < target_rotation){
+          this.rotation = target_rotation;
+          //console.log("stop rot clock");
+        }else{
+          this.rotation += this.turn_speed;
+          this.rotation %= (Math.PI*2);
+        }
+      }else if(turn === Grid.TurnDirectionEnum.AntiClockwise){
+        if(this.rotation - this.turn_speed < target_rotation && this.rotation > target_rotation){
+          this.rotation = target_rotation;
+          //console.log("stop rot anti");
+        }else{
+          this.rotation -= this.turn_speed;
+          if(this.rotation < 0){
+            this.rotation += Math.PI*2;
+          }
+        }
+      }
+      else if(this.plan_position.distance_covered+this.speed >= moves[this.plan_position.move_index].distance){
+        const remaining = moves[this.plan_position.move_index].distance-this.plan_position.distance_covered;
+        this.x += dir_movement.x*remaining;
+        this.y -= dir_movement.y*remaining;
+        if(this.plan_position.move_index+1 >= moves.length){
+          this.plan_position = {distance_covered: 0, move_index: 0};
+          this.last_key = this.plan.endPoint();
+          this.plan = undefined;
+        }else{
+          this.plan_position = {distance_covered: 0, move_index: this.plan_position.move_index+1};
+        }
+      }else{
+        this.x += dir_movement.x*this.speed;
+        this.y -= dir_movement.y*this.speed;
+        this.plan_position.distance_covered += this.speed;
+      }
+    }
+  }
+}
+const CarStateEnum = {
+  Waiting: 0,
+  MovingToNode: 1,
+  Extracting: 2,
+} as const;
+type CarState = (typeof CarStateEnum)[keyof typeof CarStateEnum];
+export class ResourceCar extends Car{
+  capacity: Int32;
+  inventory: Map<Resource.Resource, Int32>;
+  current_capacity: Int32;
+  car_state: CarState;
+  starting_node: Node.KeyNode;
+  target_node: Node.KeyNode | undefined;
+  is_selected: boolean;
+  constructor(id: Int32, starting_node: Node.KeyNode){
+    super(id);
+    this.capacity = 1;
+    this.inventory = new Map();
+    this.current_capacity = 0;
+    this.car_state = CarStateEnum.Waiting;
+    this.starting_node = starting_node;
+    this.is_selected = false;
+    this.centerCarOnNode(this.starting_node);
+  }
+  isReadyToGo(): boolean{
+    return this.car_state == CarStateEnum.Waiting;
+  }
+  centerCarOnNode(node: Node.KeyNode){
+    this.x = node.x+0.5;
+    this.y = node.y+0.5;
+  }
+  //findClosestResourceNode(engine: WallEngine){
+  ///}
+}
+export class CarCollection{
+  cars: Map<Int32, ResourceCar>;
+  private current_id: Int32;
+  constructor(){
+    this.cars = new Map();
+    this.current_id = 0;
+  }
+  addCarOnNode(node: Node.KeyNode){
+    this.cars.set(this.current_id, new ResourceCar(this.current_id, node));
+    this.current_id++;
+  }
+  get(i: Int32): ResourceCar | undefined{
+    return this.cars.get(i);
+  }
+  select(id: Int32){
+    const car = this.get(id);
+    if(car != undefined){
+      car.is_selected = true;
+    }
+  }
+  update(t: Float){
+    for(const [id, car] of this.cars){
+      car.update(t);
+    }
+  }
+  clear(){
+    this.cars.clear();
+    this.current_id = 0;
+  }
+  delete(id: Int32){
+    this.cars.delete(id);
+  }
+}