dorkhub

hueforge-at-home

Basic javascript implementation of color mixing for 3d printing using p5js

LucasKendi
JavaScript8912 forksMITupdated 1 week ago
git clone https://github.com/LucasKendi/hueforge-at-home.gitLucasKendi/hueforge-at-home

hueforge-at-home

Basic javascript implementation of layer-color mixing for 3d printing image

It does not generate stl files from images (like hueforge actually does), so I recommend converting your images to stl using something like https://3dp.rocks/lithophane/ or opening your images directly into your slicer if the slicer supports it.

Running with VS code:

  • Download this project and open it on VS Code
  • Add the VS Code Live Server extension
  • Click on the Go Live button on the bottom right corner
  • image
  • It will open your browser on the local server, usually on port 5500

Running on Windows with nodejs:

  • Install nodejs
  • Download this project and unzip it
  • Open a terminal window in the folder where you unzipped the project (the folder where index.html is located) by opening the folder in File Explorer and typing 'cmd' in the search bar like so:

image

  • Run the following command:
npx serve
  • It should download some dependencies then give you a message that says "Serving!" like this:

image

⚠️ If you get an error like npm ERR! code ENOENT, run this command then try again:

mkdir "%AppData%\npm"

  • Open up the URL in your browser. For the screenshot above, that would be: http://localhost:3000

  • You can replace the input_image.png file with any image you want (just make sure it has this exact name and path) then refresh the page. If you need to use a jpg instead of png the you would need to make some modifications to main.js (edit the line name = "input_image.png" to point to your jpg file name) It will keep working as long as you keep the cmd window open with the npx serve program running.

more like this

q5xjs

A small and fast alternative (experimental) implementation of p5.js

JavaScript574

search

search projects, people, and tags