nbogie

---

title: "Tutorial tips and gotchas" description: "A few collected tips for writing tutorials on the p5.js website" category: "2.0" categoryIndex: 0 featuredImage: ../images/featured/intro-to-p5-strands.png featuredImageAlt: An abstract, cosmic scene with particles relatedContent: references:

• en/p5/p5shader

nbogie

javascript:(function(){
  const main = document.querySelector('main');
  const headers = document.querySelectorAll('h1, h2');
  
  if (!main || headers.length === 0) return;

  const ol = document.createElement('ol');
  ol.style.cssText = 'background:#f4f4f4; border:1px solid #aaa; padding:20px 40px; margin-bottom:20px; font-family:sans-serif;';

  headers.forEach((h, i) => {

nbogie

# Define the path to scan (use "." for the current directory)
$PathToScan = "."

Get-ChildItem -Path $PathToScan -Directory -ErrorAction SilentlyContinue |
    ForEach-Object {
        # Calculate the size of the current folder and its contents
        $SizeInBytes = (Get-ChildItem -Path $_.FullName -Recurse -ErrorAction SilentlyContinue |
            Measure-Object -Property Length -Sum).Sum

        # Convert bytes to Megabytes (MB)

nbogie

here's what you get when you start to load global.d.ts and then index.d.ts from definitely typed.

flowchart LR
    Z("global.d.ts")
    A("index.d.ts")

    Z --> A

    subgraph Root Files

nbogie

Feedback for beta.openprocessing.org changes rollout (oct 2025)

minor: variables hyperlink to any method documentation with same name

Example:

In the following, x will link to docs for p5.Vector.x, and heading will link to docs for p5.Vector.heading.

nbogie

import processing.core.PApplet;

public class MyExampleProcessingApp extends PApplet {

	public static void main(String[] args) {
		System.out.println("MyExampleProcessingApp main() started");

		// The string must match your full class name:
		PApplet.main(new String[] { "MyExampleProcessingApp" });

nbogie

SVWAG "Year In Review" episodes

• #294: 2023 Year in Review
• #246: 2022 Year in Review
• #198: 2021 Year in Review
• #150: 2020 Year in Review
• #100: 2019 Year in Review

nbogie

class Point {
 
  x: number;
  y: number;
  /** the label for this point */
  label: string;

  constructor(givenLabel: string,givenX: number, givenY:number){
    console.log("constructor was called")
    this.x = givenX;

nbogie

const fs = require('fs/promises');

async function readFileAndSolveProblem() {
    const inputRaw = await fs.readFile("./inputs/inputDay1A.txt", { encoding: 'utf8' })
    const inputLines = inputRaw.split("\n");
    console.log({ inputLines })

    //TODO: solve the problem here, based on inputLines

}

nbogie

import fs from 'fs/promises';

async function readFileAndSolveProblem() {
    const inputRaw = await fs.readFile("./inputs/inputDay1A.txt", { encoding: 'utf8' })
    const inputLines: string[] = inputRaw.split("\n");
    console.log({ inputLines })

    //TODO: solve the problem here, based on inputLines

}