ITP Visual Journalism: Fall 2023

Code for Fall 2023 Visual Journalism course in ITP, NYU 🎓

• Prerequisites 💻 • Classes ⚒️ • Drive 🗃️ •

Prerequisites

• Please setup a Glitch account in advance
  • Each class will have a Glitch project that you can remix and work on during class (listed below under Classes)
  • Alternatively, if you prefer Github - you can clone this repo and work locally (see How to run locally)
• Each class code section below links to the slides, code folder, full Glitch project and a Glitch starter project we use in class

Classes

• Week 3 (Slides)

  • Intro to React (Glitch / Github)
  • Intro to React Three Fiber (Glitch / Github)

• Week 5 (Slides)

  • Scene Graph (Full Glitch / Glitch Class Starter / Github)
  • Visual Explainers (Full Glitch / Glitch Class Starter / Github)

• Week 8 (Slides)

  • Materials (Full Glitch / Glitch Class Starter / Github)
  • Animated Highlights (Full Glitch / Glitch Class Starter / Github)

• Week 10 (Slides)

  • Data, Controls, Interactions (Full Glitch / Glitch Class Starter / Github)

• Week 13 (Slides)

  • File Animations (Full Glitch / Glitch Class Starter / Github)
  • Post-processing (Full Glitch / Glitch Class Starter / Github)

How to run locally

• Clone and install dependencies

git clone https://github.com/juniorxsound/itp-visual-journalism-fall-2023.git && cd itp-visual-journalism-fall-2023

• cd into the desired section and class code and install dependencies - e.g cd classes/week-3/intro-to-react && npm install
• Run development server npm run dev