GET STARTED WITH WEB ASSEMBLY

[{"selector":"#anim-fa39deb9-c795-4369-96ab-bcf2224c9cbe","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-999ffe00-4e86-4444-ab55-554e74abdd06","keyframes":{"transform":["translate3d(0px, 136.71248%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-780232b3-5dbe-40fa-a35e-41092dbd66e9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-487cee60-b9e2-4232-ad8c-65c19f26df89","keyframes":{"transform":["translate3d(0px, -1334.92071%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-77c1b247-94d8-47e0-b09e-fd26afd94575","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-783a7ca4-ff2a-45e0-b247-63b7d193bf27","keyframes":{"transform":["translate3d(0px, 287.40743%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] HTML JS (quick guide & example)

INSTALL PYTHON & EMSCRIPTEN

[{"selector":"#anim-c8af2079-39e7-4e7c-ba89-45f4bdf94de2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-44eace71-6e28-4d64-a721-69ecef91e42c","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8afaf8a5-74d6-4b46-8534-4f371ee6fcf3","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9ea4de2f-44e9-4b61-ae06-ab623caf69fe","keyframes":{"transform":["translate3d(-115.87301%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6322c599-2dc6-4ef1-980f-d9f34dde88bd","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-afb886a0-4572-4399-b1c2-b2b9bbe7a4fc","keyframes":{"transform":["translate3d(-115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Python is required git clone https://github.com/emscripten-core/emsdk.git Or manual download emscripten from github

TOOLCHAIN (WINDOWS)

[{"selector":"#anim-04e88b71-0884-4b5d-8b72-8aebad4450d1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0707f54e-90c0-4a8f-bebc-92f4ba99370d","keyframes":{"transform":["translate3d(-116.66667%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] cd WHERE/YOU/INSTALLED/EMSCRIPTEN emsdk update emsdk install latest emsdk activate latest emsdk_env.bat emcmdprompt.bat

TOOLCHAIN (LINUX/MAC)

[{"selector":"#anim-0faf59f2-b3a5-4491-8ed6-8808fae9a1a3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b54798b4-d573-4fb0-8fd8-38aaa50814c9","keyframes":{"transform":["translate3d(115.23810%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] cd WHERE/YOU/INSTALLED/EMSCRIPTEN ./emsdk install latest ./emsdk activate latest source ./emsdk_env.sh

HELLO WORLD IN C

[{"selector":"#anim-fadfba9e-5b0b-434c-a6b0-4f5ccc1784dd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-57da18ed-2420-4013-ae43-18596e7d975a","keyframes":{"transform":["translate3d(0px, 356.10030%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] #include <stdio.h> int main(int argc, char ** argv) { printf("Hello world!\n"); }

COMPILE & LAUNCH

[{"selector":"#anim-254ef4ee-31f2-43c4-8eb9-3fc4688fe708","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-68de41d2-b719-4c7c-afcd-38fb074b0e5f","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dd25a87e-1e85-494f-a342-adcf3b46fbc0","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-edef0db7-719f-46f9-98b5-14dc299ad5bd","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] COMPILE emcc hello-world.c -s WASM=1 -o hello-world.html LAUNCH IN BROWSER http://site.com/hello-world.html

VISIT & FOLLOW

[{"selector":"#anim-690d5768-911a-4e28-a625-fbbfb17c27fb","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-697346ff-25b1-453d-bff1-750fbf24d8e1","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9fc50c3e-be40-4516-876b-b851623214d8","keyframes":{"transform":["translate3d(-128.43511%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9adf4914-62e2-4381-b7cb-6ded91ef395d","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fca7e4e7-ec98-43b1-8f8b-dd4b1f346b04","keyframes":{"transform":["translate3d(-151.73267%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4a32027d-8754-4ed1-8e5d-fbbf20aefdd4","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-25c0ece4-95f7-4d6d-b36d-5f975dc259f2","keyframes":{"transform":["translate3d(-151.23154%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-70956254-693c-42c3-8a5b-9abb53260bb6","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-753a8c0f-90aa-45cc-96a7-c0a91346d427","keyframes":{"transform":["translate3d(-170.2941%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d10628f6-c562-4b23-9d2b-6d03cd31aaf3 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-11.80816216074166%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]