Skip to content
First person navigation in Elm
Elm JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
tests
textures
.commitlintrc.yaml
.gitignore
.pre-commit-config.yaml
.tool-versions
LICENSE
README.md
elm.json
elmapp.config.js
package-lock.json
package.json

README.md

First Person Elm

First Person Elm

This is a demo of using the Elm language package for WebGL, combined with Elm ports and the browser Fullscreen and Pointer Lock APIs, to create a first person navigation experience in the browser.

Demo

Check out the live demo! It has been tested on Chrome, Edge, and Firefox.

Attribution

This was inspired by an original demo by evancz. That project uses an old version of Elm, so it was brought up to date for Elm 0.19 with the Elm WebGL package's existing first person example.

Since the package example is an illustration of the package's capabilities alone, it doesn't include pointer movement or fullscreen support.

The crate texture came from the elm-explorations/webgl example, and the ground texture came from Open Game Art.

Development

This project was bootstrapped with Create Elm App. You can install it with:

npm install -g create-elm-app

Then you can run the development server with:

elm-app start

View the app by visiting http://localhost:3000 in your browser.

License

Copyright © 2019 Jeff Cole. See LICENSE for more information.

You can’t perform that action at this time.