Matt DesLauriers @mattdesl Twitter profile | Pikagi

Pikagi

Matt DesLauriers

@mattdesl

61,741

Followers

1,609

Following

2,554

Media

16,745

Statuses

artist, he/him 🇨🇦

https://t.co/1EE9H1SsmG

Joined February 2012

Don't wanna be here? Send us removal request.

Pinned Tweet

@mattdesl

Matt DesLauriers

6 months

"Meridian", the Second Edition, is now open for pre-order. 🎉 Featuring a new cover, the full collection of 1000 outputs, essays, technical breakdowns, curated spreads, and more. Expected to ship by end of 2023. 📚 → with @VetroEditions @monopo_en

Tweet media one

Tweet media two

Tweet media three

Tweet media four

33

39

406

Last Seen Profiles

@SamsungBrasil

@haruboko9

@a_i_k6211250113

@Nomaticcap

@atrak

@Matraka_traka

@N0byN0by

@Rumaan

@RiflesRegiment

@chukasoba_ideta

@SusanQuaggin

@Agness_Cuck

@Seminolx

@GroundhoppingT

@stevenmh8

@Sparkle_stage

@yuyoloop

@GrabienMedia

@iambrattyb

@CoachRipken

@DevahnJ

@malcolmconn

@ksafi__

@NPLNSW

@captiel

@AlisonArms79380

@csifeducacion

@Ryan_Kreidler

@eurovisionfire

@DWBlack14

@theevitch

@SeaGullFootball

@ColoredSpaces

@welchris_

@fallacyval

@Irishreports

@mattdesl

Matt DesLauriers

2 years

AI tool to generate colour palettes from any text prompt — #stablediffusion #ArtificialIntelligence

Tweet media one

Tweet media two

Tweet media three

Tweet media four

154

2K

15K

@mattdesl

Matt DesLauriers

5 years

Beautiful Hong Kong street photos from the 1950s and 1960s by Chinese photographer, Fan Ho.

Tweet media one

Tweet media two

Tweet media three

Tweet media four

24

2K

5K

@mattdesl

Matt DesLauriers

6 years

In case you missed it... A while back, I wrote "math-as-code", a cheat sheet that explains mathematical notation with code:

Tweet media one

Tweet media two

70

1K

4K

@mattdesl

Matt DesLauriers

5 years

Creating animations in @figmadesign with a custom plugin. #figmaplugin #mograph

95

404

3K

@mattdesl

Matt DesLauriers

3 years

Announcing WAYFINDER—a relaxing 'art game' in your browser that combines illustration, procedural generation, and computational poetry. 🍃 Produced by @thenfb . Explore an animated landscape to recover nature's lost memories and build Haiku-like poems. 👉

Tweet media one

134

587

3K

@mattdesl

Matt DesLauriers

5 years

I've open sourced the demos & course notes from my recent @shapeofdata "Intro to Creative Coding" workshop on p5.js and Tone.js. 🗒️ Course Notes → 🎨 p5.js Demos → 🔊 Tone.js Demos →

36

589

3K

@mattdesl

Matt DesLauriers

3 years

Some test outputs from "Meridian"—my latest 'long-form' generative art algorithm that will be released on @artblocks_io (date TBD). #generative #javascript

Tweet media one

Tweet media two

Tweet media three

Tweet media four

127

247

3K

@mattdesl

Matt DesLauriers

6 years

This is fun (and unsettling)... nice use of WebGL! by @daviddotli @krighxz

35

742

2K

@mattdesl

Matt DesLauriers

5 years

Experimenting with watercolour-like rendering. JavaScript + Canvas2D + WebAudio.

Tweet media one

Tweet media two

Tweet media three

41

208

2K

@mattdesl

Matt DesLauriers

2 years

Just published the code for my NodeJS palette generator tool with Stable Diffusion: → Below: comparing different color quantization modules for palette extraction.

Tweet media one

16

230

2K

@mattdesl

Matt DesLauriers

4 years

A novel approach for making smooth, perceptually uniform multi-color linear gradients: interpolate with a 3D Catmull-Rom spline through L*a*b* color space. Top: typical 3- or 4-color linear gradients Bottom: spline interpolated gradients

Tweet media one

Tweet media two

Tweet media three

Tweet media four

35

216

2K

@mattdesl

Matt DesLauriers

2 years

type overflow — #generative #javascript

Tweet media one

Tweet media two

Tweet media three

Tweet media four

46

195

2K

@mattdesl

Matt DesLauriers

2 years

I've just published an open source tool for crafting "seed poems"— this is an exercise in constrained poetry that produces a valid BIP-39 mnemonic seed phrase, giving the reader full access to a cryptocurrency wallet. 🌱

Tweet media one

80

249

1K

@mattdesl

Matt DesLauriers

3 years

Digital art exhibitions shouldn’t be reduced to a few small digital screens mounted hastily in an empty room (see: Christie's, Sotheby's). So, I thought I’d start a thread showing some more interesting ways digital and screen-based work can be exhibited. 👇 (cont)

58

295

1K

@mattdesl

Matt DesLauriers

6 years

Linear interpolation (sometimes called 'lerp' or 'mix') is a really handy function for creative coding, gamedev and generative art. The function interpolates within the range [start..end] based on a 't' parameter, where 't' is typically within a [0..1] range. A thread...

Tweet media one

27

263

1K

@mattdesl

Matt DesLauriers

6 months

Nearly real-time diffusion model, running locally and offline from my browser and with decent output quality. Pretty astonishing to use; but with such a tight feedback loop, the textual interface starts to feel really inadequate.

19

85

1K

@mattdesl

Matt DesLauriers

5 years

Generative flower experiments in ThreeJS & WebGL.

10

114

1K

@mattdesl

Matt DesLauriers

2 years

Beautiful graphic scores by John De Cesare (1890–1972). →

Tweet media one

Tweet media two

Tweet media three

Tweet media four

10

177

1K

@mattdesl

Matt DesLauriers

5 years

unicode terrain view doodling #generative #javascript

18

170

1K

@mattdesl

Matt DesLauriers

2 years

early Meridian process outputs — #generative #javascript

Tweet media one

Tweet media two

Tweet media three

Tweet media four

42

69

1K

@mattdesl

Matt DesLauriers

5 years

line ⟷ circle #p5js #creativecoding

13

114

1K

@mattdesl

Matt DesLauriers

5 years

Hey friends — today I'm finally releasing my online art shop! 🎉 I will use this platform to sell archival-quality generative art prints, limited edition pen plotter artwork, and more. Check the link below! Any shares/RTs would be appreciated. 🙏 →

Tweet media one

Tweet media two

Tweet media three

Tweet media four

17

203

1K

@mattdesl

Matt DesLauriers

6 years

I just released an interactive web toy with @studiotendril . 🌿🍃 Try it out with the link below — make sure to turn on your sound! 🎧

28

198

996

@mattdesl

Matt DesLauriers

5 years

Generative melodies: random step sequencer within a fixed scale. [Sound on 📢] #tonejs #javascript #generative

17

181

995

@mattdesl

Matt DesLauriers

7 years

Experiments with human motion in #ThreeJS . This is a pirouette from the CMU motion capture database.

12

196

995

@mattdesl

Matt DesLauriers

2 years

"on crypto art and NFTs" →

on crypto art and NFTs

This post is a broad overview of the recently emerging “crypto art” space, including the use of “Non-Fungible Tokens” (NFTs) as a digital art distribution mechanism.

28

196

976

@mattdesl

Matt DesLauriers

6 years

Trying to catalogue & organize my work a bit more. Some generative outputs from 2018 →

11

102

940

@mattdesl

Matt DesLauriers

6 years

A function that produces a scribble. #generative #code #javascript

Tweet media one

Tweet media two

Tweet media three

Tweet media four

12

174

934

@mattdesl

Matt DesLauriers

3 years

Thank you for the love tonight everybody. ❤️ Overwhelmed. You can browse and filter the full set of Meridian editions on @artblocks_io 's new beta website: → Showing some select mints below: 379, 287, 387, 4. #generative #javascript

Tweet media one

Tweet media two

Tweet media three

Tweet media four

49

89

925

@mattdesl

Matt DesLauriers

4 years

Stumbled upon this nice Sol LeWitt exercise written in 1972, published in Avalanche Magazine, encouraging the reader to render a "Page Drawing" directly onto the issue.

Tweet media one

Tweet media two

Tweet media three

9

194

922

@mattdesl

Matt DesLauriers

1 year

Meridian—the book—is finally ready. 😄🎉 Including 240 pages, 4 cover variants, multiple essays, hundreds of images, process breakdowns, and more. Published by @VetroEditions and designed by @monopo_en . Thanks to @masonelhage @byjoriein @maud__dedecker & many others!

Tweet media one

Tweet media two

Tweet media three

Tweet media four

67

115

916

@mattdesl

Matt DesLauriers

5 years

I've open sourced the demos and guides for my latest @frontendmasters course, "Advanced Creative Coding: WebGL and Shaders." → The material expands on concepts like vertex & fragment shaders, custom geometries, lights & materials, and more.

Tweet media one

15

193

915

@mattdesl

Matt DesLauriers

6 years

Experimenting with seamless and zero-configuration hot reloading in canvas-sketch. It feels instant, and extremely powerful.

9

126

906

@mattdesl

Matt DesLauriers

6 years

“Patchwork” — a simple algorithm for creating fracture-like patterns with convex hull and k-means clustering.

Tweet media one

Tweet media two

Tweet media three

Tweet media four

12

184

880

@mattdesl

Matt DesLauriers

5 years

Using neural networks to derive soft palettes from movie stills. Here the AI trains on some stills from Wes Anderson's The Grand Budapest Hotel. #generative #ai

Tweet media one

Tweet media two

Tweet media three

Tweet media four

21

111

872

@mattdesl

Matt DesLauriers

6 years

Making art with unicode symbols. Apostrophe, equals sign, bullet symbol, etc. — :•·.⠁⠂⠄⠇

Tweet media one

Tweet media two

Tweet media three

Tweet media four

12

117

860

@mattdesl

Matt DesLauriers

6 years

Some nice early pen plotter & computer artworks on exhibit in the V&A in London right now. Many of the pieces are from the 1960s and 70s, including work by Vera Molnar, Georg Nees, Frieder Nake and others. Only two rooms but great to see nonetheless.

Tweet media one

Tweet media two

Tweet media three

13

155

828

@mattdesl

Matt DesLauriers

2 years

imagine your only exposure to NFTs is apes, celebs, OpenSea, scam projects, and that 2 hr long YT video. 😪

77

73

795

@mattdesl

Matt DesLauriers

3 years

Drawing procedural city maps. Basically the same algorithm as Jared Tarbell's classic "Substrate" but with some modifications. #generative #javascript

13

95

778

@mattdesl

Matt DesLauriers

6 years

Experimenting with #FramerX as a generative design tool. 👀 Uhh wow... this is *seriously* cool.

14

123

774

@mattdesl

Matt DesLauriers

9 years

Confused by mathematical notation in graphics papers? I'm writing a cheat-sheet for devs: http://t.co/M5qLgw76pJ

Tweet media one

38

406

767

@mattdesl

Matt DesLauriers

4 years

Procedural color selection study, solving the Four-Colour Graph Theorem. The code ensures that adjacent shapes in the grid use different colours. Using @kGolid 's wonderful chromotome palettes again. #generative #javascript

Tweet media one

Tweet media two

Tweet media three

Tweet media four

9

104

740

@mattdesl

Matt DesLauriers

4 years

I've published an interactive & editable article with more details on how to create perceptually smooth CIELAB spline gradients: →

Tweet media one

Tweet media two

10

103

743

@mattdesl

Matt DesLauriers

2 years

The "Meridian" book is now available for pre-order. 🎉 The book will feature the full collection of 1000 editions, including essays, technical breakdowns, curated spreads, and more. → Publisher: @VetroEditions Design: @monopo_en

52

129

713

@mattdesl

Matt DesLauriers

2 years

"Hicetnunc and the Merits of Web3" →

Tweet media one

31

143

684

@mattdesl

Matt DesLauriers

5 years

Experimenting with some generative design plugins in @figmadesign . This one repeats a text element radially, inspired by some of The 1975's typographic posters. #generative #figmaplugin

21

75

682

@mattdesl

Matt DesLauriers

3 years

"four color theorem" #generative #javascript (repost – made Jun 2020)

Tweet media one

Tweet media two

Tweet media three

Tweet media four

13

58

681

@mattdesl

Matt DesLauriers

6 years

I've open sourced the code for the JSConfEU generative visuals and published an online demo. – 📦 Code → ✨ Live Demo →

Tweet media one

Tweet media two

Tweet media three

Tweet media four

14

130

685

@mattdesl

Matt DesLauriers

6 years

I just released "Bellwoods" — an art game for mobile & desktop that you can play in your browser. All graphics & audio is procedurally generated to fit the game within 13 kilobytes. →

14

188

675

@mattdesl

Matt DesLauriers

6 years

My recent blog post explains how I created "Leaf Notes", an interactive web toy for Tendril's home page. 🌿 →

23

135

658

@mattdesl

Matt DesLauriers

5 years

The first #figmaplugin I'll be releasing is "Image Palette" once the private beta is done and Figma releases their plugin system. Here's how it looks in action:

21

55

662

@mattdesl

Matt DesLauriers

3 years

Couple test outputs before the Friday release. @artblocks_io #1of1ofX #generative #javascript

Tweet media one

Tweet media two

27

39

652

@mattdesl

Matt DesLauriers

6 years

Experimenting with leaf venation algorithms. (Inspired by @inconvergent and @nervous_jessica .)

Tweet media one

Tweet media two

Tweet media three

8

58

654

@mattdesl

Matt DesLauriers

5 years

leafy experiments #generative #javascript

Tweet media one

Tweet media two

Tweet media three

Tweet media four

10

70

627

@mattdesl

Matt DesLauriers

5 years

For those looking to do media art installations with just HTML + JavaScript (e.g. WebGL, Canvas2D), I've open sourced a sample Electron repo that I've been using for all my installations. Useful for kiosk mode, native builds, etc. →

Tweet media one

20

114

634

@mattdesl

Matt DesLauriers

10 months

After seeing Frederick Hammersley's 1969 "Computer Drawings" at LACMA this week, I went down a rabbit hole of computer archeology. 🖨️

Tweet media one

Tweet media two

Tweet media three

Tweet media four

16

93

630

@mattdesl

Matt DesLauriers

4 years

Circuits — #generative #javascript

Tweet media one

Tweet media two

Tweet media three

Tweet media four

16

48

612

@mattdesl

Matt DesLauriers

7 years

Rendering audio waveforms as skylines. 🔊🏙️

Tweet media one

Tweet media two

Tweet media three

Tweet media four

13

152

606

@mattdesl

Matt DesLauriers

5 years

city lights — #generative #javascript

Tweet media one

Tweet media two

Tweet media three

Tweet media four

10

95

601

@mattdesl

Matt DesLauriers

2 years

monospace — #generative #javascript

Tweet media one

Tweet media two

Tweet media three

Tweet media four

21

53

602

@mattdesl

Matt DesLauriers

5 years

Working on a system that allows for flexible n-dimensional parametric designs. I'm hoping to integrate this into a #figmaplugin so that it generates actual text/shape/image nodes in your document. Testing it so far with some basic noise + grid functions:

9

63

603

@mattdesl

Matt DesLauriers

2 years

Happy to announce that Meridian is being exhibited at MoCA Taipei, a Museum of Contemporary Art in Taiwan. 🎉 Displaying several large prints and an interactive component running the algorithm in real-time. → 2022.02.12 – 2022.04.24 📷 by @seeingsun

Tweet media one

Tweet media two

Tweet media three

39

62

593

@mattdesl

Matt DesLauriers

4 years

Playing around again with Jared Tarbell's classic Substrate algorithm. Lines grow outward, and upon colliding with another line, it produces a new line at a different angle. #javascript #generative #canvas

9

76

591

@mattdesl

Matt DesLauriers

6 years

Poisson disc squares. #generative #javascript ◾️▪️

Tweet media one

Tweet media two

Tweet media three

Tweet media four

15

80

588

@mattdesl

Matt DesLauriers

9 months

polynomial—

10

51

578

@mattdesl

Matt DesLauriers

3 years

Meridian #783 84 x 150 cm very large 👀

50

26

571

@mattdesl

Matt DesLauriers

3 years

Working on an open source web-based parser + renderer (i.e. canvas, WebGL) for @eranhill 's #looom animation tool. Here's a quick test, randomizing thread colors and introducing a bit of real-time mouse interactivity to the loops.

9

22

578

@mattdesl

Matt DesLauriers

6 years

Gameplay video for my upcoming art game, “Bellwoods.” To fit the game in 13 kilobytes, all of the graphics and audio is procedurally generated. #js13k #gamedev #indiegames #indiegamedev

15

105

569

@mattdesl

Matt DesLauriers

4 years

My newest course on WebGL and shaders is now live on Frontend Masters! It’s a much deeper dive into ThreeJS, GLSL, 3D and custom geometries using canvas-sketch, @glitch , and the web platform.

@FrontendMasters

Frontend Masters 💻✨

@FrontendMasters

4 years

🎨 Make 3D art in @mattdesl 's latest course! ⭐️ Learn more advanced creative coding topics, such as textures, custom 3D geometry, lighting and shader effects. 💡🌎

Tweet media one

2

16

142

14

64

567

@mattdesl

Matt DesLauriers

3 years

Simple spanning tree sketch. (channeling ryancarlstudio 😄) #javascript #yyz #algorithm

Tweet media one

Tweet media two

Tweet media three

Tweet media four

9

37

559

@mattdesl

Matt DesLauriers

2 years

08 — "single curve only" random walk, Catmull-Rom spline, isometric 3D projection #javascript #genuary2022

11

38

559

@mattdesl

Matt DesLauriers

2 years

04 — "the next Fidenza" (interpreted this prompt as "flow fields") #genuary2022 #javascript #generative

Tweet media one

Tweet media two

Tweet media three

Tweet media four

22

35

553

@mattdesl

Matt DesLauriers

2 years

overflows —

Tweet media one

Tweet media two

10

66

547

@mattdesl

Matt DesLauriers

3 years

I'm also really inspired by Ruben Wu's (b. 1975) work, using programmable drones and light painting to produce these brilliant and other-worldly landscape photographs.

Tweet media one

Tweet media two

Tweet media three

Tweet media four

11

79

549

@mattdesl

Matt DesLauriers

4 years

More procedural trees — also building out a generic editor for the other generative assets. #generative #javascript #gamedev

8

93

548

@mattdesl

Matt DesLauriers

3 years

"Meridian" will be released next Tuesday, September 28, 5pm UK time (11am CT) on @artblocks_io . See below for some details about the launch of the artwork, and some planned print executions: → #generative

Tweet media one

25

53

538

@mattdesl

Matt DesLauriers

3 years

Waking up to hear that some of my generative art will be auctioned at Christie's in NYC, alongside @tylerxhobbs @dmitricherniak @stefan_contiero @xiiixiii @REAS @alidasun @kGolid and many others in @artblocks_io Curated Series 1, 2, and 3. 🤯

33

35

542

@mattdesl

Matt DesLauriers

4 years

Beautiful abstract textile designs by Gunta Stölzl (1897 – 1983), who directed the weaving workshops at the Bauhaus school for some years.

Tweet media one

Tweet media two

Tweet media three

Tweet media four

2

69

539

@mattdesl

Matt DesLauriers

2 years

Out-of-band Meridian prints coming soon... 🤗

Tweet media one

Tweet media two

Tweet media three

Tweet media four

33

24

528

@mattdesl

Matt DesLauriers

6 years

Today I launched my first independent and long-term public art installation, LUMOS. When approached, the light sculpture will respond to human warmth. It is currently on exhibition at Ontario Place park in Toronto. I designed and built it with @jmgariepy and @stevenmengin .

Tweet media one

Tweet media two

Tweet media three

20

97

541

@mattdesl

Matt DesLauriers

2 years

syncing / swapping

Tweet media one

Tweet media two

15

41

535

@mattdesl

Matt DesLauriers

5 years

Strange generative collages using the @unsplash API. #javascript #procedural

Tweet media one

Tweet media two

Tweet media three

18

79

531

@mattdesl

Matt DesLauriers

4 years

My slide deck for tomorrow's talk is now at 1.4GB ... Hope I can get through all this in 45 min! 😅 #FITCAmsterdam

Tweet media one

22

12

531

@mattdesl

Matt DesLauriers

5 years

Interactive cube city. . . . cubescubescubescubes #threejs #creativecoding #generative

6

65

525

@mattdesl

Matt DesLauriers

5 years

cube maze — #generative #threejs #webgl

Tweet media one

Tweet media two

Tweet media three

10

57

523

@mattdesl

Matt DesLauriers

7 years

I just published "Crystal Towers", a generative data art series created with Node.js, Three.js and Blender.

Tweet media one

Tweet media two

Tweet media three

Tweet media four

15

119

520

@mattdesl

Matt DesLauriers

4 years

Designing some generative festival idents with code. #javascript

Tweet media one

Tweet media two

Tweet media three

Tweet media four

9

42

526

@mattdesl

Matt DesLauriers

4 years

Speculative design for a new creative coding toolkit. You layer together "Components", each is just a single script that exposes some attributes and/or UI props.

13

51

515

@mattdesl

Matt DesLauriers

2 years

The matching images generated by the intermediate Stable Diffusion step, before palette extraction —

Tweet media one

9

20

506

@mattdesl

Matt DesLauriers

4 years

What are your favourite creative coding projects? I have many that I reference in my classes & talks but I'm always looking to discover more. (👇 thread)

28

93

510

@mattdesl

Matt DesLauriers

7 years

I've open sourced the ThreeJS code for an upcoming article I'm writing, "Stylized Wireframe Rendering in WebGL." 📚

Tweet media one

9

109

512

@mattdesl

Matt DesLauriers

6 months

webcam → AI testing latent consistency models

20

31

507

@mattdesl

Matt DesLauriers

3 years

Framing my pre-NFT 2019 ringer by @dmitricherniak . #37 of 40 editions. 🙂🙃🥲

Tweet media one

14

5

503

@mattdesl

Matt DesLauriers

5 years

Experimenting with algorithmic color palettes. 🔊 Weval — Half Age

10

41

501

@mattdesl

Matt DesLauriers

6 years

Wow, incredibly beautiful ThreeJS/WebGL animated story book for children. Launched as part of a bullying prevention campaign in New Zealand. 👏

5

91

498

@mattdesl

Matt DesLauriers

1 year

Meridian is now sold out of online stock. 🤖 Thank you to all who purchased! This first edition consists of 1,000 books spanning 4 cover design styles. Each includes a signed and numbered limited-edition A5 RISO print. Created with @monopo_en @VetroEditions

Tweet media one

Tweet media two

Tweet media three

Tweet media four

38

38

491

@mattdesl

Matt DesLauriers

7 years

A #WebGL banner I built for THX's new site with @Jam3 . Click and hold to hear the Deep Note! 🎧🔥 #ThreeJS

25

147

489

@mattdesl

Matt DesLauriers

5 years

03 . reflect — #codevember #generative #dailies #glsl #javascript

Tweet media one

Tweet media two

Tweet media three

5

53

492

@mattdesl

Matt DesLauriers

6 years

I just published a two-part blog post, "Pen Plotter Art & Algorithms" exploring my JavaScript workflow with AxiDraw and generative art over the last several months. Part 1: Part 2: ✏️

Tweet media one

8

112

487