Matt DesLauriers
@mattdesl
Followers
61,741
Following
1,609
Media
2,554
Statuses
16,735
Explore trending content on Musk Viewer
Xóchitl
• 504163 Tweets
Maynez
• 180575 Tweets
Wizkid
• 119555 Tweets
Suns
• 106772 Tweets
Real Life
• 93207 Tweets
DDAY SB19 JAPAN CONCERT
• 91225 Tweets
Davido
• 76140 Tweets
Anthony Edwards
• 74306 Tweets
Beal
• 54431 Tweets
#sbhawks
• 32751 Tweets
為替介入
• 31171 Tweets
Twitter調子
• 26464 Tweets
スレイヤー
• 19331 Tweets
Don Jazzy
• 17114 Tweets
#MondayMotivation
• 12581 Tweets
ホークス
• 11896 Tweets
グリフィン
• 11859 Tweets
#リクステ
• 10161 Tweets
Pinned Tweet
"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
33
39
408
AI tool to generate colour palettes from any text prompt —
#stablediffusion
#ArtificialIntelligence
154
2K
15K
Beautiful Hong Kong street photos from the 1950s and 1960s by Chinese photographer, Fan Ho.
24
2K
5K
In case you missed it...
A while back, I wrote "math-as-code", a cheat sheet that explains mathematical notation with code:
70
1K
4K
95
404
3K
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
Some test outputs from "Meridian"—my latest 'long-form' generative art algorithm that will be released on
@artblocks_io
(date TBD).
#generative
#javascript
127
247
3K
Experimenting with watercolour-like rendering.
JavaScript + Canvas2D + WebAudio.
41
209
2K
Just published the code for my NodeJS palette generator tool with Stable Diffusion:
→
Below: comparing different color quantization modules for palette extraction.
16
230
2K
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
35
216
2K
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.
🌱
80
248
1K
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
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...
27
263
1K
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
Beautiful graphic scores by John De Cesare (1890–1972).
→
10
177
1K
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. 🙏
→
17
203
1K
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
999
Generative melodies: random step sequencer within a fixed scale.
[Sound on 📢]
#tonejs
#javascript
#generative
17
181
997
"on crypto art and NFTs"
→
28
196
978
Trying to catalogue & organize my work a bit more.
Some generative outputs from 2018 →
11
102
941
12
174
936
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
49
89
924
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.
9
194
921
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!
67
115
917
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.
15
193
916
Experimenting with seamless and zero-configuration hot reloading in canvas-sketch.
It feels instant, and extremely powerful.
9
126
908
“Patchwork” — a simple algorithm for creating fracture-like patterns with convex hull and k-means clustering.
12
184
878
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
21
111
874
Making art with unicode symbols.
Apostrophe, equals sign, bullet symbol, etc.
— :•·.⠁⠂⠄⠇
12
117
859
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.
13
155
828
imagine your only exposure to NFTs is apes, celebs, OpenSea, scam projects, and that 2 hr long YT video. 😪
77
73
796
Drawing procedural city maps.
Basically the same algorithm as Jared Tarbell's classic "Substrate" but with some modifications.
#generative
#javascript
13
95
780
Confused by mathematical notation in graphics papers?
I'm writing a cheat-sheet for devs:
http://t.co/M5qLgw76pJ
38
406
771
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
9
104
740
I've published an interactive & editable article with more details on how to create perceptually smooth CIELAB spline gradients:
→
10
103
743
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
128
711
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
684
I've open sourced the code for the JSConfEU generative visuals and published an online demo.
–
📦 Code →
✨ Live Demo →
14
130
684
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
My recent blog post explains how I created "Leaf Notes", an interactive web toy for Tendril's home page. 🌿
→
23
135
657
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
661
27
39
654
Experimenting with leaf venation algorithms.
(Inspired by
@inconvergent
and
@nervous_jessica
.)
8
58
655
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.
→
20
114
634
After seeing Frederick Hammersley's 1969 "Computer Drawings" at LACMA this week, I went down a rabbit hole of computer archeology. 🖨️
16
93
630
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
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
39
62
592
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
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
570
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.
🎨 Make 3D art in
@mattdesl
's latest course! ⭐️
Learn more advanced creative coding topics, such as textures, custom 3D geometry, lighting and shader effects. 💡🌎
2
16
143
14
64
568
9
37
561
08 — "single curve only"
random walk, Catmull-Rom spline, isometric 3D projection
#javascript
#genuary2022
11
38
559
04 — "the next Fidenza"
(interpreted this prompt as "flow fields")
#genuary2022
#javascript
#generative
22
35
553
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.
11
79
549
More procedural trees — also building out a generic editor for the other generative assets.
#generative
#javascript
#gamedev
8
93
549
"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
25
53
539
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
Beautiful abstract textile designs by Gunta Stölzl (1897 – 1983), who directed the weaving workshops at the Bauhaus school for some years.
2
69
541
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
.
20
97
541
18
79
533
My slide deck for tomorrow's talk is now at 1.4GB ...
Hope I can get through all this in 45 min! 😅
#FITCAmsterdam
22
12
530
6
65
525
I just published "Crystal Towers", a generative data art series created with Node.js, Three.js and Blender.
15
119
520
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
514
The matching images generated by the intermediate Stable Diffusion step, before palette extraction —
9
20
505
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
512
I've open sourced the ThreeJS code for an upcoming article I'm writing, "Stylized Wireframe Rendering in WebGL." 📚
9
109
512
Experimenting with algorithmic color palettes.
🔊 Weval — Half Age
10
41
502
Wow, incredibly beautiful ThreeJS/WebGL animated story book for children. Launched as part of a bullying prevention campaign in New Zealand. 👏
5
91
498
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
38
37
490
5
53
491
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:
✏️
8
112
488