And typically I place my windows so that my code's on one side and the visuals are on the other. And just to test, before I get too far into things, we'll open this up in our code editor. So, if you've got it running and you open up localhost:9966, you should see this red wireframe sphere. But it's not at all necessary to do 3D programming or anything like that. Canvas-sketch is just there to create this little structure for us, especially for today as we go. The nice thing is that once you get familiar with how to use three.js, and once you get familiar with how to use 3dstuff, you can actually work without canva-sketch. So, it's not going to be perfect, there might be some bugs here and there. Yeah, the tool itself, canva-sketch, is a bit experimental, because I've been just building it myself. ![]() ![]() So, I just opened up a Google Chrome fresh installation and it works fine. I know I have trouble in Firefox with my normal settings. > You said one other thing I wanted to mention, some browser extensions, your browser settings might prevent this too. Worst case scenario, you can just uninstall and reinstall Node, and it should all be good. Hopefully that will cover all the problems. Or if you having EACCESS issues, you can go to this Node and npm guide, and go into the troubleshooting here. And then another thing that might happen is you might need to, once it's installed, just quit and reopen your terminal if you're having trouble. And also making sure that you're installing the command line interface. One would just simply be to try installing it again, making sure that you're installing it globally. If you had problems, a couple of things to do. ![]() > So, we just installed canvas-sketch, and we should just run this. Transcript from the "canvas-sketch Overview & Settings" Lesson
0 Comments
Leave a Reply. |