blot icon indicating copy to clipboard operation
blot copied to clipboard

IsometricMadness-Dragon863

Open Dragon863 opened this issue 1 year ago • 2 comments

My submission is an easily configurable isometric cube editor. It should allow anybody with minimal code experience to be able to create their own 3d-looking art. The default image is the the letter H (for Hack Club of course!) The grid is editable using a 2D array at the start of the program, and the background lines are randomly generated and will change on each execution of the program. I have quite a bit of programming experience, but this was great for me as I've usually avoided using javascript unless necessary and this really helped me understand the language better

  • [x] I have read the steps to getting a blot
  • [x] I have read all the submission requirements and follow them
  • [x] I am submitting art that...
    • [x] is algorithmically generated (will meaningfully change each time the program is run)
    • [x] is your own work that is not copied from somewhere else
    • [x] is drawable through the editor(does not use outside tools)
    • [x] doesn't call Math.random() (See the documentation on randomness)
    • [x] is drawable on Blot itself (doesn't have lines overlap more than 5 times)
      • [x] Doesn't overlap lines more than 5 times
      • [x] Fits in the working area of 125x125mm
      • [x] Doesn't rely on colour to look good

If you used based your art on something else, used a tutorial, or remixed it from something else, please link it here: (N/A) Lastly, link a picture of your art piece here:

snapshotIsometricMadness

Dragon863 avatar Oct 09 '24 20:10 Dragon863

@Dragon863 is attempting to deploy a commit to the Hack Club Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar Oct 09 '24 20:10 vercel[bot]

art/isometricMadness-Dragon863/index.js looks like art! preview it in the editor

github-actions[bot] avatar Oct 09 '24 20:10 github-actions[bot]

Hello! Sorry it's been so long. The main reviewer has been swamped lately, so I wanted to give you a few hints so you have the best chance of getting a blot. Woah, this is really cool! I love the effect you have going on here, it's super trippy! To get a blot, though, you will need to make your project a bit more complex. Also, it will need to look good without using any fill (so having a global boolean you can change to turn off fill is necessary) Generally, you need to spend ~15-20 hrs on a project to get a blot. See the submission guidelines here

Some ideas I had for improvements:

  • Could you make it so the isometric shapes randomize? Maybe make it in the shape of a random letter or just some other random shape. You can still have a way for you to set a custom shape, it would just add to some of the random-factor that always makes a project cool
  • Although you can't use fill's for blot submissions (or, at least, it needs to look good without using fills because the blot can't draw fills), you could use lines to shade the sides of the shapes to give a similar effect
  • Could you figure out how to make it 3D? Currently, you're just setting columns of effectively diagonally adjacent blocks in isometric space. If you added the ability to set blocks directly adjacent it would give the basis for a 3D effect in isometric shape. Here's a diagram that maybe can show what I mean: image

I'm super excited to see where you go with this!

EnterpriseGoose avatar Nov 13 '24 01:11 EnterpriseGoose

Thanks so much for the feedback! My maths skills are limiting me in making it fully 3D, but I have spent a long time on adding fixes and changes; I was hoping to get a blot mostly because I thought it would be a great session to run as a workshop in our club. I've spent some time implementing several improvements, namely:

  • It now looks good without using fill, and this mode can be toggled with a boolean at the top of the file
  • Background density can be changed to modify the appearance of it
  • Random generation is possible if the array is empty
  • A few small logic errors are fixed Here's a quick preview of the blot-drawable version (I didn't implement shading sides when on actual hardware simple because it would take forever to draw, and make the code quite unreadable) image

Again thank you for this program, and me and my HC's members can't wait to try this out on the real thing!

Dragon863 avatar Nov 23 '24 17:11 Dragon863