Codescapes: Seascapes 1.x
Seascapes 1.x is a code-driven generative piece, featuring minimalist geometric seascapes in four main color schemes each representing a different time of day (morning, afternoon, evening and night) and a special hidden 80s inspired look. The night scheme also has a chance of rendering with stars.
Every click, new generative art!
Move through endless worlds and peaceful solitude as you observe the boats gentle sail and setting sun or rising moon, as the shadows reflect their movement in tandem.
This piece can be coveted as a 1/1 due it's random nature, with the following generative features:
- Sun and moon size and position
- Horizon line
- Boat position and direction
- Number and sizes of the mountains and terrain
Music experience: I have composed a musical score for Seascapes 1.x called "Serendipitsea" and coded a special experience of the piece that is timed to the music, while keeping the visual results completely generated in real-time (aside from time of day). Best experienced in fullscreen and with headphones or quality speakers. Duration is 6 minutes.
Interaction:
- Click anywhere on the piece to generate a new seascape
Keyboard Controls:
- Press spacebar to generate new seascapes
- Press f to toggle fullscreen (direct mode only)
- Press s to save an image of the current seascape (direct mode only)
- Press 1 to switch to morning
- Press 2 to switch to afternoon
- Press 3 to switch to evening
- Press 4 to switch to night
- Press 8 to switch to 80s
- Press c to generate new seascapes with the current colors
- Press . to start/stop all motion
- Press m to start/stop the music experience
Menu Controls:
- To access the menu, hover/click the invisible hotspot area in the top-right corner
- Generate new seascapes
- Toggle fullscreen (direct mode only)
- Start/stop the music experience
- Save large image (direct mode only)
- Save small image (direct mode only)
Direct Mode: View the piece using the direct links https://nftstorage.link/ipfs/bafybeibxovofuydl3vodp5haxqslipa4l2oonn3sklxpmoa45667egdggm
Display Resolution: Infinite. This piece is fully responsive and will render in high quality on any screen size
Image Download Sizes:
- Large image: 3000px
- Small image: 1000px
- Note the sizes are based on your screen pixel density. So images saved on a 2x retina screen will be double the size.
Ingredients:
- p5.js
- Chroma.js
- GSAP
- Almost 1,500 lines of Javascript
License: CC BY-NC-ND 4.0
