Stripe.com gradient, season 5, ep 12
🕑 Added 2022-09-25 09:35:19 +0000 UTCComments
Yuri Artiukh
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
denis cherkasov
hi, do you have any tutorials on how to add this code to a wordpress website?
Yuri Artiukh
sure, its either "npx parcel index.html" or "npx vite"
机体 有
Hello, could you kindly tell me how to start this project?
Yuri Artiukh
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
Muhammad Dilshad Khaliq
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