rust / easel3d · Commits

Commit e1645bdb2abb7a7cf50466c9f2ca22800720f0a5

Authored by Georg Hopp
1 parent fd61d44a

remove non relevant www dir

Inline Side-by-side
Showing 9 changed files with 0 additions and 210 deletions
1   -#!/usr/bin/env node
2   -
3   -const { spawn } = require("child_process");
4   -const fs = require("fs");
5   -
6   -let folderName = '.';
7   -
8   -if (process.argv.length >= 3) {
9   - folderName = process.argv[2];
10   - if (!fs.existsSync(folderName)) {
11   - fs.mkdirSync(folderName);
12   - }
13   -}
14   -
15   -const clone = spawn("git", ["clone", "https://github.com/rustwasm/create-wasm-app.git", folderName]);
16   -
17   -clone.on("close", code => {
18   - if (code !== 0) {
19   - console.error("cloning the template failed!")
20   - process.exit(code);
21   - } else {
22   - console.log("🦀 Rust + 🕸 Wasm = ❤");
23   - }
24   -});
1   -node_modules
2   -dist
1   -<div align="center">
2   -
3   - <h1><code>create-wasm-app</code></h1>
4   -
5   - <strong>An <code>npm init</code> template for kick starting a project that uses NPM packages containing Rust-generated WebAssembly and bundles them with Webpack.</strong>
6   -
7   - <p>
8   - <a href="https://travis-ci.org/rustwasm/create-wasm-app"><img src="https://img.shields.io/travis/rustwasm/create-wasm-app.svg?style=flat-square" alt="Build Status" /></a>
9   - </p>
10   -
11   - <h3>
12   - <a href="#usage">Usage</a>
13   - <span> | </span>
14   - <a href="https://discordapp.com/channels/442252698964721669/443151097398296587">Chat</a>
15   - </h3>
16   -
17   - <sub>Built with 🦀🕸 by <a href="https://rustwasm.github.io/">The Rust and WebAssembly Working Group</a></sub>
18   -</div>
19   -
20   -## About
21   -
22   -This template is designed for depending on NPM packages that contain
23   -Rust-generated WebAssembly and using them to create a Website.
24   -
25   -* Want to create an NPM package with Rust and WebAssembly? [Check out
26   - `wasm-pack-template`.](https://github.com/rustwasm/wasm-pack-template)
27   -* Want to make a monorepo-style Website without publishing to NPM? Check out
28   - [`rust-webpack-template`](https://github.com/rustwasm/rust-webpack-template)
29   - and/or
30   - [`rust-parcel-template`](https://github.com/rustwasm/rust-parcel-template).
31   -
32   -## 🚴 Usage
33   -
34   -```
35   -npm init wasm-app
36   -```
37   -
38   -## 🔋 Batteries Included
39   -
40   -- `.gitignore`: ignores `node_modules`
41   -- `LICENSE-APACHE` and `LICENSE-MIT`: most Rust projects are licensed this way, so these are included for you
42   -- `README.md`: the file you are reading now!
43   -- `index.html`: a bare bones html document that includes the webpack bundle
44   -- `index.js`: example js file with a comment showing how to import and use a wasm pkg
45   -- `package.json` and `package-lock.json`:
46   - - pulls in devDependencies for using webpack:
47   - - [`webpack`](https://www.npmjs.com/package/webpack)
48   - - [`webpack-cli`](https://www.npmjs.com/package/webpack-cli)
49   - - [`webpack-dev-server`](https://www.npmjs.com/package/webpack-dev-server)
50   - - defines a `start` script to run `webpack-dev-server`
51   -- `webpack.config.js`: configuration file for bundling your js with webpack
52   -
53   -## License
54   -
55   -Licensed under either of
56   -
57   -* Apache License, Version 2.0, ([LICENSE-APACHE](LICENSE-APACHE) or http://www.apache.org/licenses/LICENSE-2.0)
58   -* MIT license ([LICENSE-MIT](LICENSE-MIT) or http://opensource.org/licenses/MIT)
59   -
60   -at your option.
61   -
62   -### Contribution
63   -
64   -Unless you explicitly state otherwise, any contribution intentionally
65   -submitted for inclusion in the work by you, as defined in the Apache-2.0
66   -license, shall be dual licensed as above, without any additional terms or
67   -conditions.
1   -// A dependency graph that contains any wasm must all be imported
2   -// asynchronously. This `bootstrap.js` file does the single async import, so
3   -// that no one else needs to worry about it again.
4   -import("./index.js")
5   - .catch(e => console.error("Error importing `index.js`:", e));
1   -<!DOCTYPE html>
2   -<html>
3   - <head>
4   - <meta charset="utf-8">
5   - <title>wasm-game-of-life!</title>
6   - <style>
7   - body {
8   - position: absolute;
9   - top: 0;
10   - left: 0;
11   - width: 100%;
12   - height: 100%;
13   - display: flex;
14   - flex-direction: column;
15   - align-items: center;
16   - justify-content: center;
17   - }
18   - </style>
19   - </head>
20   - <body>
21   - <canvas id="view3d"></canvas>
22   - <script src="./bootstrap.js"></script>
23   - </body>
24   -</html>
1   -import { View3d } from "wasm-game-of-life";
2   -import { memory } from "wasm-game-of-life/wasm_game_of_life_bg";
3   -
4   -// 3D canvas stuff
5   -const view3d = View3d.new(300, 300);
6   -
7   -const view3d_canvas = document.getElementById("view3d");
8   -view3d_canvas.width = view3d.width();
9   -view3d_canvas.height = view3d.height();
10   -const view3d_ctx = view3d_canvas.getContext('2d');
11   -
12   -const view3d_renderLoop = () => {
13   - view3d.update();
14   - drawView3d();
15   -
16   - requestAnimationFrame(view3d_renderLoop);
17   -}
18   -
19   -const drawView3d = () => {
20   - const view3d_imagePtr = view3d.image();
21   - const view3d_image = new ImageData(
22   - new Uint8ClampedArray( memory.buffer
23   - , view3d.image()
24   - , view3d.width() * view3d.height() * 4 )
25   - , view3d.width()
26   - , view3d.height() );
27   -
28   - view3d_ctx.putImageData(view3d_image, 0, 0);
29   -}
30   -
31   -// start everything ...
32   -view3d.update();
33   -drawView3d();
34   -requestAnimationFrame(view3d_renderLoop);
This diff could not be displayed because it is too large.
1   -{
2   - "name": "create-wasm-app",
3   - "version": "0.1.0",
4   - "description": "create an app to consume rust-generated wasm packages",
5   - "main": "index.js",
6   - "bin": {
7   - "create-wasm-app": ".bin/create-wasm-app.js"
8   - },
9   - "scripts": {
10   - "build": "webpack --config webpack.config.js",
11   - "start": "webpack-dev-server"
12   - },
13   - "repository": {
14   - "type": "git",
15   - "url": "git+https://github.com/rustwasm/create-wasm-app.git"
16   - },
17   - "keywords": [
18   - "webassembly",
19   - "wasm",
20   - "rust",
21   - "webpack"
22   - ],
23   - "author": "Ashley Williams <ashley666ashley@gmail.com>",
24   - "license": "(MIT OR Apache-2.0)",
25   - "bugs": {
26   - "url": "https://github.com/rustwasm/create-wasm-app/issues"
27   - },
28   - "homepage": "https://github.com/rustwasm/create-wasm-app#readme",
29   - "devDependencies": {
30   - "wasm-game-of-life": "file:../pkg",
31   - "hello-wasm-pack": "^0.1.0",
32   - "webpack": "^4.29.3",
33   - "webpack-cli": "^3.1.0",
34   - "webpack-dev-server": "^3.1.5",
35   - "copy-webpack-plugin": "^5.0.0"
36   - },
37   - "dependencies": {
38   - "wasm-game-of-life": "file:../pkg"
39   - }
40   -}
1   -const CopyWebpackPlugin = require("copy-webpack-plugin");
2   -const path = require('path');
3   -
4   -module.exports = {
5   - entry: "./bootstrap.js",
6   - output: {
7   - path: path.resolve(__dirname, "dist"),
8   - filename: "bootstrap.js",
9   - },
10   - mode: "development",
11   - plugins: [
12   - new CopyWebpackPlugin(['index.html'])
13   - ],
14   -};
Please register or login to post a comment