A tool for live-coding using latest web technologies and Visual Studio Code.
Some information on the project on dev.to.
(VSCode extension)
snowpack-pawi (Snowpack plugin for HMR live-coding)
pawi (Types and linker)
@pawi/base (Basic blocks: animation setup, midi)
@pawi/three (Three.js blocks: 3D programming)
Pawi is a set of tools, libraries and editor helpers to make the creation of delicate and complex visuals simpler and faster by enabling:
- Code reuse (once a block is created, it can easily be reused in new projects, stable inter-block API)
- Code sharing (publishing blocks as npm package for others to use)
- Stability (library versions locked with npm, versioning, clear API surfaces)
- Fast feedback loop (live coding, visual programming)
The project uses the latest web technologies and tries to have the lowest possible impact on performance (a function call).
- Install VSCode extension Pawi
- Clone sample project
- Install dependencies
- Start server:
npm run serveand choose an example - Open project in vscode
- In VSCode, open the corresponding file
src/[example]/branch.o.json - Open hamburger for library and start editing or edit some existing blocks.
If you find this interesting, say hello :-) @maia_tae