(Year 3 Sem C ) Week 3 Consultation with Mervin

Today I am having consultation with Mervin again.The area that I mostly focus on is at the technical part.

The questions that I have asked are:

• How to move the position of the heart to the center?
• How to change the colour of the sphere?
• Does there anyway to multiply the particles?
• How to make the particles flow randomly instead of flow straight?

Feedback from consultation:

• Play with CSS to adjust the position 
• Refer to the code from Photoshop and apply the code in dreamweaver 
• Better focus on the important part first 
• Apply Greensock GSAP Loop (this.restart)

The image show that the heart has move to center successfully and the the colour of the sphere have changed . From now, the heart shape just need to re-size it and put to the center.

The process is created by using the code:

CSS for heart shape:

  #Heartshape{

 width : 500px;

 height :500px;

 position:absolute;

 z-index:1;

 }

Three js for the colour of the sphere: 

 var material2 = new THREE.MeshBasicMaterial( {color: 0xe62fac,} );