elm-street-404 - GitLite

KO | EN

gitlite — search

#react #ai #typescript #go #golang #deep-learning #linux #macos #cli #vue #pytorch #ios #mcp #open-source

elm-street-404

(★ 183)

A fun WebGL game built with Elm

파일 탐색기

최종 버전 다운로드 (.zip)

- 404-elm-street.png
- bg-tile.jpg
- boxes.png
- categories.png
- click-to-start.png
- close.png
- customers.png
- delivery-person.png
- end-game.png
- fountain-shadow.png
- fountain-spring.png
- fountain.png
- heart.png
- house-bubble-1.png
- house-bubble-2.png
- house-bubble-3.png
- house-shadow.png
- house.png
- inventory-bubble.png
- obstructing-delivery-person.png
- scarves.png
- score.png
- shirts.png
- shoes.png
- spotlight.png
- tree.png
- trousers.png
- warehouse-bubble.png
- warehouse-shadow.png
- warehouse.png
- - Offset.js
- - Category.elm
  - Customer.elm
  - DeliveryPerson.elm
  - Digits.elm
  - EndGame.elm
  - Fountain.elm
  - House.elm
  - Inventory.elm
  - Model.elm
  - Placeholder.elm
  - Request.elm
  - Score.elm
  - StartGame.elm
  - Tree.elm
  - Warehouse.elm
- Actions.elm
- AnimationState.elm
- Article.elm
- Astar.elm
- Box.elm
- Category.elm
- Customer.elm
- DeliveryPerson.elm
- Fountain.elm
- IHopeItWorks.elm
- Layers.elm
- Main.elm
- MapObject.elm
- Model.elm
- OffsetClick.elm
- PathView.elm
- Request.elm
- Textures.elm
- Update.elm
- View.elm
- WebGLView.elm
.catwatch.yaml
.gitignore
.travis.yml
catwatch.png
CONTRIBUTING.md
elm-package.json
embed.html
gh-pages.sh
index.html
LICENSE
MAINTAINERS
README.md
screen.gif

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 404 Elm Street

You can find a demo [here](http://zalando.github.io/elm-street-404/).

This project is not under consistent development, so if you file an issue or PR it might be a while before we get back to you. If you have an idea (and can be patient with us!), please make sure you hear back from a maintainer before starting any development. We will help you ensure that your ideas maintain a consistent game flow.

Read more about the game on the [Zalando Tech blog](https://tech.zalando.com/blog/using-elm-to-create-a-fun-game-in-just-five-days/).

![Screencast](https://raw.githubusercontent.com/zalando/elm-street-404/master/screen.gif)

You are Joe, the courier. It is your job, to deliver *all* the fashion to *all* the customers. Sometimes, you have to pick up stuff and return it to Zalando.

No problem.

However, customers keep ordering more and more — and your bicycle only has room for so many boxes...

To succeed, you'll have to plan your route carefully. You have to decide which packages to deliver in which order. And you really, really have to hurry. You'll find, that it's not as easy being a Zalandoer as you thought it was:

Unhappy customers: **you lose**.

## Instructions to run

1. Install elm [elm-lang.org/install](http://elm-lang.org/install)
2. Clone this repo and `cd` into it
3. Start `elm reactor`
4. Open `http://localhost:8000/src/Main.elm` in the browser to see the game

## Embedded mode

1. Run `elm make src/Main.elm --output elm.js`
2. Start `elm reactor`
3. Open `http://localhost:8000/index.html`
4. Alternatively there is `http://localhost:8000/embed.html` that demonstrates how the game may be toggled by a button