CodePen view

Apply orientation and limits to the orientation and the field of view of the camera.

configuration.json

{
    "camera":
    {
        "parallax": 0,

        "yaw":
        {
            "default": 0,
            "min": -70,
            "max": 70
        },

        "pitch":
        {
            "default": 30,
            "min": 0,
            "max": 60
        },

        "roll":
        {
            "default": 0,
            "min": 0,
            "max": 0
        },

        "fov":
        {
            "default": 70,
            "min": 50,
            "max": 100
        }
    },

    "story":
    {
        "uid": "camera-story",
        "name": "Camera Limitation Story",
        "slug": "camera-story",
        "description": "Camera limitation and orientation can be applied on a project",
        "default": "scene-0",

        "scenes":
        [
            {
                "uid": "scene-0",
                "name": "First scene",
                "slug": "first-scene",
                "description": "This is the first and only scene",

                "media":
                {
                    "uid": "media-0",
                    "type": "image",

                    "source":
                    {
                        "format": "equi",
                        "url": "01-forest.jpg"
                    }
                }
            }
        ]
    }
}

Back to samples

3rd Jan 2017