here we go again! i am visiting my friend dave and he showed me an art project hes working on in unity. hes just learning but hes really good at blender.

i saw what he was making and thought i could make it in threeJS in a couple nights.

That ended up to be true!

its an art game where the player drops colored cards onto the ground and then prints an order form for the number of each color card they dropped.

there is no object to the game, which is what i enjoyed most about it.

the process of making the game involved adding UI elements, and making the physics work right.

there was a time when i messed up the physics and had to re-do a bunch of stuff, on a version that dave had, where he got the physics working.

we are now synched up on github and everything works. we even get the cards to "fall asleep" which is the most optimization we could figure out to do.

before, we were having issues with the cards clipping when i tried optimization techniques used in blender that did not work with the CANNON physics framework we used in this.

the "paintings" that were made when the cards intersected look different from how they do now, when the phycis work and the cards dont intersect.

try out the game

https://color-aid-painter.vercel.app/

more pictures:

i enjoyed making this art game with my friend.

https://www.youtube.com/watch?v=aBvnaTjZwSY

i taught him all about coding, github and how powerful javascript is. he told me this opens a lot of creative doors for him. thats cool. i also learned a lot about making a threeJS game from scratch.

This took two days of working full time on it, or more than 8 hours a day. but i like collabing on software with friends, its fun.

Artist Statement under development.

ColorAid-Main/
  ├── public/                # Static assets (images, PDF template)
  ├── src/
  │   ├── main.js            # Main application logic
  │   ├── ColorPicker.js     # Custom color picker UI
  │   ├── colors.js          # Color definitions
  │   ├── colors_group_mapping.json # Color groupings
  │   ├── SceneScreenshotExporter.js # Screenshot/PDF export logic
  │   └── color_names.txt    # List of color names
  ├── index.html
  ├── package.json
  └── ...