Web Unleashed 2022

2022-10-24 00:00:00 2022-10-27 00:00:00 America/Toronto Web Unleashed 2022 Drive your career to the forefront by learning the latest tools, techniques and technologies in front-end web development. Online FITC EDT Online

Watch the Replay

Presentation

View Video
Create Interactive 3D Web Experiences With Alien.js

October 24 2022, 2:30 - 3:15pm EDT Room: Online Schedule

Creative Code
JavaScript

Overview

Alien.js is an MVC design pattern for building single-page applications with ES modules and Three.js, intended for developers who are interested in creating their own shaders.

In this session, Patrick Schroen will cover a brief history of Flash, The FWA, WebGL and common design patterns for creating interactive WebGL experiences with Three.js using vanilla JavaScript.

Objective

You will learn how to create interactive 3D web experiences with Alien.js and Three.js using vanilla JavaScript.

Five Things Audience Members Will Learn

  1. Sources of inspiration, The FWA, Active Theory
  2. A brief history of Flash, ActionScript to TypeScript
  3. JavaScript design patterns and The Revealing Module Pattern
  4. Live-coding: Three.js example as ES2022 module pattern
  5. DRY/WET/KISS principles

Target Audience

Creative developers