SuperHi - Experimental Javascript

Learn Three.js, Matter.js and PIXI.js to make interactive websites using collision engines, displacement maps and interactive 3D in the browser

If you're a creative person who wants to make experimental, art-driven websites, this is the perfect course to make websites that stand out from the crowd.

In this short online course you'll dive deep into the world of experimental Javascript. Discover the world of collision engines, displacement maps and interactive 3D in the browser with libraries like PIXI.js and Three.js.

This is a great next step for students who already have some knowledge of HTML, CSS and Javascript, or have completed our Foundation HTML, CSS + Javascript and Javascript for Designers courses.

What you'll learn

Learn how to interact with HTML canvases with Javascript

Add touch, mouse, dragging and device orientation effects

Make collision detection engines with Matter.js

Work with displacement and color splitting effects using PIXI.js

Dive into the world of 3D in the browser with Three.js

Make interactive 3D websites that react to mouse and touch events

WHAT YOU'LL GET
Real world projects – Projects and code that you can alter and remix to add to your own sites and portfolio

Access the community – Join our Slack and connect with thousands of SuperHi students and alumni

Continued help – Help from our expert teachers and educators with years of experience in the industry

Resources – Resources to get you started and going post-course

8+ hours of video lessons – Practical, go-at-your-own pace learning