Pixels,
irl
@charlotte_dann
charlottedann.com
Why use
computers for art?
Design
Build
Test
Learn
Pen Plotting
Test everything on disposable paper first
Use canvas2svg for
easy vector outputs from canvas drawings
const size = 1000
const canvas = document.createElement('canvas')
canvas.width = size
canvas.height = size
document.body.appendChild(canvas)
const context = canvas.getContext('2d')
context.strokeStyle = '#fff'
context.lineWidth = 5
context.lineCap = 'round'
const u = size / 20
context.beginPath()
for (let i = 0; i < 100; i++) {
const x = i%10
const y = Math.floor(i/10)
const rotations = (i%3 === 0 && 1) + (i%4 === 0 && 2)
context.save()
context.translate(u+x*u*2, u+y*u*2)
context.rotate(rotations * Math.PI / 2)
context.moveTo(-u, u)
context.quadraticCurveTo(-u, -u, u, -u)
context.restore()
}
context.stroke()
const size = 1000
import saveAs from 'file-saver'
import C2S from 'canvas2svg'
const context = new C2S(size, size)
context.strokeStyle = '#fff'
context.lineWidth = 5
context.lineCap = 'round'
const u = size / 20
context.beginPath()
for (let i = 0; i < 100; i++) {
const x = i%10
const y = Math.floor(i/10)
rotations = (i%3 === 0 && 1) + (i%4 === 0 && 2)
context.save()
context.translate(u+x*u*2, u+y*u*2)
context.rotate(rotations * Math.PI / 2)
context.moveTo(-u, u)
context.quadraticCurveTo(-u, -u, u, -u)
context.restore()
}
context.stroke()
const blob = new Blob([context.getSerializedSvg()], {
type: 'text/plain',
})
saveAs(blob, 'pattern.svg')Laser Cutting
Get access at a Hackspace, university, or pay-by-the-hour facilities
Figure out the right settings with material testing first
3D Printing
Generative Gestaltung
You can export STL
files from ThreeJS
hexatope.io
thank you
@charlotte_dann
charlottedann.com
DXN Jan 2020 - Pixels, IRL
By Charlotte Dann
DXN Jan 2020 - Pixels, IRL
Most digital designers and developers don’t get the joyous experience of touching and feeling the things they’ve created. Interest in generative art and design on the web is at an all-time high, but predominantly confined to screens and pixels. In this talk Charlotte will champion the joy of tactility in digital design by demonstrating a handful of methods that can enable you to realise your work in a physical space.
