0.2.1-dev7 • Published 2 years ago
moulder v0.2.1-dev7
Moulder
🚧 Beta version 🚧
Moulder - A JavaScript framework for building visual artworks.
Features
- Using any js library (p5js, threejs, etc).
- Editor based on nodes and properties.
- Customizable components.
- Flexible properties.
- Easy to use.
Install
npm i moulder
// or
yarn add moulder
Usage
// Example with p5js
import p5 from 'p5';
import { random, registerAsset } from 'moulder';
let p5Global;
const asset = (moulder) => {
const bg = moulder.node.useProperty('color', 'Background', { mode: 'rnd' });
p5Global?.remove?.();
let sketch = (p5) => {
p5Global = p5;
p5.setup = () => {
p5.createCanvas(window.innerWidth, window.innerHeight);
}
p5.draw = () => {
p5.background(bg);
p5.noLoop();
}
}
new p5(sketch, document.body);
};
registerAsset((node) => {
asset(node);
}, {
prepareState: (node) => {
// TODO Setup unique state
return {};
},
beforeCapture: () => {
// Optional
},
media: [
{
containerId: 'defaultCanvas0',
format: 'png',
mime: 'image/png'
}
]
});
Run
npm run dev
# Go to localhost:3000?editor=1&dev=1
# It's open an editor
Starter Kits
p5js - Typescript
https://github.com/contter/moulder-starter-p5js-ts
p5js - Ecmascript
https://github.com/contter/moulder-starter-p5js
TODO
- 100% typescript coverage.
- Add test runs.
- Documentation on component's creation.
Contributors ✨
Open for cooperation
License
MIT License
0.2.0-rc1
2 years ago
0.2.0-rc2
2 years ago
0.1.8
2 years ago
0.1.7
2 years ago
0.1.6
2 years ago
0.2.1-dev7
2 years ago
0.2.1-dev5
2 years ago
0.2.1-dev6
2 years ago
0.2.1-dev3
2 years ago
0.2.1-dev4
2 years ago
0.2.1-dev1
2 years ago
0.2.1-dev2
2 years ago
0.1.6-dev2
2 years ago
0.1.6-dev1
2 years ago
0.1.5-rc3
2 years ago
0.1.5-rc2
2 years ago
0.1.5-rc1
2 years ago
0.1.6-dev9
2 years ago
0.1.5-rc6
2 years ago
0.2.1
2 years ago
0.1.6-dev11
2 years ago
0.1.5-rc5
2 years ago
0.2.0
2 years ago
0.1.6-dev7
2 years ago
0.1.5-rc4
2 years ago
0.1.6-dev6
2 years ago
0.1.6-dev12
2 years ago
0.1.6-dev5
2 years ago
0.1.6-dev15
2 years ago
0.1.6-dev4
2 years ago
0.1.6-dev14
2 years ago
0.1.6-dev3
2 years ago
0.1.4-dev3
2 years ago
0.1.4-dev2
2 years ago
0.1.4-dev1
2 years ago
0.1.4
2 years ago
0.1.3-dev2
2 years ago
0.1.3-dev1
2 years ago
0.1.3
2 years ago
0.1.2-dev11
2 years ago
0.1.2-dev10
2 years ago
0.1.2-dev9
2 years ago
0.1.2-dev8
2 years ago
0.1.2-dev7
2 years ago
0.1.2-dev6
2 years ago
0.1.2-dev5
2 years ago
0.1.2-dev4
2 years ago
0.1.2-dev3
2 years ago
0.1.2-dev2
2 years ago
0.1.2-dev1
2 years ago
0.1.2
2 years ago
0.1.1
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago