We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

3d object on half screen?

Home Forums General Questions 3d object on half screen?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #63707
    Webenart
    Customer

    hi,

    So i need to do something very simple but the solution seems not that simple!

    I want to place my 3d object on half of the container of the website of 1140px box. That is easy to do just set the v3d-container id to a child 50% container.

    But how i can set the canvas to full screen, so my background and the interaction is full screen (ligts shadows etc) but my main 3d object to be on half of the screen? if i just trie to set the camera to look like that the object is half right for example, it looks to work but that cant be responsive at all.

    Any idea?

    Webenart | Creative Websites
    webenart.com

    #63708
    kdv
    Participant

    Like this?

    Offset camera so object is displayed off to the side

    Puzzles and JS coding. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

    #63709
    Webenart
    Customer

    i’ve seen that post, is not exactly what i need, that is definitely better than my approach of moving the camera until the object looks on edge. But Still, that does not make it responsive.

    In my attached images you can see the desktop and mobile layout

    Black is Full-screen canvas
    Red is 1140px default universal container box
    Blue is 50% of the red.

    So if i didn’t care about background i could just set the verge3d to the blue and end of story. But the background needs to be on the black (fullscreen) and the object itself it should be centered inside the blue.

    So no matter the screen size, no matter mobile or not, it would always be responsive. By offsetting a few values on the right won’t be enough. It should be centered aligned inside the blue container, that’s the proper approach and is really strange why they do not provide such an option, i cant be the only one that i care for responsiveness or placing the objects on the side! These are the UI/UX rules is not my personal opinion

    regards

    Attachments:
    You must be logged in to view attached files.

    Webenart | Creative Websites
    webenart.com

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.