Scrawl-canvas v8 - DOM test 014

Load and run multiple scripts on same page

This element can be dragged around the stack using the mouse.

Collision sensitivity

Stack perspective

Handles

X:

Y:

Offset

X:

Y:

Roll

Pitch

Yaw

Scale

Test purpose

Add multiple JS modules to one page
Check that scrawl init sequence runs only once
Check that artefacts (canvas/stack/element) are only picked up once - no duplication!
Check that created artefacts (eg entitys) end up in the correct stack/canvas
Check animations work in each stack/canvas
Check animations switch on/off as page scrolls (Javascript IntersectionObserver)

Annotated code - first scene

Annotated code - second scene

Annotated code - third scene