unify ren client with client

client/.env

@@ -1,2 +1,9 @@
+# VITE_PUBLIC_ETH_CONTRACT_ADDRESS=0x49d36570d4e46f48e99674bd3fcc84644ddd6b96f7c741b1562b82f9e004dc7
+# VITE_PUBLIC_ACCOUNT_CLASS_HASH=0x04d07e40e93398ed3c76981e72dd1fd22557a78ce36c0515f679e27f0bb5bc5f
 VITE_PUBLIC_ETH_CONTRACT_ADDRESS=0x49d36570d4e46f48e99674bd3fcc84644ddd6b96f7c741b1562b82f9e004dc7
 VITE_PUBLIC_ACCOUNT_CLASS_HASH=0x04d07e40e93398ed3c76981e72dd1fd22557a78ce36c0515f679e27f0bb5bc5f
+VITE_PUBLIC_MASTER_ADDRESS=0x517ececd29116499f4a1b64b094da79ba08dfd54a3edaa316134c41f8160973
+VITE_PUBLIC_MASTER_PRIVATE_KEY=0x1800000000300000180000000000030000000000003006001800006600
+VITE_PUBLIC_WORLD_ADDRESS=0x730cbe05cf01c05145b5bcd1c729bcb43de61ab6cdc62ee7be536d669a1ee7c
+VITE_PUBLIC_NODE_URL = http://localhost:5050
+VITE_PUBLIC_TORII = http://0.0.0.0:8080/graphql

client/package.json

@@ -39,7 +39,8 @@
     "rxjs": "^7.8.1",
     "starknet": "^5.19.5",
     "styled-components": "^6.0.7",
-    "zustand": "^4.4.1"
+    "zustand": "^4.4.1",
+    "renjs": "^2.9.3"
   },
   "devDependencies": {
     "@graphql-codegen/cli": "^5.0.0",

client/public/assets/gui/fonts.css

@@ -0,0 +1,13 @@
+@font-face {
+
+    font-family: 'fontsaudimat-mono';
+
+    src: url('OpenDyslexic3-Regular.ttf');
+
+    src: url('OpenDyslexic3-Regular.ttf').format('truetype');
+
+    font-weight: normal;
+
+    font-style: normal;
+
+}

client/public/story/Config.yaml

@@ -0,0 +1,58 @@
+positions:
+  OUTLEFT: #Outside of the screen, left side
+    x: -133
+    y: 1920 #The y should be at the bottom of the screen
+  LEFT: 
+    x: 100
+    y: 1920
+  DEFAULT:
+    x: 540
+    y: 1920
+  CENTER: 
+    x: 540
+    y: 1600
+  RIGHT: 
+    x: 450
+    y: 1920
+  OUTRIGHT: #Outside of the screen, right side
+    x: 933
+    y: 1920
+
+transitions:
+  defaults: # Default transition when showing/hiding
+    characters: FADE
+    backgrounds: FADE
+    cgs: FADE
+    music: FADE
+  say: CUT #How to change character expression in say action
+  # Transition to use when showing/hiding choices
+  visualChoices: FADE
+  textChoices: CUT
+  menus: FADE
+  # transitions can be skipped by the player by tapping
+  skippable: true
+
+# Fade transition time, in miliseconds
+fadetime : 750
+# Time in each action that waits (e.g. text and say) when skipping
+skiptime: 50
+# Time in each action that waits (e.g. text and say) when auto playing
+autotime: 150
+# If logChoices is true, previously chosen choices will be shown in a different color
+logChoices: false
+# Default waiting time for timeouts if not specified
+timeout: 5000
+# punctuation can add extra time when showing text in the message box, per special character
+punctuationMarks: [".",",","!","?",":","-"]
+# when a punctuation mark is shown, X extra puntuation wait times will be spent after adding the next character
+# the total amount of wait will be this value multiplied the text speed
+punctuationWait: 5
+
+precomputeBreakLines: true
+
+userPreferences:
+  textSpeed: 90
+  autoSpeed: 150
+  bgmv: 0.8
+  sfxv: 0.5
+  muted: false

client/public/story/GUI.yaml

@@ -0,0 +1,132 @@
+name: ArcaneAssembler
+resolution:
+  - 1080
+  - 1920
+assetCounter: 44
+config:
+  hud:
+    - id: default
+      type: image
+      asset: gameframe
+      x: 0
+      'y': 0
+    - id: default
+      type: choices
+      asset: buttonspritesheet
+      x: 40
+      'y': 680
+      alignment: centered
+      separation: 10
+      sfx: none
+      text:
+        x: 0
+        'y': 0
+        style:
+          font: fontsaudimat-mono
+          fontSize: 45px
+          fill: '#FFFFFF'
+          align: left
+          boundsAlignH: center
+          boundsAlignV: middle
+    - id: default
+      type: messageBox
+      asset: textbox
+      x: 40
+      'y': 1560
+      sfx: none
+      text:
+        x: 110
+        'y': 34
+        style:
+          font: fontsaudimat-mono
+          fontSize: 45px
+          fill: '#BF9FE6'
+          align: left
+          wordWrap: true
+          wordWrapWidth: '870'
+      ctc:
+        x: 960
+        'y': 280
+        asset: readystar
+    - id: default
+      type: nameBox
+      asset: namebox
+      x: 140
+      'y': 1490
+      text:
+        x: 0
+        'y': 0
+        style:
+          font: fontsaudimat-mono
+          fontSize: 40px
+          fill: '#BF9FE6'
+          align: left
+          boundsAlignH: center
+          boundsAlignV: middle
+
+  menus:
+    main:
+      - type: label
+        x: 150
+        'y': 452
+        text: "Waiting to receive world data"
+        style:
+          font: fontsaudimat-mono
+          fontSize: 45px
+          fill: '#FFFFFF'
+          align: left
+          boundsAlignH: center
+          boundsAlignV: middle
+assets:
+  images:
+    textbox:
+      name: textbox
+      fileName: textbox.png
+    namebox:
+      name: namebox
+      fileName: namebox.png
+    gameframe:
+      name: gameframe
+      fileName: gameframe.png
+  spritesheets:
+    loading-bar:
+      name: loading-bar
+      fileName: loaderloading-bar.png
+      w: 578
+      h: 82
+    asset4:
+      name: asset4
+      fileName: mainasset4.png
+      w: 143
+      h: 82
+    asset5:
+      name: asset5
+      fileName: mainasset5.png
+      w: 199
+      h: 82
+    readystar: # blinky thing
+      name: readystar
+      fileName: readystar.png
+      w: 40
+      h: 43
+    buttonspritesheet: # option buttons
+      name: buttonspritesheet
+      fileName: buttonspritesheet.png
+      w: 1000
+      h: 140
+    asset32: # interrupt buttons
+      name: asset32
+      fileName: hudasset32.png
+      w: 716
+      h: 65
+  fonts:
+    fontsaudimat-mono:
+      fileName: OpenDyslexic3-Regular.ttf
+      name: fontsaudimat-mono
+  audio:
+    Evan_Schaeffer_-_01_-_Aqueduct:
+      fileName: audioEvan_Schaeffer_-_01_-_Aqueduct.mp3
+      name: Evan_Schaeffer_-_01_-_Aqueduct
+      type: music
+madeWithRenJSBuilder: "2.0"
+assetsPath: assets/gui/

client/public/story/Setup.yaml

@@ -0,0 +1,65 @@
+
+backgrounds:
+  bench: assets/backgrounds/bench.png
+  tower: assets/backgrounds/tower.png
+  altar: assets/backgrounds/altar.png
+  outside: assets/backgrounds/outside.png
+  forest: assets/backgrounds/forest.png
+  meadow: assets/backgrounds/meadow.png
+  volcano: assets/backgrounds/volcano.png
+  cave: assets/backgrounds/cave.png
+
+characters:
+  deuzi:
+    displayName: Deuzilene
+    speechColour: "#ca90cf"
+    looks:
+      normal: assets/characters/Char3NormalSchool.png
+      happy: assets/characters/Char3HappySchool.png
+      angry: assets/characters/Char3AngrySchool.png
+
+  raven:
+    displayName: Raven
+    speechColour: "#ca90cf"
+    looks:
+      normal: assets/characters/raven.png
+      scared: assets/characters/ravenScared.png
+
+  cat:
+    displayName: Cat
+    speechColour: "#ca90cf"
+    looks:
+      normal: assets/characters/cat.png
+      scared: assets/characters/catScared.png
+
+  salamander:
+    displayName: Salamander
+    speechColour: "#ca90cf"
+    looks:
+      normal: assets/characters/salamander.png
+      scared: assets/characters/salamanderScared.png
+
+  spider:
+    displayName: Wolf Spider
+    speechColour: "#ca90cf"
+    looks:
+      normal: assets/characters/spider.png
+      scared: assets/characters/spiderScared.png
+
+cgs:
+  cardback: assets/objects/card-background.png
+  button: assets/objects/button.png
+  cancel-button: assets/objects/cancel-button.png
+  back-button: assets/objects/back-button.png
+  barrier: assets/objects/barrier.png
+  barrier-broken: assets/objects/barrier-broken.png
+
+
+music:
+  mysterious: assets/audio/mysterious.mp3
+
+sfx:
+  raven: assets/audio/raven.mp3
+  cat: assets/audio/cat.mp3
+  salamander: assets/audio/salamander.mp3
+  sacrifice: assets/audio/sacrifice.mp3