Please check your JavaScript console for the results.
11 | 12 | 13 | -------------------------------------------------------------------------------- /examples/importing-javascript-functions-into-webassembly/demo/rust/index.js: -------------------------------------------------------------------------------- 1 | import wasmInit from "./pkg/importing_javascript_functions_into_webassembly.js"; 2 | 3 | const runWasm = async () => { 4 | // Instantiate our wasm module 5 | const rustWasm = await wasmInit( 6 | "./pkg/importing_javascript_functions_into_webassembly_bg.wasm" 7 | ); 8 | 9 | // Run the exported function 10 | rustWasm.console_log_from_wasm(); // Should log "This console.log is from wasm!" 11 | }; 12 | runWasm(); 13 | -------------------------------------------------------------------------------- /examples/importing-javascript-functions-into-webassembly/demo/rust/pkg/README.md: -------------------------------------------------------------------------------- 1 | # Hello World (Assemblyscript) 2 | 3 | Compile with `asc hello-world.ts -b hello-world.wasm -t hello-world.wat` 4 | -------------------------------------------------------------------------------- /examples/importing-javascript-functions-into-webassembly/demo/rust/pkg/importing_javascript_functions_into_webassembly.d.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable */ 2 | /** 3 | * @returns {void} 4 | */ 5 | export function console_log_from_wasm(): void; 6 | 7 | /** 8 | * If `module_or_path` is {RequestInfo}, makes a request and 9 | * for everything else, calls `WebAssembly.instantiate` directly. 10 | * 11 | * @param {RequestInfo | BufferSource | WebAssembly.Module} module_or_path 12 | * 13 | * @returns {PromiseNOTE: Be careful if using headphones
11 |Original Sine Wave
12 | 13 |14 |
Amplified Sine Wave
15 | 16 |17 |
Pause
18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /examples/reading-and-writing-audio/demo/assemblyscript/index.ts: -------------------------------------------------------------------------------- 1 | // Set up our memory 2 | // By growing our Wasm Memory by 1 page (64KB) 3 | memory.grow(1); 4 | 5 | // Create some buffer/pointers (array index and size) to where 6 | // in memory we are storing the pixels. 7 | // NOTE: Be sure to set a correct --memoryBase when 8 | // when writing to memory directly like we are here. 9 | // https://docs.assemblyscript.org/details/compiler 10 | // Javascript writes to the INPUT_BUFFER, 11 | // and Wasm will write the result in the OUTPUT_BUFFER 12 | export const INPUT_BUFFER_POINTER: i32 = 0; 13 | export const INPUT_BUFFER_SIZE: i32 = 1024; 14 | export const OUTPUT_BUFFER_POINTER: i32 = 15 | INPUT_BUFFER_POINTER + INPUT_BUFFER_SIZE; 16 | export const OUTPUT_BUFFER_SIZE: i32 = INPUT_BUFFER_SIZE; 17 | 18 | // Function to do the amplification 19 | export function amplifyAudioInBuffer(): void { 20 | // Loop over the samples 21 | for (let i = 0; i < INPUT_BUFFER_SIZE; i++) { 22 | // Load the sample at the index 23 | let audioSample: u8 = loadNOTE: Be careful if using headphones
9 |Original Sine Wave
10 | 11 |12 |
Amplified Sine Wave
13 | 14 |15 |
Pause
16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /examples/reading-and-writing-audio/demo/go/main.go: -------------------------------------------------------------------------------- 1 | package main 2 | 3 | // Create some buffer/pointers (array index and size) to where 4 | // in memory we are storing the pixels. 5 | // Javascript writes to the INPUT_BUFFER, 6 | // and Wasm will write the result in the OUTPUT_BUFFER 7 | const INPUT_BUFFER_SIZE int = 1024; 8 | var inputBuffer [INPUT_BUFFER_SIZE]uint8; 9 | const OUTPUT_BUFFER_SIZE int = INPUT_BUFFER_SIZE; 10 | var outputBuffer [OUTPUT_BUFFER_SIZE]uint8; 11 | 12 | // Declare a main function, this is the entrypoint into our go module 13 | // That will be run. In our example, we won't need this 14 | func main() {} 15 | 16 | // Functions to return a pointer (Index) to our buffer in wasm memory 17 | 18 | //export getInputBufferPointer 19 | func getInputBufferPointer() *[INPUT_BUFFER_SIZE]uint8 { 20 | return &inputBuffer 21 | } 22 | 23 | //export getOutputBufferPointer 24 | func getOutputBufferPointer() *[OUTPUT_BUFFER_SIZE]uint8 { 25 | return &outputBuffer 26 | } 27 | 28 | 29 | // Function to return the size of our buffer in wasm memory 30 | 31 | //export getInputBufferSize 32 | func getInputBufferSize() int { 33 | return INPUT_BUFFER_SIZE; 34 | } 35 | 36 | //export getOutputBufferSize 37 | func getOutputBufferSize() int { 38 | return OUTPUT_BUFFER_SIZE; 39 | } 40 | 41 | // Function to do the amplification 42 | //export amplifyAudioInBuffer 43 | func amplifyAudioInBuffer() { 44 | // Loop over the samples 45 | for i := 0; i < INPUT_BUFFER_SIZE; i++ { 46 | // Load the sample at the index 47 | audioSample := inputBuffer[i]; 48 | 49 | // Amplify the sample. All samples 50 | // Should be implemented as bytes. 51 | // Byte samples are represented as follows: 52 | // 127 is silence, 0 is negative max, 256 is positive max 53 | if audioSample > 127 { 54 | audioSampleDiff := audioSample - 127; 55 | audioSample = audioSample + audioSampleDiff; 56 | } else if audioSample < 127 { 57 | audioSample = audioSample / 2; 58 | } 59 | 60 | // Store the audio sample into our output buffer 61 | outputBuffer[i] = audioSample; 62 | } 63 | } 64 | 65 | 66 | -------------------------------------------------------------------------------- /examples/reading-and-writing-audio/demo/go/main.wasm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/torch2424/wasm-by-example/fce82ed5c4a30c4fe39317e59e354eb60552234c/examples/reading-and-writing-audio/demo/go/main.wasm -------------------------------------------------------------------------------- /examples/reading-and-writing-audio/demo/rust/Cargo.toml: -------------------------------------------------------------------------------- 1 | [package] 2 | name = "audio" 3 | version = "0.1.0" 4 | authors = ["Aaron TurnerNOTE: Be careful if using headphones
11 |Original Sine Wave
12 | 13 |14 |
Amplified Sine Wave
15 | 16 |17 |
Pause
18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /examples/reading-and-writing-audio/demo/rust/pkg/README.md: -------------------------------------------------------------------------------- 1 | # Reading And Writing Audio (Rust) 2 | 3 | Compile with `wasm-pack build --target web` 4 | -------------------------------------------------------------------------------- /examples/reading-and-writing-audio/demo/rust/pkg/audio.d.ts: -------------------------------------------------------------------------------- 1 | /* tslint:disable */ 2 | /** 3 | * @returns {number} 4 | */ 5 | export function get_input_buffer_pointer(): number; 6 | /** 7 | * @returns {number} 8 | */ 9 | export function get_output_buffer_pointer(): number; 10 | /** 11 | * @returns {void} 12 | */ 13 | export function amplify_audio(): void; 14 | 15 | /** 16 | * If `module_or_path` is {RequestInfo}, makes a request and 17 | * for everything else, calls `WebAssembly.instantiate` directly. 18 | * 19 | * @param {RequestInfo | BufferSource | WebAssembly.Module} module_or_path 20 | * 21 | * @returns {Promise
17 | {{{partials.header}}}
18 |
19 |
67 |
68 |
69 |
72 |
73 |
74 |
--------------------------------------------------------------------------------
/shell/all-examples-list.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{{partials.head}}}
5 |
6 | 20 | Wasm By Example is a concise, hands-on introduction to WebAssembly using 21 | code snippets and annotated WebAssembly example programs. If you "learn 22 | best by doing", or just need a good starting point for a concept, this 23 | is the place for you. Wasm By Example offers wasm examples in multiple 24 | programming / written languages, where the languages are available for 25 | the example. Browse the list of wasm examples below. 26 |
27 | 28 |29 | Google Analytics is used on Wasm By Example, and is only used to record 30 | Basic visit data, as the script is only loaded. 35 |
36 | 37 |38 | Just a quick shoutout to 39 | Carlos Baraza. Who created the 42 | WebAssembly Logo 48 | under a Creative Commons Universal license. The logo is used in the site 49 | favicon and title header. 50 |
51 | 52 |53 |64 | 65 | {{{partials.footer}}} 66 |Got stuck? Found a bug?
54 |55 | If you can't find what you are looking for, feel free to 56 | open a request, or contribute back! 61 | 62 |
63 |
17 | {{{partials.header}}}
18 |
19 |
46 |
47 |
48 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/shell/demo-redirect.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{{partials.head}}}
5 |
6 | All Examples List
20 | 21 |
22 |
30 |
31 |
32 | {{#examplesByLanguage}}
33 | 23 | Below is a list of all available WebAssembly examples on Wasm by 24 | Example. Organized by their respective language. Currently, this 25 | will not switch your language preferences. But will allow you 26 | to see another WebAssembly example without having to set the default 27 | language. 28 |
29 |{{title}}
34 |-
35 | {{#examples}}
36 |
- 37 | {{title}} 41 | 42 | {{/examples}} 43 |
18 | {{{partials.header}}} {{{exampleHtml}}} {{{partials.footer}}}
19 |
20 |
21 |
22 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/shell/home.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{{partials.head}}}
5 |
6 |
18 | {{{partials.header}}} {{{introductionHtml.inLanguage}}}
19 |
20 |
21 |
45 |
46 |
47 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/shell/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{{partials.head}}}
5 |
6 | {{examplesTitle.inLanguage}}
22 | {{#categories}} 23 |24 | {{title.inLanguage}} 25 |
26 | 29 |-
30 | {{#examples}}
31 |
41 | {{/examples}}
42 |
2 |
11 |
20 |
--------------------------------------------------------------------------------
/shell/partials/footer.html:
--------------------------------------------------------------------------------
1 | 3 | The maintainer of this website has a 4 | Spotify Coding Playlist of their Lo-fi Hip Hop beats! 9 |
10 |2 | 3 | 42 | -------------------------------------------------------------------------------- /shell/partials/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 61 | 62 | 66 | 74 | -------------------------------------------------------------------------------- /shell/partials/header.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 
9 |
30 |
31 |
9 | Wasm By Example
10 | 11 |
12 |
29 | Language:
13 |
28 | 32 | -------------------------------------------------------------------------------- /shell/source-redirect.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{{partials.head}}} 5 | 6 |