rM_AtMo.js
rm_AtMo.js is a JavaScript canvas driven atmospheric visualization with interaction.
Usage
Demo
Features
DayTime
This visualization showcases four types of daytimes: morning, day, afternoon and night.
CosmosControl
Usage
Custom CSS
Usage
| CSS-Property | CSS-Class | Example | |
|---|---|---|---|
| DayTime | color | rm_atmo-daytime-color | Example Text |
| background-color | rm_atmo-daytime-background-color |
Example Text
|
|
| border-color | rm_atmo-daytime-border-color |
Example Text
|
|
| Morning | color | rm_atmo-morning-color | Example Text |
| background-color | rm_atmo-morning-background-color |
Example Text
|
|
| border-color | rm_atmo-morning-border-color |
Example Text
|
|
| Day | color | rm_atmo-day-color | Example Text |
| background-color | rm_atmo-day-background-color |
Example Text
|
|
| border-color | rm_atmo-day-border-color |
Example Text
|
|
| Afternoon | color | rm_atmo-afternoon-color | Example Text |
| background-color | rm_atmo-afternoon-background-color |
Example Text
|
|
| border-color | rm_atmo-afternoon-border-color |
Example Text
|
|
| Night | color | rm_atmo-night-color | Example Text |
| background-color | rm_atmo-night-background-color |
Example Text
|
|
| border-color | rm_atmo-night-border-color |
Example Text
|
JavaScript
onTap Event
Event:
Timestamp:
X:
Y:
Usage
addUserTap Method
Usage
setHours
Usage
Mute/Unmute
Usage
resetText - CosmosControl
Usage