The basic structure of these codes is similar even though the style is different. They all use the mesh style on them, but at the same time, I try to make it look different by changing the material colour. All this is done using simple codes and testing the values that I enter. In the material, there are three flat shadings and three sides from the camera point of view. It also has a wireframe behind the shades.
“mesh.position.y = Math.sin( * 0.002 ) * 20;” this code here shows us the idea of the mesh and it proportion
“camera = new THREE.PerspectiveCamera( 50, W/H, 1, 10000 ); camera.position.z = 500;” I use these types of codes to change the camera view this means the way you look at an object changer its appearance depending on the position. For example, if you look at a tree from a certain angle and then move around and stand at a different position, you will see a different tree angle. You can do the same with the shapes on the computer by simple changing few codes.
“material = new THREE.ParticleBasicMaterial( { size: 10, sizeAttenuation: true, transparent: false } );
material.color.setHex( 0xff0000ff );
particles = new THREE.ParticleSystem( geometry, material );
particles.sortParticles = true;
scene.add( particles );”
The code “THREE.ParticleBasicMaterial” are the small cubes that move around the circle. I experimented by changing the value on this code, changing the colour and the size of the cubes. “( { size: 10, sizeAttenuation: true, transparent: false } );
material.color.setHex( 0xff0000ff );”
By just changing simple variables like “Attenuation” using values like “true” and “false”, for example, in the transparent line, it will show us different effects of transparency.

I played around with my composition “, Have some acid” “renderer = new THREE.WebGLRenderer( { preserveDrawingBuffer: true } );
renderer.autoClearColor = false;”
this code here helped me to understand how the mesh created the buffer effect “renderer.autoClearColor = false;” by just changing the value from true to false, it created the buffer effect with colour, but if the value was at true, then it will be clear which was difficult to see the buffer.

Independent study 1-5 Three Java Script