 As always, this is part of a series. There will be a new video every Friday for many weeks or months to come. There should be an annotation on the screen for the full playlist. If you get to a part in the playlist where there is a video that is Markprivate, it's because it hasn't been published yet, wait a week, and a new video will be posted. Now, we have been working, and I also recommend watching previous videos because we're working off scripts we've created previously. This is where we left off. I've copied this script into a new script called cubecolor.html, and we are going to use a different type of material, and we're going to look at some of the options for it. So let's go to our folder here and we'll vim into cubecolor.html. Now, right down here in our code, we have our cube with the geometry, and we're seeing that we are giving it the material of a new 3 from 3JS mesh normal material. Let's change that. Instead of mesh normal material, we will change it to say mesh basic material. And within that, well, let's just do that and see what the default settings are. Nothing, it doesn't work. You have to give it some options. We are going to give it curly braces and then close the curly braces, and you're going to pass information in a JSON style format. So one of those options will be color. So we're going to say color, and then we're going to say colon, and inside quotations we'll say red. We'll save that, come here, refresh, and there we have a basic material. Now it has no shading to it in this particular setup, so that's why you can't see certain edges. But if we go to the documentation for 3js at 3js.org, and we click on documentation, we come down here and we can see that mesh normal material here, and we can see all the options, all the parameters, we can pass it. I'm sorry, mesh basic material is what we're working with. Mesh basic material, normal material is what we're doing before. You can see if we went back to the normal material, you see it has four options here, four properties, but basic material has quite a few more. Things such as combined reflectivity, these are to do under the documentation here, but skinning, environment mapping, specular mapping, light mapping, fog, and I personally haven't really messed with too many of these, and there are other types of materials we're going to get into in future weeks. But here, let's start off at the top. We gave it a color, and we gave it the actual words. You can also give it some hex code to give it a more specific color, but you can also use words like we did where we gave it red, or we can come in here and we can say blue, and it's blue, or we can probably say green, and it's green, or we can probably say, I think this will work, light blue, and we get a lighter color blue. So those are some options you can use, or of course you can always pass it the code like that. Now, other options, is it a wireframe? And also in this documentation, if you hover over what the properties are, it tells you what type of inputs they could take, like this one, it's going to take an integer of some sort here. Oh, you can also pass it RGB, I believe, we'll get into that in future, but wireframe, blue, so true or false for that. And then you can say wireframe line width, and in default here, we'll usually tell you if there's a default for wireframe, here is false. That's why we don't see a wireframe. We haven't set a wireframe, yes or no, so it defaults false. Here, it says wireframe line width default is one. So let's go ahead and we'll say wireframe. So we're going to come in here, we're going to put a comma because there's another option, and just to keep things looking nice, we'll put it on the next line, we'll say wireframe colon, and we will say true. We'll save that, come here, refresh, and now you can see it's a wireframe. It's a very light color, also very thin lines. Also I've noticed in wireframe mode, you can see the cube rotating, but sometimes when you look at it, it starts, yeah, I just did it. It looks like it's rotating a different way, and that's just your eyes playing a trick on you there, if you ever noticed that. So let's make it the wireframe line width a little thicker. Default is one, you could make it thinner, you could give it a decimal point if you'd like. Pretty thin already, but comma because we're adding a new line, line width colon, and if one is default, let's give two a try. Save that, refresh this, and you can see it's a little thicker. Let's go a bit higher, and we will say 20, and now we have very thick lines, and we can go even thicker. Let's go 200, I don't know if there's a max to this. Looks like 200 doesn't look any bigger than 20 did. Let's go 10, looks like same as 20, 10 might be the max. I'm not really sure, does it say in the documentation? Here, due to limitations in your layer, one-nose platform line will always be one regardless of the value set. Okay, that's in Windows, but it doesn't say what the max value, oh it's, okay, so let's see. That's one, I'm just kind of experimenting now. This is how you learn. There's five, and there, oops, there's 10. Looks like 10 might be the max. I'd have to look, it's not saying directly in this documentation regarding that. But regardless, again, I'm going to put this code up on my website. There should be a link in the description of the video that will link to all the codes in the series. I can go there, view them, download them, modify the numbers, play with them. And again, there's a lot of options here. We'll get into some of these in the future, but definitely play with that. And again, we just kind of looked at going before we had normal material, and now we're using mesh basic material, and we gave it some properties here. So I hope you found this useful, and I hope that you check out this code online, look at the description of this video. Also in the description you'll see a link to my website, FilmsByChris.com. That's Chris with a K. And I hope that you continue watching this series. I hope you're enjoying this series. If you do like these videos, be sure, if you like this topic, be sure to give the videos a thumbs up, a like, so that I know. Feel free to share them with other people. That helps too. But I'm enjoying, I love playing around with 3D stuff. With this HTML5, I'm getting more in depth with the programming side of it, rather than just the modeling and designing like in Blender. So I'm enjoying this a lot. Again, in the future, we'll get into things like importing models that you've exported from Blender or scenes from Blender. We'll get into like first person shooter style looking around. I mean, this is way down the line, but 3JS makes all the sort of things simple. There's codes for all the basic functionality there. So again, visit my website, FilmsByChris.com. That's Chris with a K. Check out the link in the description. And I hope that you have a great day.