Y@R WASM

You-At-A-Resource, y@R

Yatter!

We are looking at alternatives to creating Banner Applets in industry standard banner sizes.

This is a proof of concept for creating mobile banners in WASM using SDL2, Emscriptem, and C++.

We will update this as we update the source.

However, the significance of the project is this:

We uploaded a zip file with the following four files:

1. index.html - the HTML page in which the WASM is rendered in a canvas
2. index.wasm - the WebAssembly (WASM) file that was created from a C++ program
3. index.data - a virtual file system that contains the graphics files
4. index.js - a Javascript file that associates the WASM with the canvas, allows the WASM to retrtieve the files in the .data virtual file system, as well as haveing a Module that the Javascript onresize function can pass the new values to the WASM so that it can redraw itself.

As fun as this is, banners really need to be rendered inside a div tag, instead of an html page. Of course, the html page could be rendered as an inline frame, however we want to push the envelope on this and create wasm-embedded divs that we can just add to any page, wherever we want it, and it will just work.

Naturally, this means that the div tag will need to contain it's own canvas, as well as a script tag where the wasm javascript interface can be embedded, perhaps a style tag, but with both the data nd wasm files embedded in the script tag as Base64.

We will update this project when we make progess on the latter, it will be easy for you to see as we are going to colour-code the balloon.

• Red Balloon - loaded using all four files, as above
• Blue Balloon - loaded in a self-contained wasm-div.

The source repo is at https://github.com/YatterOfficial and includes reference material about Industry Standard Banner Sizes, 'K-Weight' (kilobyte size targets), etc.

y@R and You-At-A-Resource are trademarks of Count Anthony Harrison, operating from the United Kingdom

Copyright(C) MMXXI