A-Frame Practical PDF

DESIGNING AND BUILDING VIRTUAL ENVIRONMENTS Chapter Four : Object and Scene Modeling Using A- frame ALA SHAKHATREH A-Frame code editors : ▪ ▪ ▪ ALA SHAKHATREH Brackets ▪ https://brackets.io/ 1. 2. 3. 4. 5. ALA SHAKHATREH A-frame...

DESIGNING AND BUILDING VIRTUAL ENVIRONMENTS Chapter Four : Object and Scene Modeling Using A- frame ALA SHAKHATREH A-Frame code editors : ▪ ▪ ▪ ALA SHAKHATREH Brackets ▪ https://brackets.io/ 1. 2. 3. 4. 5. ALA SHAKHATREH A-frame using brackets: ALA SHAKHATREH A-Frame ▪ ▪ ALA SHAKHATREH A-Frame ▪ ALA SHAKHATREH  A-Frame offers several built-in primitives, such as: : Creates a 3D cube or rectangular box. A-Frame : Adds a camera to define the viewer's perspective. with primitives : Creates a 3D circle or disc. : Adds a cursor for interacting with VR objects. : Displays an image within the VR scene. ALA SHAKHATREH A-Frame with primitives ▪ ▪ ALA SHAKHATREH A-Frame with primitives ALA SHAKHATREH A-Frame with primitives ▪ ALA SHAKHATREH A-Frame with primitives ▪ ▪ ▪ ▪ ALA SHAKHATREH Transformation in A-Frame : ▪ ▪ ▪ ▪ ALA SHAKHATREH Transformation in A-Frame (scaling) : ▪ The scale component defines a shrinking, stretching, or skewing transformation of an entity. It takes three scaling factors for the X, Y, and Z axes. ▪ All entities inherently have the scale component. ▪ The example below shrinks the entity in half along the X direction, maintains the same scale factor along the Y direction, and stretches the entity by two- fold along the Z-direction: ▪ ALA SHAKHATREH Transformation in A-Frame( reflection ) : ▪ ▪ ▪ ▪ ▪ ALA SHAKHATREH Transformation in A-Frame (relative scale) : ▪ ALA SHAKHATREH Transformation in A-Frame (rotation) : ▪ ▪ ▪ ALA SHAKHATREH Transformation in A-Frame(relative rotation) : ▪ ▪ ▪ ▪ ▪ ▪ ▪ ALA SHAKHATREH Transformation in A-Frame(position) : ▪ ▪ ▪ ▪ ALA SHAKHATREH ▪ ALA SHAKHATREH