Category: HTML

HTML code samples and tutorials

Tutorial: Away3D TypeScript – Trident

In this simple tutorial we will be demonstrating how to construct an XYZ Trident. There is a built in Trident utility class in ActionScript. Unfortunately in the Away3D TypeScript library there has yet to be one developed. So instead of

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

Tutorial: Away3D Typescript: Mouse Events

In this overview tutorial we will be exploring how to implement mouse events on our 3D objects using the Away3D TypeScript library. In our demo above, the user can interact with the 3D object using a computer mouse. This small

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

Tutorial: Away3D TypeScript: Materials – Environment Map

In this very short tutorial, we demonstrate how easy it is to set up an Environment Map or EffectEnvMapMethod object in your scene. A EffectEnvMapMethod is a great way to add realism and content to your scene without a lot

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

Tutorial: Away3D TypeScript: Shadows – ShadowSoftMethod

This is a quick overview tutorial of the ShadowSoftMethod Shadowing method in the Away3D TypeScript library used with the DirectionalLight. To use a ShadowSoftMethod, you’ll need: Declare, instantiate, and initialize a new DirectionalLight. An object that will cast a shadow

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

Tutorial: Away3D TypeScript: Resource Complete

In this short tutorial, we build upon Away3D TypeScript: Hover Controller Part 1. We will be demonstrating a template for setting up a RESOURCE_COMPLETE listener. The listener’s handler will then add loaded assets to the scene. There will be a

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

Tutorial: Away3D TypeScript: Skybox

In this short tutorial, we demonstrate how easy it is to set up a Skybox object in your scene. A Skybox is a great way to add depth and content to your scene without a lot of overhead. What we

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

Tutorial:Away3D TypeScript: Materials – Mulitple Textures

In this semi-quick overview tutorial, we’ll be building upon our previous Away3D TypeScript: Materials – Texture tutorial. We will be demonstrating how to set up an advance asset handler. This will allow you to scale your application with many more

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

Tutorial: Away3D TypeScript: Lights – PointLight – Intermediate

Welcome back! In our previous tutorial Away3D TypeScript: Lights – PointLight, we simply placed a PointLight on the stage. It illustrated the principle of the light, but with no flare or flavor. In this tutorial, I wanted to showcase more

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

Tutorial: Away3D TypeScript: Lights – PointLight

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

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

Tutorial: Away3D TypeScript: Lights – DirectionalLight

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

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