Category: Away3D TypeScript

Tutorials and code hints for TypeScript library for Away3D

Tutorial: Away3D TypeScript: Primitives – Torus

This is a quick overview tutorial of the Torus primitive in the Away3D TypeScript library. We will be recreating the scene as seen above. To use a Torus primitive, we’ll need to: Declare, instantiate, and initialize a new Torus object.

Posted in Away3D TypeScript, HTML, JavaScript Tagged with: , , , , , , , , ,

Tutorial: Away3D TypeScript: Primitives – Plane

This is a quick overview tutorial of the Plane primitive in the Away3D TypeScript library. We will be recreating the scene as seen above. To use a Plane primitive, we’ll need to: Declare, instantiate, and initialize a new Plane object.

Posted in Away3D TypeScript, HTML, JavaScript Tagged with: , , , , , , , , ,

Tutorial: Away3D TypeScript: Primitives – Sphere

This is a quick overview tutorial of the Sphere primitive in the Away3D TypeScript library. We will be recreating the scene as seen above. To use a Sphereprimitive, we’ll need to: Declare, instantiate, and initialize a new Sphere object. Declare,

Posted in Away3D TypeScript, HTML, JavaScript Tagged with: , , , , , , , , ,

Tutorial: Away3D TypeScript: Primitives – Cylinder

This is a quick overview tutorial of the Cylinder primitive in the Away3D TypeScript library. We will be recreating the scene as seen above. To use a Cylinder primitive, we’ll need to: Declare, instantiate, and initialize a new Cylinder object.

Posted in Away3D 4.Gold, Away3D TypeScript, HTML Tagged with: , , , , , , , , ,

Tutorial: Away3D TypeScript: Primitives – Cone

This is a quick overview tutorial of the Cone primitive in the Away3D TypeScript library. We will be recreating the scene as seen above. To use a Cone primitive, we’ll need to: Declare, instantiate, and initialize a new Cone object.

Posted in Away3D TypeScript, HTML, JavaScript Tagged with: , , , , , , , , ,

Tutorial: Away3D TypeScript: Primitives – Capsule

This is a quick overview tutorial of the Capsule primitive in the Away3D TypeScript library. We will be recreating the scene as seen above. To use a Capsule primitive, we’ll need to: Declare, instantiate, and initialize a new Capsule object.

Posted in Away3D TypeScript, HTML, JavaScript Tagged with: , , , , , , , , ,

Tutorial: Away3D TypeScript: Primitives – Cube

This is a quick overview tutorial of the Cube primitive in the Away3D TypeScript library. We will be recreating the scene as seen above. To use a Cube primitive, we’ll need to: Declare, instantiate, and initialize a new Cube object.

Posted in Away3D TypeScript, HTML, JavaScript Tagged with: , , , , , , , , ,

Tutorial: Away3D TypeScript: Primitives

primitives.ts Primitives: the building blocks of any 3D environment. So useful and so common, it would be impractical to try to import these geometric figures on a regular basis. Fortunately the good guys at The Away Foundation have done us

Posted in Away3D TypeScript, HTML, JavaScript Tagged with: , , , , , , , ,

Tutorial: Away3D TypeScript: Hover Controller Part 4 – Keyboard Control

In this slightly longer tutorial, we build upon Away3D TypeScript: Hover Controller Part 3. Our attempt here is to add keyboard control to pan left/right, tilt up/down, and zoom in/out. Click once on the demo above to activate it, then

Posted in Away3D TypeScript, HTML, JavaScript Tagged with: , , , , , , , , ,

Tutorial: Away3D TypeScript: Hover Controller Part 3 – Zooming

In this very short tutorial, we build upon Away3D TypeScript: Hover Controller Part 2. Our attempt here is to add a zoom feature, that the user can use the mouse’s scroll wheel to zoom in and out of the scene.

Posted in Away3D TypeScript, HTML, JavaScript Tagged with: , , , , , , , , ,