mayjack0312 / hueforge-at-home

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

hueforge-at-home

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

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/

Running on Windows 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 left corner
• It will open your browser on the local server, usually on port 5500
• You can edit the image path and layers in the main.js file

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:

• Run the following command:

npx serve

• It should download some dependencies then give you a message that says "Serving!" like this:

⚠️ 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.