History

dependabot[bot] cb4f7fc634 build(deps-dev): bump webpack-cli from 4.9.1 to 4.9.2 in /web Bumps [webpack-cli](https://github.com/webpack/webpack-cli) from 4.9.1 to 4.9.2. - [Release notes](https://github.com/webpack/webpack-cli/releases) - [Changelog](https://github.com/webpack/webpack-cli/blob/master/CHANGELOG.md) - [Commits](https://github.com/webpack/webpack-cli/compare/webpack-cli@4.9.1...webpack-cli@4.9.2) --- updated-dependencies: - dependency-name: webpack-cli dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com>		2022-02-11 01:01:28 +02:00
..
www	web: update everything (#5731 )	2021-11-25 23:21:43 +02:00
.eslintrc.yaml	web: Convert .eslintrc files from JSON to YAML	2022-01-12 20:10:00 -08:00
.gitignore	web: Improvements	2021-03-05 23:07:55 -08:00
LICENSE_APACHE	chore: Copy LICENSE* to relevant places where package managers complain if they don't exist, and make sure they're included in distributions	2020-05-27 00:11:02 -07:00
LICENSE_MIT	chore: Copy LICENSE* to relevant places where package managers complain if they don't exist, and make sure they're included in distributions	2020-05-27 00:11:02 -07:00
README.md	demo: Use absolute URLs for links in README	2021-04-19 16:50:52 -07:00
package.json	build(deps-dev): bump webpack-cli from 4.9.1 to 4.9.2 in /web	2022-02-11 01:01:28 +02:00
webpack.config.js	web: Suppress Webpack's size limit for .wasm files	2021-12-10 22:50:45 +02:00

README.md

ruffle-demo

ruffle-demo is an example of how to include Ruffle in your website. It also serves as a nice local test to run Ruffle in the web locally, for developers.

Using ruffle-demo

Hosted demo

To view this demo online right now, check out the hosted demo.

It's exactly the same code as this directory, updated nightly.

Run your own demo

After building ruffle-web, you can run npm run demo in the web folder to launch the demo.

It will start a local web server and print the address in the console. Navigate to that website (usually http://localhost:8080) in your browser.

Configuring the demo

The demo provides the ability to have a list of sample SWFs to choose from. This can be helpful if you have a list of useful SWFs to test through, and we use it ourselves to showcase Ruffle on various games or animations.

To use this, add a new file swfs.json in this directory. The contents should look like this:

{
    "swfs": [
        {
            "location": "swfs/alien_hominid.swf",
            "title": "Alien Hominid",
            "author": "Tom Fulp and Dan Paladin",
            "authorLink": "https://www.newgrounds.com",
            "type": "Game"
        },
        {
            "location": "swfs/saturday_morning_watchmen.swf",
            "title": "Saturday Morning Watchmen",
            "author": "Harry Partridge",
            "authorLink": "https://twitter.com/HappyHarryToons",
            "type": "Animation"
        },
        {
            "location": "swfs/synj1.swf",
            "title": "Synj vs. Horrid Part 1",
            "author": "Dan Paladin",
            "authorLink": "https://www.thebehemoth.com",
            "type": "Animation"
        },
        {
            "location": "swfs/synj2.swf",
            "title": "Synj vs. Horrid Part 2",
            "author": "Dan Paladin",
            "authorLink": "https://www.thebehemoth.com",
            "type": "Animation"
        },
        {
            "location": "swfs/wasted_sky.swf",
            "title": "Wasted Sky",
            "author": "Tom Fulp",
            "authorLink": "https://www.newgrounds.com",
            "type": "Game"
        }
    ]
}

Building, testing or contributing

Please see the ruffle-web README.