Coder Social home page Coder Social logo

benbohle / solong_map_maker_42 Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 404 KB

Online Visual Map Maker for the so_long project of the 42 school. just design your map and export it to your project

Home Page: https://benbohle.github.io/solong_map_maker_42/

License: GNU Affero General Public License v3.0

JavaScript 40.85% HTML 25.37% CSS 33.78%
42 generator maker map solong creator online solong42 web css designer javascript number-map

solong_map_maker_42's Introduction

Online Map Maker for the 42 so_long project

With this online map maker you can visually design your own maps for the 42 so_long project and export them as a number map.

If you have any suggestions or want to add features yourself, just join the project.

Alt text

Toolbox

There are several tools in the Map Maker which are explained below. New features will be added soon.

Map size

Height: Set the height of your map Width: Set the hidth of your map

if you create a big map you will have to use the zoom out feature.

Enemy Identification (so_long BONUS)

If you want to create a map with enemies you can set your so_long bonus enemy char / int.

Rubber

Not sure which Block you want at this Position? No problem, just use the rubber to delete the actual block. You dont have to use the rubber, you can just replace the actual block with another one.

IMPORTANT: if you generate a map with white rubber places you will have some "6" in your number map. its only for visual purpose.

Zoom out

To see the whole map, you can zoom in. Be careful: zooming in can freeze the page at the moment.

Pencils

Wall: Draw walls (NumberMap identifier: 1) Floor: Draw the floor. Floor is the default filled block (NumberMap identifier: 0) Collectible: Draw collectibles (NumberMap identifier: 1) Player/Start: Draw start (NumberMap identifier: P) Enemy: Draw enemy (NumberMap identifier: [your choice -> default F]) Goal: Draw exit (NumberMap identifier: E)

Generate

just click on generate and copy your generated NumberMap!

Future features

  • Auto Maze/Map Generator (generate tons of maps that automatically follow the rules or are suitable for evaluations)
  • multiple pencil settings (like size) and tools like "fill an area"
  • Custom start fill ((currently it's the floor))
  • Better Map graphics (if you have good ones push them ;) )
  • import your current map to edit it

solong_map_maker_42's People

Contributors

benbohle avatar

Watchers

 avatar

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.