GitHub - HashLips/generative-art-opensource: Create generative art by using the...
source link: https://github.com/HashLips/generative-art-opensource
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Create generative art by using the canvas api and node js, feel free to contribute to this repo with new ideas.
node.json your local system (https://nodejs.org/en/)
- clone the repository to your local system
yarn add allto install dependencies
How to use
Run the code
- Open the
./outputfolder to find your generated images to use as NFTs
Adjust the provided configuration and resources
./input/config.js contains the following properties that can be adjusted to your preference in order to change the behavior of the NFT generation procedure:
- width: - of your image in pixels. Default:
- height: - of your image in pixels. Default:
- dir: - where image parts are stored. Default:
- description: - of your generated NFT
- baseImageUri: - URL base to access your NFTs from. This will be used by platforms to find your image resource. This expects the image to be accessible by it's id like
- startEditionFrom: - number (int) to start naming NFTs from.
- editionSize: - number (int) to end edition at.
- rarityWeights: - allows to provide rarity categories and how many of each type to include in an edition.
- layers: list of layers that should be used to render the image. See next section for detail.
The image layers are different parts that make up a full image by overlaying on top of each other. E.g. in this example we start with the eyeball and layer features like the eye lids or iris on top to create the completed and unique eye, which we can then use as part of our NFT collection. To ensure uniqueness, we want to add various features and multiple options for each of them in order to allow enough permutations for the amount of unique images we require.
To start, copy the layers/features and their images in a flat hierarchy at a directory of your choice (by default we expect them in
./input/). The features should contain options for each rarity that is provided via the config file.
After adding the layers, adjust them accordingly in the
config.js by providing the directory path, positioning and sizes.
- Preferably use VSCode with the prettifier plugin for a consistent coding style (or equivalent js formatting rules)
Aggregate valuable and interesting links.
Joyk means Joy of geeK