https://github.com/nnmrts/blockstyles
EthBlock.art blockstyles
https://github.com/nnmrts/blockstyles
Last synced: about 1 year ago
JSON representation
EthBlock.art blockstyles
- Host: GitHub
- URL: https://github.com/nnmrts/blockstyles
- Owner: nnmrts
- License: mit
- Created: 2021-03-03T17:03:38.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-01-23T08:12:03.000Z (over 3 years ago)
- Last Synced: 2025-02-13T20:17:20.158Z (over 1 year ago)
- Language: JavaScript
- Size: 4.15 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: readme.md
- Contributing: .github/contributing.md
- Funding: .github/funding.yml
- License: license.md
- Code of conduct: .github/code-of-conduct.md
Awesome Lists containing this project
README
# blockstyles
Blockstyle components are in [`./source/styles/`](./source/styles/) and should be compatible with the example one in [ethblockart-p5-template](https://github.com/ethblockart/ethblockart-p5-template). The fully compatible components can be found under [`./build/eba`](./build/eba) and can replace the `CustomStyle.js` file of the original template. This whole project is based on it, but uses parcel for bundling and [Pumpn Code's template repository](https://github.com/pumpncode/template) as a boilerplate.
The style components also accept a new prop called `hidden`, you can pass `true` there to pause the p5 loop in cases the canvas isn't shown but the component is rendered. I'm using antd's carousel for example, which would lag a lot if we aren't pausing the loop.