Skip to content

Instantly share code, notes, and snippets.

@HilmiZul
Last active May 14, 2020 17:51
Show Gist options
  • Select an option

  • Save HilmiZul/03c7f44041a9a15e5995f061ff5b6abf to your computer and use it in GitHub Desktop.

Select an option

Save HilmiZul/03c7f44041a9a15e5995f061ff5b6abf to your computer and use it in GitHub Desktop.
Tools Dasar:
1. Text Editor. bisa pakai Visual Studio Code: https://visualstudio.microsoft.com/downloads/
2. Google Chrome
Kebutuhan:
1. p5js: https://github.com/processing/p5.js/releases/download/1.0.0/p5.zip
Setup & Instalasi:
1. Buat folder BDAY di Desktop
1. didalamnya Buat folder:
1. library
2. assets
2. ekstrak p5.zip
1. pindahkan file p5.js ke folder library
2. pindahkan file p5.sound.js yang ada di folder addons ke folder library
3. file asset yang dibutuhkan:
1. copy file foto dan atau audio ke folder assets
4. buka folder BDAY dengan Text Editor (Visual Studio Code) yang sudah di download
5. buat file sketch.js simpan di folder BDAY.
6. buat file index.html simpan di folder BDAY. isikan dengan struktur HTML dan load semua file library.
strukturnya folder BDAY menjadi seperti berikut:
BDAY/
|— index.html
|— sketch.js
|— library/
| |— p5.js
| |— p5.sound.js
|— assets/
| |— foto.png
| |— musik.mp3
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment