Skip to content

TODO: link over from https://phet.colorado.edu/en/inclusive-design/features for all of the features videos.

Features

Under Construction

This section and others in Getting Started with SceneryStack are under heavy revisement and will be updated in February 2025.

TODO: link to guides and examples

Inclusive Design and Accessibility

Screen Reader Support

TODO: Parallel DOM, aria-labels, etc.

Keyboard Traversal Order

TODO: tab order, focus management

Pan/Zoom and Multi-Touch

TODO

Dynamic Spoken Content

TODO: Voicing example (Web Speech)

Extensible Input System

TODO: mouse/touch areas, customization, swipe-to-snag

Color Profiles and High-DPI Support

TODO: describe how Scenery handles color profiles and high-DPI displays

Interactive Highlights

TODO: describe how Scenery handles interactive highlights

Keyboard-Based Dragging

TODO: KeyboardDragListener example

Create Applications with Ease

Cross-Platform Support

TODO: describe how Scenery works on all platforms

Translation and Localization

TODO

Rich Component Library

TODO: sun/scenery-phet components

Render with Canvas/SVG/WebGL

Scenery supports rendering with Canvas, SVG, and WebGL, even with a mix of each within the same application!

Include DOM Elements

TODO: DOM element demo from tour-of-scenery

Use WebGL Sprites for High Performance

TODO: sprites demo

Mimapping for Images

TODO: demo (with image that benefits from mipmapping, and likely Canvas renderer)

Declarative and Imperative APIs

TODO: describe approaches to handling

Charts and Graphs

TODO: Bamboo Example

Advanced Layout Primitives

TODO: demo

Iframe Support

TODO: show example of PhET sims in iframes?

Modeling and Simulation

TODO: examples of Axon properties

TypeScript Support

TODO

Run Applications Offline

Single-HTML file artifacts and offline support

Animations

TODO: twixt

Web Audio

TODO: Tambo

WebGPU High-Quality Rendering

TODO: Alpenglow

Vibration

TODO: experimental Tappi support