Skip to main content
Ambient.Impact

Main navigation

  • Web dev
    • Snippets
    • Essays
    • Components
    • Resources
    • Tags
  • Portfolio
  • Gaming
    • Linux
    • Specs
    • About
    • Elite Dangerous
  • About
  • Contact

Breadcrumb

  1. Web development
  2. Tags

Canvas

Radio Garden - Listen to the world's radio stations in your browser

This is a really awesome use of <canvas>, Web Audio, and other web standards to create a globe that you can rotate to hear a mixture of radio stations from the coordinates you’re looking at.

A screenshot of the Radio Garden, showing the globe, controls, and labels indicating the current stations being heard.
Source link
http://radio.garden
Tags
JavaScript
Canvas
Web Audio
Interesting apps
Web standards

Up & Down rotating sign on CodePen

A sign that reads "up", with an arrow pointing to the top right hand corner. The sign rotates along the z-axis to read "dn" with the arrow pointing to the bottom left corner. It then rotates again to the starting position.
Play this animated GIF
Source link
http://codepen.io/jonbp1993/pen/XprEZN
Tags
Canvas
JavaScript
Design inspiration
CodePen

Discoid on CodePen

A series of red, green, and white disco lights rotating in a perspective pattern.
Play this animated GIF
Source link
http://codepen.io/tmrDevelops/pen/ygBgVL
Tags
Canvas
JavaScript
CodePen

GloppyGoop

A screenshot of the linked Pen: many white blobs that stick to each other litter the screen, against a dark background. The blobs have various colours of rim lighting (around the edges).
Source link
GloppyGoop on CodePen
Tags
CodePen
JavaScript
Canvas
SVG
Design inspiration

Elastic border that responds to the pointer

A screenshot of the linked Pen: a solid pale blue on the left, and solid pale red on the right, with the transition being stretched in the middle towards the right, as if it were made of an elastic material.
Source link
Mouse elastic border on CodePen
Tags
Design inspiration
Canvas
JavaScript
CodePen

Pagination

  • First page
  • Previous page
  • Page 1
  • Current page 2
Subscribe to Canvas
  1. Find me on GitLab
  2. Find me on GitHub
  3. Find me on Drupal.org
  4. Find me on Mastodon
  5. Find me on Steam
  6. Find me on YouTube