Debugging
this follows the previous part Build your first project
Please make sure you're already familiar with debugging JavaScript using Chrome DevTools.
Now, let's debug a hypothetical situation. For some reason, your grid is not rendering, and all you get is a strange looking white plane, like this:
📷 A strange looking white plane, Aka, the 🐞:
#
Step 1Open the DevTools Sources panel and locate the index.js file:
#
Step 2Pause the code with a breakpoint:
#
Step 3Step through the code until the end of the file:
Aha! Looks like we're so thrilled about learning the Zea Engine ways, that we accidentally left an extra line at the end. It turns out the strange looking white plane is actually a very crammed grid, with 10000 subdivisions in each direction.
#
Step 4Remove or comment the problematic line. Your grid should render again:
#
Next stepsUse the Basic Setup Template and follow a few Tutorials.
Learn how to load assets into your Zea Engine App; when you're done with that, view the Zea CAD docs for more advanced use cases.