experimental react adventure game engine

• homepage: https://www.rudowscy.com
• Trader of Stories - chapter 3 powered by this engine: https://www.rudowscy.com/tos3

game assets (music, images, text) and story are small part of original game. There are copyrighted and shouldn't be used outside this repo

To enjoy full game please visit https://www.rudowscy.com

• gem.ini engine is based on my older works that power our previous games in this series

• sass for globals and inline styling where needed (positions, bg images etc.)

• for fun, learn and to help my bro again
  

• this time without https://www.styled-components.com/

• and still without https://tailwindcss.com/

• node 16.13.1
  • best with windows version switcher: https://github.com/coreybutler/nvm-windows
  • mac/linux: https://github.com/nvm-sh/nvm

  nvm install 16.13.1
  nvm use 16.13.1
  

• yarn 1.22.19 or some later classic version (https://classic.yarnpkg.com/en/docs/install)

  npm install --global yarn
  

• Windows problem: ps1 cannot be loaded because running scripts is disabled on this system Solution: https://stackoverflow.com/questions/41117421/ps1-cannot-be-loaded-because-running-scripts-is-disabled-on-this-system

yarn
yarn start

Runs the app in the development mode.
Open http://localhost:3003 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

• turn on eslint on save
• turn on prettier on save
• go to tools -> save on actions options and set arrange imports

Open http://localhost:3003/?debugMode=true

• https://www.smashingmagazine.com/2022/07/powerful-image-optimization-tools/
• https://tinypng.com/

• https://www.cssportal.com/css-clip-path-generator/
• https://webdevpuneet.com/tools/css-clip-path-generator/
• https://bennettfeely.com/clippy/

• https://www.freeconvert.com/mp3-to-webm
• https://www.videoconverter.com/convert-mp3-to-webm.html (1 per day)
• https://www.video2edit.com/convert-to-webm

yarn test

TBC Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

yarn global add serve
serve build