Menu
NodeCG LogoNodeCG LogoNodeCGv1.7.0DocsBlog
GitHub
๐ŸŒœ
๐ŸŒž
NodeCG LogoNodeCG LogoNodeCG
  • v1.7.0
  • Docs
  • Blog
  • GitHub
  • Quick Start
    • NodeCG
    • Installing
    • Creating Bundles
  • Guides
    • Concepts and Terminology
    • Manifest
    • Configuration
    • Node Dependencies
    • Bundle Configuration
    • Assets
    • Sounds
    • Replicant Validation
    • Performance
    • Making Dashboard Dialogs
    • Portable NodeCG
  • Advanced
    • Mount folders as endpoints
    • Security & Authentication
    • Testing Graphics
    • Custom Routes
    • Sentry.io
  • Using Frameworks
    • Bundlers
    • TypeScript
    • vue.js
    • p5.js
  • Migrating
    • 0.7 โ†’ 0.8
    • 0.8 โ†’ 0.9
    • 0.9 โ†’ 1.0
  • API Reference
    • NodeCG
    • Replicant
    • readReplicant
    • waitForReplicants
    • sendMessage
    • sendMessageToBundle
    • listenFor
    • unlisten
    • log()
    • Router
    • mount()
    • getDialog
    • getDialogDocument
    • getSocketIOServer()
    • findCue
    • playSound
    • stopAllSounds()
    • stopSound

Using p5.js

p5.js is a library to make javascript more accessible to people.

It can easily be implemented into NodeCG simply by including both the standard p5.js file and the p5.dom library in the shared folder as this folder is always mounted.

p5.js can be used as normal and NodeCG calls are included when needed.

An example bundle containing a counter and a lower third is located in the NodeCG simple examples repo.

Edit this page
Last updated on 1/9/2021 by Ewan Lyon
Previous
ยซ Using Vue.js
Next
Migrating from 0.7 to 0.8 ยป

Docs

  • What is NodeCG
  • Quick Start

Community

  • Discord

Social

  • Blog
  • GitHub
  • Twitter
Copyright (c) 2020 Alex Van Camp, Matthew McNamara, and contributors