• Stars
    star
    106
  • Rank 316,708 (Top 7 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 2 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

HashLips Art Pixelator is a tool used to convert multiple images to pixelated images.

​​# Welcome to HashLips πŸ‘„

All the code in these repos was created and explained by HashLips on the main YouTube channel.

To find out more please visit:

πŸ“Ί YouTube

πŸ‘„ Discord

πŸ’¬ Telegram

🐦 Twitter

ℹ️ Website

HashLips Art Pixelator πŸ”₯

HashLips Art Pixelator is a tool used to convert multiple images to pixelated images.

Installation πŸ› οΈ

If you are cloning the project then run this first, otherwise you can download the source code on the release page and skip this step.

git clone https://github.com/HashLips/hashlips_art_engine.git

Go to the root of your folder and run this command if you have yarn installed.

yarn install

Alternatively you can run this command if you have node installed.

npm install

Usage ℹ️

In order to convert images into pixelated images you would need a list of images that you want to convert. Place all these images that will be converted in the /input directory.

Then simply run this command:

node index.js

All your images will be outputted in the /build directory. If you want to change the ratio of the pixelation then you can update the ratio property on the pixelFormat object in the src/config.js file. The lower the number on the left, the more pixelated the image will be.

const pixelFormat = {
  ratio: 5 / 128,
};

That's it, now you have pixelated images.

Hope you create some awesome artworks with this code πŸ‘„

More Repositories

1

hashlips_art_engine

HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers.
JavaScript
7,086
star
2

generative-art-node

Create generative art by using the canvas api and node js
JavaScript
2,145
star
3

generative-art-opensource

Create generative art by using the canvas api and node js, feel free to contribute to this repo with new ideas.
JavaScript
1,362
star
4

hashlips_nft_minting_dapp

HashLips minting dapp is a quick and easy way to connect your smart contract and start minting NFTs.
JavaScript
1,012
star
5

hashlips_nft_contract

A simple NFT smart contract that works with the rest of the HashLips ecosystem.
Solidity
830
star
6

solidity_smart_contracts

A list of smart contracts coded in solidity
Solidity
594
star
7

example_nft_minter

Use this repo to see how to create a Dapp that can mint NFTs.
Solidity
252
star
8

nft_game

Learn how to create a NFT game and connect to a smart contract.
JavaScript
239
star
9

frontend_base_dapp

Base project for a dapp
JavaScript
177
star
10

nft_ipfs_minter

This repo is an example of how to mint an a nft with ipfs
JavaScript
135
star
11

hashlips_art_engine_app

HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers.
JavaScript
134
star
12

solidity_basics

This repo forms part of the "Learn Solidity basics" tutorial on the HashLips youtube channel
Solidity
124
star
13

nerdy_coder_clones_tutorial

This repo forms part of the A-Z minting 1000 NFTs Dapp on polygon series.
Solidity
105
star
14

hashlips_art_engine_ps_script

This script allows you to generate art works right from photoshop.
JavaScript
103
star
15

nft_collection_minter

Use this repo and explore ways to mint your NFT collections on the blockchain.
JavaScript
101
star
16

generative_names

Use this piece of code to generate random names.
JavaScript
88
star
17

hashlips_minting_card

This repo provides a nice and easy way for linking an existing NFT smart contract to this minting dapp.
JavaScript
88
star
18

thirdweb_minting_dapp

TypeScript
34
star
19

hashlips_dapp_setup

This repo is used in YouTube video tutorials
JavaScript
24
star
20

hashlips_react_three_fiber_starter

CSS
20
star
21

art-engine-template-with-plugins

TypeScript
3
star
22

random-activities

The app showcases a list of 20 random activities for users to explore.
TypeScript
2
star
23

random-activities-api

The API provides an endpoint to retrieve 20 random activities.
TypeScript
2
star