pocinnovation / assemblib Goto Github PK

Description

Discover the one of the best language for WebAssembly: Rust ✨

Expected behaviour

Here's what you have to do:

• Follow the entire Tour of Rust, except chapters 6 and 7 that are optional
• Look at mathematics concepts implementation
• Look at the concept of crates
• Read this article about Rust popularity 🚀

Environment

/

Proposed solution

No response

Description

Enable users to customize the rendered forms 🚀

Expected behaviour

Here's what you have to do:

• Add a color picker to choose the color or the rendered forms
• Create a slider or input to change the size of an existing form

Then you can try these and do at least one of them:

• Unify the SVGs to draw inside a single element (not the body but a dedicated space)
• Draw as a background image, so we can render HTML on top of it 🤩

Environment

/

Proposed solution

No response

Description

Use Rust and WebAssembly to display something in the user browser 🚀

Expected behaviour

Now that you are familiar with Rust and WebAssembly, let's render some shapes in the browser 😃

• Display a basic shape and in different colors in a browser canvas

It can be anything you want, if you don't have any idea you can render a red and blue circle 🔴

You'll need to research for the best & easy way to do this (keep in mind the long term goal of making a library), here are some interesting ideas and links:

• Canvas drawing in C
• The wasm-bindgen documentation, a rich library for interaction between wasm and JS, with a lot of examples

Environment

/

Proposed solution

No response

Description

Discover the WebAssembly format 🔥

Expected behaviour

Here's what you have to do:

• Install and use wasm-pack to create .wasm files from Rust for the use cases below 🚀

• Create several small programs in WebAssembly:

  • A fibonacci Rust function, cross-compiled in .wasm and used in a JS code
  • The same function, but published as an NPM package instead of a file and used in a JS code 📦
  • A program that imports JS-specific functions like alert() and use them from Rust (in the format that you want, NPM package or simple .wasm file)

Environment

/

Proposed solution

No response

Description

Enhance the current display with a canvas instead of an SVG 🔥

Expected behaviour

You have to:

• Draw lines, circles and simple shapes in a canvas at given coordinates 🗺️
• Add an option to choose the color of the drawing
• Add an option to choose the size of the drawing
• Enable clearing a single element from the canvas

💡 For this you can store all the displayed items in a list and remove it when needed. When you have to draw, you just have to clear the canvas and draw every shape in your list!

Environment

/

Proposed solution

No response

Description

Improve your Rust & rendering skills by drawing a more complex shape 👍

Expected behaviour

Render a rocket 🚀 🚀 🚀 as you chose

Use the resources given in #4 , and do it step by step as it will not be easy

Environment

/

Proposed solution

No response