All Projects → tomsoftware → Settlers.ts

tomsoftware / Settlers.ts

Licence: MIT License
A Web Settlers 4 Clone/Remake in TypeScript

Programming Languages

typescript
32286 projects
Vue
7211 projects
GLSL
2045 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
Batchfile
5799 projects
CSS
56736 projects

Projects that are alternatives of or similar to Settlers.ts

freeserf.net
Settlers 1 clone written in C#
Stars: ✭ 97 (+410.53%)
Mutual labels:  remake, settlers
stuntcarremake
A port of Stunt Car Remake to OpenPandora, Linux and Emscripten. Status: Working
Stars: ✭ 44 (+131.58%)
Mutual labels:  remake
ualbion
A remake of the 1995 RPG Albion (requires data from an install of the original game)
Stars: ✭ 87 (+357.89%)
Mutual labels:  remake
SuperMarioBros
A work-in-progress remake of the original Super Mario Bros. for NES, in the browser using canvas and P5JS.
Stars: ✭ 23 (+21.05%)
Mutual labels:  remake
packard-belle-desktop
Building website with packard-belle UI library and react-rnd
Stars: ✭ 44 (+131.58%)
Mutual labels:  remake
openwar
Classic fantasy RTS game in the spirit of Warcraft: Orcs & Humans.
Stars: ✭ 48 (+152.63%)
Mutual labels:  remake
o2r
Open Rodent's Revenge is a C++ remake of the famous Microsoft game "Rodent's Revenge" (1991).
Stars: ✭ 22 (+15.79%)
Mutual labels:  remake
rsc-client
🎮 runescape classic web client
Stars: ✭ 45 (+136.84%)
Mutual labels:  remake
encounter
Remaking the classic C64 game in WebGL.
Stars: ✭ 45 (+136.84%)
Mutual labels:  remake
Dune-II---The-Maker
A remake of the classic Dune 2 - The Building of a Dynasty (by Westwood Studios) with several enhancements. Like: higher screenresolutions, zooming, multiselect, skirmish play, etc.
Stars: ✭ 232 (+1121.05%)
Mutual labels:  remake
nox-decomp
Unofficial Nox (2000) port to Linux using decompiled code from https://playnox.xyz
Stars: ✭ 21 (+10.53%)
Mutual labels:  remake
The-Great-Escape-in-C
Classic ZX Spectrum game "The Great Escape" rewritten in portable C
Stars: ✭ 95 (+400%)
Mutual labels:  remake
Hover
Hover is a work-in-progress port of Hover.
Stars: ✭ 58 (+205.26%)
Mutual labels:  remake
Corsixth
Open source clone of Theme Hospital
Stars: ✭ 2,481 (+12957.89%)
Mutual labels:  remake
Jspaint
🎨 Classic MS Paint, REVIVED + ✨Extras
Stars: ✭ 5,972 (+31331.58%)
Mutual labels:  remake
Opensc2k
OpenSC2K - An Open Source remake of Sim City 2000 by Maxis
Stars: ✭ 4,753 (+24915.79%)
Mutual labels:  remake
Coogle
A shot-for-shot remake of the Google Login Page.
Stars: ✭ 34 (+78.95%)
Mutual labels:  remake
HeadOverHeels
The free and open source remake of game Head over Heels
Stars: ✭ 15 (-21.05%)
Mutual labels:  remake

Settlers 4 remake (File Formats)

This is a Settlers 4 (Siedler 4) Remake (it will be :-) ) written in JavaScript (Typescript) so it can be run in your browser.

🎉 run the "game" 🎉

How to compile:

  1. Install NodeJs

  2. run on command line:

     npm install
     npm run build
    

➜ This will create the ./dist/ folder with the app.

How to start:

You need a WebServer that serves the App. E.g. you can use the included one:

  1. Install NodeJs
  2. Copy the Settlers-4-game folder with the files (game.lib, gfx.lib, Gfx/0.gfx, ...) to the /dist/ folder - e.g. to ./dist/Siedler4/
  3. Run ./dist/run.bat
    This will:
    • create a list of all files in your e.g. ./dist/Siedler4/ folder.
    • start a local Webserver on your PC
  4. Open: http://localhost:8888/

How to edit:

You can use Visual Studio Code to edit and debug your code:

  1. Visual Studio Code

  2. Install Debugger for Chrome Plugin in Visual Studio Code

  3. Copy the Settlers-4-game folder to ./public/ e.g. to ./public/Siedler4/

  4. run

     npm install
     npm run serve
    

    Or press Ctrl+Shift+B to start the live-server in VS-Code

    ➜ This will start a live-server on http://localhost:8080/

  • Fix code style / linter errors

      npm run lint -- --fix
    
  • Run unit tests

      npm run test:unit
    

Next BIG steps:

  1. using webGl to render the state of a game by loading a save game and pushing all data to webGl: see: https://jsfiddle.net/fsg2kw3o/

  2. adding game logic to process state changing in the game see: game.lib/objectInfo.xml and game.lib/buildingInfo.xml see: https://github.com/jsettlers/settlers-remake

  3. adding backend logic using websocket to communicate with local webserver. The webserver now can provide:

    • Folder access to e.g. list all save games
    • Network access to allow network gaming

State:

Load/view a Map

View Landscape using WebGL

screenshot

View / decode file formats

You can access 'all' Settlers file formats

gfx-file view:

screenshot

gl-file and gh-file view:

screenshot

lib-file view:

screenshot

map-file view:

screenshot

Disclaim

This Software reads the original graphics/data from the original Settlers 4 title released by Blue Byte® - The authors of this Software do not clam any rights on any of that data nor the name Siedler and Settlers.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].