GET STARTED WITH WEB ASSEMBLY

[{"selector":"#anim-60d57165-cb61-4fe5-b413-ea1a4f15d7eb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b6de042f-0b90-4dfd-8186-5580dd49e359","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-4b2e810e-b597-44e6-9b4d-fea1c36deb1a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e1d6be60-37a0-441f-a34a-094cc38945f5","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-b8e96c2f-78ef-453c-a345-d5bbf9371d07","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cd0ba869-3281-45b6-a271-e2a00b595418","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-95b63e0e-6651-49f6-a68c-10eb8bff3bf7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c458d3b0-1cd6-4f5f-be12-d69542b66e58","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-1ad02c86-1121-47fa-8d76-172a2f093c84","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c1a095b7-9919-4baa-9c10-0625d8fc0343","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-206198ee-5d42-4f8e-bf71-1cc307d225f1","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7747c414-e475-49fc-ad96-f6cb0e9d2c40","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-3e66a9d0-def9-4f19-b458-da4d6c03a5a5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-275b60d8-3069-4f4a-bf99-b1b4e767e972","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-db2472db-c11d-488e-9efb-0b3f1b5d80ef","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-19960c95-2579-44a0-bb89-edddc4bf90f7","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-b0730c8a-f56b-432e-ad29-61dc8ee85d09","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9c0c4ef8-87c1-4f15-96b0-c46e2fd77908","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-acdc18ed-6b5a-4eb1-b694-46b1a3004b81","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-61db2dc2-99b4-43cb-a13c-0a7a9f05f497","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-f7f1d584-9922-4749-b927-74eb5df6375f","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5246d8ec-6ba2-41ca-8802-7fecc88f8b27","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-71fa2211-21e3-4229-baad-02f11bf97b14","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f89775db-b809-4ad8-9324-aa90a645be01","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2c75c9c0-d391-42e2-855e-4211057d5a86","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-da236f9f-c2e6-4ecb-aba6-42b11d318603","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-248ba730-1a88-4b06-9427-f267f45709a6","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-3b5656d2-c61c-413c-ba0a-a7388009cc3d","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2f3bc55d-e1db-441f-9d6d-f500e192aa9e","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-d7657955-c8f7-4c4d-9e9a-1e76f399113d","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4ed51800-3ca8-4a30-8aaf-05417517d51d","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-793dfa0c-c0c3-4064-8231-0ac7c085dfb4 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-4.249001618125643%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]