And this is just gonna keep track of how many boxes we're gonna place in the scene. So the next thing I want to do is I'm gonna create a variable here called boxCount. And instead of the default size of width, height and depth of one, I'm gonna set those to a value of 10. And one thing I wanna change about our geometry here is instead of a box geometry, I'm gonna create a box buffer geometry.
NODEBOX DISPLAY MULTIPLE GEOMETERIES UPDATE
And since I'm using a loop, I want to disable the auto update just to make sure that we don't accidentally create a endless loop while we're coding. So, I want to go to my Settings here and go to my Behavior. And we're actually gonna put some of this inside a for loop. So I'm gonna nudge our material and all of that down. And I'm actually gonna create something a little bit different. And right now we've just got this box of geometry that we're creating. So I'm gonna scroll down to where we're creating our shape. And all that does, as you can see, is it gives us a white background, it gets rid of the black background that it puts there by default. And I'm gonna create an alpha property here and set it equal to true. with our new THREE.WebGLRenderer, and I'm going to create a JavaScript object in here, inside curly brackets. But the first thing I wanna do is something we haven't done before, is I wanna jump to our renderer where we initially created it here. We are going to create a lot of cubes on the stage. So we have our cube there and what we are actually gonna do is we are gonna create a whole array of cubes. But then I'm gonna take our shape rotations and I'm just gonna comment that out. I actually gonna do something little different. First of all, I'm gonna get rid of the torus and we're just gonna be dealing with box geometries. Once we get started, we're going to fork that, create a new copy and I'm gonna do a couple of things here.
NODEBOX DISPLAY MULTIPLE GEOMETERIES CODE
So I'm using an older code pen here that we used earlier, and you can find the URL for that starting pen in the course notes for this lesson. And what we're gonna create here, you'll find something similar if you look through the examples on the three.js website, but I'm gonna do kind of my own thing with it. And we're gonna randomize some other properties and maybe create an interesting animation in the process.
In this lesson I wanna talk about how we can create a bunch of geometries in our scene at the same time.
0 kommentar(er)
