tmck2/caster

Fable Caster

A browser-based ray-casting engine built using F# and the Fable compiler.

Requirements

• dotnet SDK 2.1 or higher
• node.js with npm
• An F# editor like Visual Studio, Visual Studio Code with Ionide or JetBrains Rider.

Building and running the app

• Install JS dependencies: npm install
• Start Webpack dev server: npx webpack-dev-server or npm start
• After the first compilation is finished, in your browser open: http://localhost:8080/

Any modification you do to the F# code will be reflected in the web page after saving.

Project structure

npm

JS dependencies are declared in package.json, while package-lock.json is a lock file automatically generated.

Webpack

Webpack is a JS bundler with extensions, like a static dev server that enables hot reloading on code changes. Fable interacts with Webpack through the fable-loader. Configuration for Webpack is defined in the webpack.config.js file. Note this sample only includes basic Webpack configuration for development mode, if you want to see a more comprehensive configuration check the Fable webpack-config-template.

Web assets

The index.html file and other assets like an icon can be found in the public folder.

Ideas / TODO

• Texture mapping ** Texture mapping slowed engine down (runs well in Chrome...not so much in Safari) ** Look at implementing in WebGL shader
• Slide on collision
• Load levels
• Bigger level/s
• Enemies
• Gun
• Bullets
• Pick ups