Skip to content

Instantly share code, notes, and snippets.

View erraticgenerator's full-sized avatar

ErraticGenerator erraticgenerator

1 follower · 0 following
View GitHub Profile
@erraticgenerator
erraticgenerator / p5-word-anim-1.js
Last active December 9, 2020 02:10
function setup() {
createCanvas(800, 400)
background(0)
const str = 'Hello, world! Hi, there! Nice to meet you!'
const wordsStr = str.split(' ')
textSize(48)
// track word position
@erraticgenerator
erraticgenerator / p5-word-anim-2.js
Last active December 20, 2020 05:18
const words = [] // store word objects
function setup() {
createCanvas(800, 400)
background(0)
const str = 'Hello, world! Hi, there! Nice to meet you!'
const wordsStr = str.split(' ')
textSize(48)
@erraticgenerator
erraticgenerator / p5-word-anim-3.js
Last active December 9, 2020 03:50
const words = [] // store word objects
function setup() {
createCanvas(800, 400)
background(0)
const str = 'Hello, world! Hi, there! Nice to meet you!'
const wordsStr = str.split(' ')
textSize(48)
@erraticgenerator
erraticgenerator / p5-word-anim-4.html
Last active December 9, 2020 03:51
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdn.jsdelivr.net/npm/p5@1.1.9/lib/p5.js"></script>
</head>