- Click on canvas to start the first painting (the music will also start for a more pleasant user experience); - Slide the bar to adjust the size of the stroke instantly; - After 10 seconds, the current canvas will be complete. The user will be given the choice to save this final artwork to local computer; - Click space at any time to clear canvas and start a new painting (Note: if this step is done before the current canvas completes, the progress will be cleared and no artwork will not be saved).

CC Attribution ShareAlike

Creative Coding Final: Pointillism

This p5.js creative coding project is inspired by the 19th-century modern art movement -- Pointillism --a technique of painting in which small, distinct dots of color are applied in patterns to form an image. This project simulates an interactive exhibition experience, in which the user, together with the author, recreates some of the most well-known Pointillism artwork with modern technology. The look of the final artwork not only depends on the code itself, but also the user's interactive control of the size of the paint stroke.
- Click on canvas to start the first painting (the music will also start for a more pleasant user experience); - Slide the bar to adjust the size of the stroke instantly; - After 10 seconds, the current canvas will be complete. The user will be given the choice to save this final artwork to local computer; - Click space at any time to clear canvas and start a new painting (Note: if this step is done before the current canvas completes, the progress will be cleared and no artwork will not be saved).
e.g., mouse, keyboard
e.g., visualization, fractal, mouse
Learn more about Creative Commons
Join Plus+ to change privacy settings
  • mySketch
  • v1.11.2
  • v1.11.1
  • v1.11.0
  • v1.10.0
  • v1.9.4
  • v1.9.3
  • v1.9.2
  • v1.9.1
  • v1.9.0
  • v1.8.0
  • v1.7.0
  • v1.6.0
  • v1.5.0
  • v1.4.2
  • v1.4.1
  • v1.4.0
  • v1.3.1
  • v1.3.0
  • v1.2.0
  • v1.1.9
  • v1.1.7
  • v1.1.5
  • v1.1.4
  • v1.1.3
  • v1.0.0
  • v0.10.2
  • v0.9.0
  • v0.8.0
  • v0.7.3
  • v0.7.2
  • v0.6.1
  • v0.6.0
  • v0.5.16
  • v0.5.11
  • v0.5.8
  • v0.5.7
  • v0.5.2
Select mode or a template
Centers sketch and matches the background color.
Prevents infinite loops that may freeze the sketch.
    This will be the default layout for your sketches
    Easy on the eyes
    It will show up when there is an error or print() in code
    Potential warnings will be displayed as you type
    Closes parenthesis-like characters automatically as you type

    Controls
    Play
    Ctrl+Enter
    Code
    Ctrl+Shift+Enter
    Save
    Ctrl+S
    Interface
    Fullscreen
    Ctrl+Alt+F
    Switch Layout
    Ctrl+Alt+L
    Settings
    Ctrl+Alt+.
    Editor
    Tidy Code
    Ctrl+B
    Multiple Cursors
    Ctrl+Click
    Duplicate Line/Selection
    Ctrl+Shift+D
    Move Line
    Alt+↑/↓
    Select Multiple
    Ctrl+D
    Find in Code
    Ctrl+F
    Find Next
    Ctrl+G
    Find Previous
    Ctrl+Shift+G

    See More Shortcuts

    Join Plus+ for private sketches, version history, 1GB space, custom embeds, and more!