 Okay as always this is part of a series there should be an annotation on the screen to the full playlist new video every Friday on HTML5 and 3D stuff with HTML5. This is the code from last week obviously I hope you've watched the previous videos because we're just building on to what top of what we've done previously and this is our rotating semi cone shaped cylinder and it has a Lambert material and we also have some directional lighting pointing on it to give us some shading. Well we're gonna look at another type of material today and it's going to be I don't know if it's spelled if it's pronounced Fong I assume it's probably pronounced Fong since it's Ph-O-N-G I have a tendency to say Pong so forgive me if I'm saying that wrong but let's go ahead and look at our code it's the same code from last week but I've copied it into a new file called Fong.html and again all these scripts will be uploaded to my website there should be a link in the description of the video to those files for you to download and play with. So here we are we have our cylinder object we've created and then here's where we create the mesh material well this time instead of Lambert we are going to change this to say Fong. Now color is one parameter there let's go ahead and look at the other parameters or properties that a Fong material can do and basically a Fong material is a shiny type material it's gonna have a shiny surface so if you want to give it kind of a metallic type look that's kind of the sort of thing we're doing. We're gonna pass it its parameters using JSON which is very straightforward and these are the properties that you can give it we are just going to look at a few of them. Gives you an example here once again the documentation here from the 3js.org website very clear they give you an example of exactly what you want to do with it with some some of those properties built in. Now the first one here is ambient and that has to do with ambient lighting which we haven't gotten into but let's start looking at color we already have it set to be a blue color and we'll play around with that in a little bit but another option here is specularity and it's also passing color here in their example they're using hex code for the for the color let's go ahead and in here say specularity colon and we'll give it a specularity of we'll say red let's go ahead and run that as is and so now you're seeing the shininess and the specularity which is the shiny part is red but it's mixing with the blue it's giving us kind of a pinkish-purple color. When we go back in here you can see that it also tells you if there's default so the default color would be white if you didn't set anything ambient default color is white and and also tells you what these things are ambient color of the material multiplied by the color of the ambient light which we haven't created so that's why I'm not doing that next we're gonna look at is the specularity itself that's the one actually we just did that specularity on the default is a dark gray now let's affect the shininess okay so shininess default is 30 let's go ahead and say comma because there's a new line shininess colon and as if we hover over here it will tell us that it's a float which means it's a number that can have decimal points default is 30 since this is what it looks like with 30 let's go ahead and turn that number down to 10 save it run it again and it's kind of hard to tell here let's go ahead but basically it's the the shininess is kind of feathered out a little bit more I think is how I would describe it let's go ahead and turn it way up to like a hundred and you'll see here hopefully cylinder is a good option see how much straighter that is it's more of a shiny rather than a feathered out reflection so you can see the width right there and if we turn it back down to something like 10 watch as it goes down this line that line will become much more feathered out so higher the shininess the thinner the reflection if it's on a circle or it's on a sphere it would be a dot of light the shinier it is the smaller the dot be the less shiny it is the more that would feather out and be over more of your sphere again the specularity is the color and it's mixing with the blue giving us that kind of purplish pink color let's look at one more option in here and that would be the shading by the fault it's doing a smooth shading so it's it's automatically even if our poly count is low it's going to smooth it for us a sphere would probably be better to represent this and in fact we'll probably look into that in future tutorials but let's go ahead and change this to flat shading because by the fault it's using smooth shading flat shading you will actually see the polygons clearer so we will go ahead and whoops pasted the wrong thing in there paste the shading be shading what is the shading it's going to be a flat shading and if we do this now you can now see the polygons a little bit more and that also has to do with the number of segments we put in there when we create the cylinder but you can give it a smoother look without upping the poly count by giving it smooth shading so that's those options there I'm not really sure I haven't really tried what no shading does but go ahead and play with that again this code will be up on my website with all the other codes from this series and you can download and play with it change some of these other options again there's a lot more properties here we're just going over the basics today as always I hope you visit my website filmsbychrist.com that's Chris with the K there should be a link in the description also a link again to the scripts if you have any questions feel free to visit my IRC channel filmsbychrist.com or if you go to filmsbychrist.com there is a drop down for social networking where you also see links to my Facebook Twitter Google Plus account but they'll also be linked to the IRC channel where you can come and chat with me and other people that's a great place to ask technical questions rather than YouTube comments and that is about it for today so I hope you enjoyed this if you like this series if you like this topic be sure to like the video give it a thumbs up so that I know you like it and I keep making them new video every Friday if you hit a private one in the playlist that means it's going to be coming out later on in the future just wait a week and then the one will come out thank you for watching and have a great day