Giter Site home page Giter Site logo

merri / settlers2 Goto Github PK

View Code? Open in Web Editor NEW
11.0 3.0 1.0 222.68 MB

Source for The Settlers II.net built with https://astro.build!

Home Page: https://settlers2.net

License: MIT License

JavaScript 25.05% CSS 7.07% HTML 8.18% PHP 15.25% Astro 3.82% TypeScript 29.99% MDX 10.65%
astro astrobuild javascript

settlers2's Introduction

Settlers II.net

Welcome stranger or friend!

What is this site?

Settlers II.net is a resource for this old DOS game that was built with Amiga tools. The aim of the site is to provide accurate information that helps modding and expanding the original game by providing technical information and tools. The site also caters to people who are new to the game and just wish to know a bit more about it to get started with it.

In addition the site works as an archive.

Visit settlers2.net

Vision

To provide easy-to-use map generator, maps database, online localization tool & font editor.

Wild idea: generate game demo with chosen map, and run it on DOSBox on the browser.

More wild ideas: graphics editor, texture set editor, sound editor, music editor. Full modding.

Contributing

We do not yet have a proper contribution guide, but in general you're welcome to do changes and create a pull request with your changes. You can contact the main author Merri through Return to the Roots Discord Server if you have questions!

Getting started

The project uses pnpm instead of npm:

npm i -g pnpm
git clone https://github.com/Merri/settlers2.git
cd settlers2
pnpm i
pnpm run dev

In a couple of seconds you should be able to go to localhost:3000. If you change the sources you will see the changes happen immediately in the browser, too.

Tech of the site

  • Built with the wonderful Astro
  • Easy to add content in Markdown, or in JSX-similar .astro syntax
  • Fast development, ultra fast static site
  • Prefer static HTML/CSS when possible, vanilla JS next, Preact when more complexity is involved

As of writing Astro is bleeding edge, being only three months old and still in early beta phase. It has it's quirks, but nothing prevents making good working stuff with it regardless of the issues.

๐Ÿš€ Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
โ”œโ”€โ”€ public/
โ”‚   โ”œโ”€โ”€ robots.txt
โ”‚   โ””โ”€โ”€ favicon.ico
โ”œโ”€โ”€ src/
โ”‚   โ”œโ”€โ”€ components/
โ”‚   โ”‚   โ””โ”€โ”€ Tour.astro
โ”‚   โ””โ”€โ”€ pages/
โ”‚       โ””โ”€โ”€ index.astro
โ””โ”€โ”€ package.json

Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.

There's nothing special about src/components/, but that's where we like to put any Astro/React/Vue/Svelte/Preact/SolidJS components.

Any static assets, like images, can be placed in the public/ directory.

๐Ÿงž Commands

All commands are run from the root of the project, from a terminal:

Command Action
pnpm i Installs dependencies
pnpm run dev Starts local dev server at localhost:3000
pnpm run build Build your production site to ./dist/

๐Ÿ‘€ Want to learn more about Astro?

Feel free to check documentation or jump into our Discord server.

settlers2's People

Contributors

merri avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

celludriel

settlers2's Issues

BQ Calculation seems wrong

In the following map there is a wrong Building quality at point 41,9. According to the docs it should be a hut. But the editor shows a flag only. Can't find why.

Bergruft.zip

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.