Home /  Sketchbook /  p5.js - Nautical Flags - Part 3
  • < Prev
  • Info

Overview

This is a p5.js sketch that allows you to study the Nautical Flags via a flash-card like interface.

Controls

References

Multiple sources were used in determining proportions of the flags.

  • Flag Shapes and Meanings:
    • Wikipedia: International maritime signal flags
    • mainharbors.com (circular dots on Pennants 1 and 2)
    • US Navy Signal Flags (elliptical dots on Pennants 1 and 2)
  • Other:
    • Wikipedia: Int’l Code of Signals - Shows how combinations of flags can have specific meanings.
    • Wikipedia: Racing Rules - How these flags may be used in the context of Sailing races.
    • Semaphore Flag Signaling - How other signal flags are used with a signaler holding two of the same flags in their two arms in different patterns to convey the alphabet and other signals.
    • Special NATO flags - Includes details of secondary flags used by NATO in regards to maneuvering.
    • International Flags - Another visual reference.

Links:

  • Live View
  • Source on Github

Screenshots:

screenshot