XaiJu
Yuri Artiukh
Yuri Artiukh

patreon


Stripe.com gradient, season 5, ep 12

Comments

not really, but its the same as with usual HTML, just put a tag and add a #container div, and you are good to go. Same as in basic template

Yuri Artiukh

hi, do you have any tutorials on how to add this code to a wordpress website?

denis cherkasov

sure, its either "npx parcel index.html" or "npx vite"

Yuri Artiukh

Hello, could you kindly tell me how to start this project?

机体 有

to see bumps you will need to rotate the plane, not looking straight at it, just fit it the other way, make angle 45 degrees, and bigger plane

Yuri Artiukh

Hi, I am new to threeJs, so if this question seems silly to you, I apologize for that. :) I am trying to fit this Plane to the width and height of the canvas(Like how they did on stripe.com) Here is the code I am using in the resize method. const cameraZ = this.camera.position.z; const distance = cameraZ - this.plane.position.z; const vFov = this.camera.fov * Math.PI / 180; const scaleY = 2 * Math.tan(vFov / 2) * distance; const scaleX = scaleY * this.camera.aspect; this.plane.scale.set(scaleX, scaleY, 1); But this way, we can't see any bumps in the plane. Can you please tell me how to fit the object(Plane) to fill the entire canvas

Muhammad Dilshad Khaliq


More Creators