Rounded edge on scene viewer

Questions
1

Hello all,

I am new to ThreeJS still learning. Not sure this is the correct forum but I would like to know if there is a way to make rounded edges to the scene itself displayed on the web page. Initially I thought using CSS with border-radius and target the div of the scene container but it just places a box before the scene, plus the responsive design would be lost on resizing.

Any help is appreciated Thanks!

2

Indeed, that’s the way :saluting_face:

canvas {
  border-radius: 8px;
  overflow: hidden;
}

That’s pretty much all you need.

What do you mean?

What do you mean? WebGL / three.js / 3D is not responsive either way.

1 Like
3

Oh I see, great thanks! it works exactly as I wanted. I didn’t know the renderer autmatically creates a tag. Now I see that inspecting the page.

By responsive I meant I have an EvenListener on window resize to reset the size of the renderer.