3D-Raycasting-Jaiden

[JaidenAGrimminck]

Write a short description about your art piece, such as what your artwork represents and your experience drawing it!

I made a small 3D raycasting engine using Blot! It's supposed to represent those sort of mazes you might go into or experience... except with a lot less detail haha. The program itself can be customized, such as the randomness of the environment and the player position/rotation, the "shadiness" of the walls, the different details that are displayed, and more! It also features a map in the bottom left that can show exactly what's being rendered if it's looking a little weird/you don't see much. Many times, it'll randomly face a wall in generation (which is why the randomness can be enabled/disabled in the parameters section of the code). It was challenging to figure out how to represent distance only using lines, leading to a great experience coding workarounds. Overall, I had a fun afternoon building this!

Next, make sure you go through each item in the following checklist. Delete this line after!

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

Lastly, link a picture of your art piece here:

[vercel]

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

A member of the Team first needs to authorize it.

[github-actions]

art/3D-Raycasting-Jaiden/index.js looks like art! preview it in the editor

[Dongathan-Jong]

Super sick piece! I will forward this to Alex for approval, which may take anywhere from a couple days to a couple weeks. If you have any questions you can reply in here or message me on Slack!

[qcoral]

I really like this piece! It's pretty fun to play with. One thing I noticed playing around with this is that the shading seems to clip out of the building outlines sometimes, would you be able to fix that?

[JaidenAGrimminck]

Yep, added that in so it's more contained.

[JaidenAGrimminck]

Added a small piece to stop the shading to go outside the bounding boxes of the rectangles + slopes.

[JaidenAGrimminck]

Now should be good - forgot to change it to work with the blot editor instead of my local editor.

[Dongathan-Jong]

Great! Just a small tip, maybe add something to fill in the blank space on the bottom? It feels a little empty. Some text will suffice!

[JaidenAGrimminck]

@Dongathan-Jong Yep, added some text in the bottom!

[Dongathan-Jong]

Looks great! I will forward this again :)

[qcoral]

Awesome job on your changes! I'd love to see you add some more to the environment though - perhaps a sky? Either way, this is super cool

[JaidenAGrimminck]

@qcoral @Dongathan-Jong added a sky/top effect! should fill up the area on top to make it not look as empty.

Some screenshots:

[qcoral]

Awesome! You can get your blot here:
https://airtable.com/appv0BzBY2APyIXj6/shrhpWVXN5imMzUmw