Monorepo for Aesthetic.Computer aesthetic.computer
4
fork

Configure Feed

Select the types of activity you want to include in your feed.

at main 788 lines 45 kB view raw
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="color-scheme" content="light dark"> 7 <title>Bio &amp; CV — Jeffrey Alan Scudder</title> 8 <meta name="author" content="Jeffrey Alan Scudder"> 9 <meta name="description" content="Biography and curriculum vitae of Jeffrey Alan Scudder — painter, educator, artist-programmer based in Los Angeles. Creator of Aesthetic Computer, Whistlegraph, and No Paint."> 10 <link rel="icon" href="https://aesthetic.computer/favicon.ico"> 11 <link rel="canonical" href="https://justanothersystem.org/cv"> 12 13 <!-- Social sharing meta tags --> 14 <meta property="og:title" content="Bio &amp; CV — Jeffrey Alan Scudder" /> 15 <meta property="og:description" content="Biography and curriculum vitae of Jeffrey Alan Scudder — painter, educator, artist-programmer based in Los Angeles. Creator of Aesthetic Computer, Whistlegraph, and No Paint." /> 16 <meta property="og:url" content="https://justanothersystem.org/cv" /> 17 <meta property="og:type" content="profile" /> 18 <meta property="og:image" content="https://assets.aesthetic.computer/jeffreys/shoot/jeffery-av--07.jpg" /> 19 <meta name="twitter:card" content="summary_large_image" /> 20 <meta name="twitter:title" content="Bio &amp; CV — Jeffrey Alan Scudder" /> 21 <meta name="twitter:description" content="Biography and curriculum vitae of Jeffrey Alan Scudder — painter, educator, artist-programmer based in Los Angeles." /> 22 <meta name="twitter:site" content="@whistlegraph" /> 23 <meta name="twitter:image" content="https://assets.aesthetic.computer/jeffreys/shoot/jeffery-av--07.jpg" /> 24 25 <style> 26 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap'); 27 28 @font-face { 29 font-family: 'PP Mori'; 30 src: url('https://aesthetic.computer/assets/fonts/PPMori-Regular.woff2') format('woff2'); 31 font-weight: 400; 32 font-style: normal; 33 font-display: swap; 34 } 35 36 @font-face { 37 font-family: 'PP Mori'; 38 src: url('https://aesthetic.computer/assets/fonts/PPMori-SemiBold.woff2') format('woff2'); 39 font-weight: 600; 40 font-style: normal; 41 font-display: swap; 42 } 43 44 :root { 45 --bg: #faf9f6; 46 --fg: #1a1a1a; 47 --dim: #666; 48 --accent: #333; 49 --border: #ddd; 50 --pink-dot: #ff4ca8; 51 } 52 53 @media (prefers-color-scheme: dark) { 54 :root { 55 --bg: #0a0a0a; 56 --fg: #f0f0f0; 57 --dim: #888; 58 --accent: #ccc; 59 --border: #333; 60 } 61 } 62 63 html { 64 color-scheme: light dark; 65 } 66 67 * { 68 box-sizing: border-box; 69 margin: 0; 70 padding: 0; 71 } 72 73 a { 74 color: inherit; 75 text-decoration: none; 76 } 77 78 body { 79 font-family: 'IBM Plex Mono', monospace; 80 background: var(--bg); 81 color: var(--fg); 82 min-height: 100vh; 83 line-height: 1.7; 84 font-size: 16px; 85 } 86 87 .page { 88 max-width: 860px; 89 margin: 0 auto; 90 padding: 1.5rem; 91 } 92 93 /* Top meta bar: back link + PDF download */ 94 .meta-bar { 95 display: flex; 96 justify-content: space-between; 97 align-items: center; 98 gap: 1rem; 99 margin-bottom: 2rem; 100 font-size: 0.85rem; 101 color: var(--dim); 102 } 103 104 .meta-bar a { 105 color: var(--dim); 106 transition: color 0.15s; 107 } 108 109 .meta-bar a:hover { 110 color: var(--fg); 111 } 112 113 .pdf-link { 114 border: 1px solid var(--border); 115 padding: 0.35rem 0.7rem; 116 border-radius: 3px; 117 display: inline-flex; 118 align-items: center; 119 gap: 0.4rem; 120 transition: border-color 0.15s, color 0.15s; 121 } 122 123 .pdf-link:hover { 124 border-color: var(--fg); 125 } 126 127 .pdf-icon { 128 width: 0.9em; 129 height: 0.9em; 130 } 131 132 /* Bio layout — text left, portrait right */ 133 .bio-layout { 134 display: grid; 135 grid-template-columns: 1fr 280px; 136 gap: 2rem; 137 align-items: start; 138 } 139 140 .bio-portrait { 141 position: relative; 142 overflow: hidden; 143 border-radius: 4px; 144 } 145 146 /* First image flows normally to establish container height */ 147 .bio-portrait img:first-child { 148 display: block; 149 width: 100%; 150 height: auto; 151 object-fit: cover; 152 object-position: 50% 20%; 153 opacity: 1; 154 transition: opacity 1.2s ease-in-out; 155 } 156 157 /* Subsequent images overlay on top */ 158 .bio-portrait img:not(:first-child) { 159 position: absolute; 160 inset: 0; 161 width: 100%; 162 height: 100%; 163 object-fit: cover; 164 object-position: 50% 20%; 165 opacity: 0; 166 transition: opacity 1.2s ease-in-out; 167 } 168 169 .bio-portrait img.active { 170 opacity: 1; 171 } 172 173 .bio-portrait img:first-child:not(.active) { 174 opacity: 0; 175 } 176 177 @keyframes kb-zoom-in { 178 0% { transform: scale(1) translate(0, 0); } 179 100% { transform: scale(1.06) translate(-1%, -1%); } 180 } 181 @keyframes kb-zoom-out { 182 0% { transform: scale(1.06) translate(1%, 0); } 183 100% { transform: scale(1) translate(0, 1%); } 184 } 185 @keyframes kb-zoom-center { 186 0% { transform: scale(1) translate(0, 0); } 187 100% { transform: scale(1.06) translate(0, -1%); } 188 } 189 190 @media (max-width: 640px) { 191 .bio-layout { 192 grid-template-columns: 1fr; 193 } 194 195 .bio-portrait { 196 order: -1; 197 max-width: 100%; 198 margin: 0 0 1rem; 199 } 200 } 201 202 .ac-dot { 203 color: var(--pink-dot); 204 } 205 206 .np-dot { 207 color: #ff6b35; 208 } 209 210 .ac-link { 211 color: #7b61ff !important; 212 } 213 214 .np-link { 215 color: var(--fg) !important; 216 } 217 218 .np-no { 219 color: var(--dim); 220 } 221 222 .wg-link { 223 color: var(--fg); 224 border-bottom: 1px solid var(--border); 225 } 226 227 .tiktok-icon { 228 display: inline-block; 229 width: 0.85em; 230 height: 0.85em; 231 vertical-align: -0.05em; 232 margin-left: 0.15em; 233 } 234 235 /* Contact */ 236 .contact { 237 font-size: 0.85rem; 238 color: var(--dim); 239 margin: 2rem 0; 240 line-height: 1.9; 241 } 242 243 .contact a { 244 border-bottom: 1px solid var(--border); 245 } 246 247 .contact a:hover { 248 color: var(--fg); 249 } 250 251 /* Section headings */ 252 section { 253 margin-bottom: 2.5rem; 254 } 255 256 section h2 { 257 font-size: 1.4rem; 258 font-weight: 500; 259 letter-spacing: -0.02em; 260 color: var(--fg); 261 margin-bottom: 0.75rem; 262 border-bottom: 1px solid var(--border); 263 padding-bottom: 0.35rem; 264 } 265 266 /* Compact heading for CV listing sections */ 267 section.cv-list h2 { 268 font-size: 0.85rem; 269 font-weight: 600; 270 text-transform: uppercase; 271 letter-spacing: 0.08em; 272 color: var(--dim); 273 } 274 275 section p { 276 font-family: 'PP Mori', 'Helvetica Neue', Helvetica, Arial, sans-serif; 277 font-size: 1.15rem; 278 line-height: 1.8; 279 margin-bottom: 1rem; 280 } 281 282 section a { 283 color: #7b61ff; 284 border-bottom: 1px solid var(--border); 285 } 286 287 section a:hover { 288 border-color: var(--fg); 289 } 290 291 /* Narrative timeline */ 292 .narrative .year-label { 293 font-family: 'IBM Plex Mono', monospace; 294 font-size: 0.9rem; 295 font-weight: 600; 296 margin-top: 1.5rem; 297 margin-bottom: 0.25rem; 298 color: var(--fg); 299 } 300 301 .narrative p { 302 color: var(--dim); 303 margin-bottom: 0.75rem; 304 } 305 306 /* CV entry list (education, press, lectures, exhibitions, etc.) */ 307 .cv-list .entry { 308 font-size: 0.85rem; 309 margin-bottom: 0.6rem; 310 padding-left: 4.5em; 311 text-indent: -4.5em; 312 line-height: 1.6; 313 } 314 315 .cv-list .entry .year { 316 color: var(--dim); 317 display: inline; 318 } 319 320 .cv-list .entry a { 321 color: inherit; 322 border-bottom: 1px solid var(--border); 323 } 324 325 .cv-list .entry a:hover { 326 color: var(--accent); 327 } 328 329 .cv-list.geo .entry { 330 color: var(--dim); 331 } 332 333 /* Divider */ 334 hr { 335 border: none; 336 border-top: 1px solid var(--border); 337 margin: 3rem 0; 338 } 339 340 /* Footer */ 341 footer { 342 margin-top: 3rem; 343 padding-top: 1.5rem; 344 border-top: 1px solid var(--border); 345 color: var(--dim); 346 font-size: 0.8rem; 347 text-align: center; 348 padding-bottom: 2rem; 349 } 350 351 footer a { 352 color: var(--dim); 353 border-bottom: 1px solid var(--border); 354 } 355 356 footer a:hover { 357 color: var(--fg); 358 } 359 360 /* Print styles — optimized for PDF generation */ 361 @media print { 362 :root { 363 --bg: #ffffff; 364 --fg: #000000; 365 --dim: #555555; 366 --accent: #000000; 367 --border: #cccccc; 368 } 369 370 @page { 371 size: letter; 372 margin: 0.6in; 373 } 374 375 html, body { 376 background: #ffffff !important; 377 color: #000000 !important; 378 } 379 380 body { 381 font-size: 10pt; 382 line-height: 1.5; 383 } 384 385 .page { 386 max-width: 100%; 387 padding: 0; 388 } 389 390 .meta-bar, 391 .no-print { 392 display: none !important; 393 } 394 395 .bio-layout { 396 grid-template-columns: 1fr 180px; 397 gap: 1.2rem; 398 } 399 400 .bio-portrait img:not(:first-child) { 401 display: none !important; 402 } 403 404 .bio-portrait img:first-child { 405 opacity: 1 !important; 406 animation: none !important; 407 } 408 409 section { 410 margin-bottom: 1.2rem; 411 page-break-inside: avoid; 412 } 413 414 section h2 { 415 font-size: 1rem; 416 margin-bottom: 0.4rem; 417 } 418 419 section.cv-list h2 { 420 font-size: 0.75rem; 421 } 422 423 section p { 424 font-size: 10pt; 425 line-height: 1.5; 426 margin-bottom: 0.5rem; 427 } 428 429 section a { 430 color: #000 !important; 431 border-bottom: none !important; 432 } 433 434 .cv-list .entry { 435 font-size: 9pt; 436 margin-bottom: 0.2rem; 437 line-height: 1.4; 438 page-break-inside: avoid; 439 } 440 441 .narrative .year-label { 442 font-size: 10pt; 443 margin-top: 0.6rem; 444 } 445 446 hr { 447 margin: 1rem 0; 448 } 449 450 footer { 451 display: none; 452 } 453 } 454 455 @media (max-width: 560px) { 456 .meta-bar { 457 flex-direction: row; 458 flex-wrap: wrap; 459 gap: 0.5rem; 460 } 461 } 462 </style> 463</head> 464<body> 465 <div class="page"> 466 467 <div class="meta-bar no-print"> 468 <a href="/">&larr; justanothersystem.org</a> 469 <a href="https://papers.aesthetic.computer/jeffrey-alan-scudder-cv.pdf" class="pdf-link" download> 470 <svg class="pdf-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg> 471 Download PDF 472 </a> 473 </div> 474 475 <section> 476 <h2>Bio</h2> 477 <div class="bio-layout"> 478 <div class="bio-text"> 479 <p>Jeffrey Alan Scudder (b. 1989, Assonet, MA) is a painter based in Los Angeles. His work moves between stretched canvas, custom software, and live performance, treating painting as a practice that extends across surfaces and systems.</p> 480 <p>Scudder builds his own tools for making images. <a href="https://aesthetic.computer" class="ac-link">Aesthetic<span class="ac-dot">.</span>Computer</a> is a creative computing platform he designed as an instrument for drawing, painting, and interaction. <a href="https://nopaint.art" class="np-link"><span class="np-no">No</span>Paint<span class="np-dot">.</span>art</a>, an earlier project, reimagined the paint program as a medium rather than a utility. These tools inform his studio paintings and vice versa&mdash;code becomes a way to think about color, gesture, and composition, while painting on canvas stays immediate and physical.</p> 481 <p>With <a href="https://www.tiktok.com/@whistlegraph" class="wg-link">Whistlegraph<svg class="tiktok-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1v-3.5a6.37 6.37 0 0 0-.79-.05A6.34 6.34 0 0 0 3.15 15a6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.34-6.34V9.05a8.27 8.27 0 0 0 4.76 1.51v-3.5a4.83 4.83 0 0 1-1-.37z"/></svg></a>, a collaborative performance practice with Camille Klein and Alex Freundlich, Scudder has performed at the New Museum, Pioneer Works, ZKM Karlsruhe, and dozens of venues across the US and Europe. The group's work treats drawing as a live, social act.</p> 482 <p>He has given over 65 lectures and performances on Radical Digital Painting internationally, including at the Chaos Communication Congress and in conversation with Casey Reas at bitforms gallery. His work is in the collections of KADIST (San Francisco) and SMK (National Gallery of Denmark). He was invited to present at the inaugural Hash Award at ZKM Karlsruhe in 2018.</p> 483 <p>Scudder holds a BFA in Fine Art from Ringling College of Art and Design (2011) and an MFA in Sculpture from Yale School of Art (2013). He has taught at UCLA, Parsons The New School for Design, and Southern Oregon University. In Spring 2026, he is Author in Residence at UCLA's Social Software studio with Casey Reas. He also demos biweekly at <a href="https://nelacomputer.club">NELA Computer Club</a>, a biweekly demo night at <a href="https://plot.place">Plot.Place</a> in Chinatown, Los Angeles.</p> 484 </div> 485 <div class="bio-portrait" id="heroSlideshow"> 486 <img src="https://assets.aesthetic.computer/jeffreys/shoot/jeffery-av--07.jpg" alt="Jeffrey Alan Scudder" class="active"> 487 <img src="https://assets.aesthetic.computer/jeffreys/shoot/jeffery-av--06.jpg" alt="Jeffrey Alan Scudder"> 488 <img src="https://assets.aesthetic.computer/jeffreys/shoot/jeffery-av--10.jpg" alt="Jeffrey Alan Scudder"> 489 </div> 490 </div> 491 </section> 492 493 <div class="contact"> 494 <a href="https://jas.life">jas.life</a> &middot; 495 <a href="mailto:me@jas.life">me@jas.life</a> &middot; 496 <a href="mailto:mail@aesthetic.computer">mail@aesthetic.computer</a><br> 497 TikTok: <a href="https://tiktok.com/@whistlegraph">@whistlegraph</a>, <a href="https://tiktok.com/@aesthetic.computer">@aesthetic.computer</a><br> 498 Bluesky: <a href="https://bsky.app/profile/aesthetic.computer">@aesthetic.computer</a><br> 499 Instagram: <a href="https://instagram.com/whistlegraph">@whistlegraph</a>, <a href="https://instagram.com/aesthetic.computer">@aesthetic.computer</a> 500 </div> 501 502 <section> 503 <h2>Upcoming</h2> 504 <p>Scudder's last public exhibition of physical pictures was <a href="https://www.artsy.net/show/johannes-vogt-gallery-radical-digital-painting">Radical Digital Painting</a> with Julia Yerger at <a href="https://johannesvogt.nyc/jeffrey-scudder-and-julia-yerger-radical-digital-paintings/">Johannes Vogt Gallery</a> in New York (June 2018), where he showed large-format digital prints on paper. In the years since, he has focused on building Aesthetic Computer, touring with Whistlegraph, and returning to painting on canvas and board.</p> 505 <p>In May 2026, he will show new physical paintings at the <a href="https://venicefamilyclinic.org">47th Venice Family Clinic Art Exhibition + Auction</a> at 910 Abbot Kinney Blvd in Venice, CA&mdash;his first gallery exhibition of physical work in eight years.</p> 506 </section> 507 508 <section class="narrative"> 509 <h2>Timeline</h2> 510 <p class="year-label">2026</p> 511 <p>Author in Residence at UCLA Social Software studio with Casey Reas. Participating in the 47th Venice Family Clinic Art Exhibition + Auction. Demoing biweekly at <a href="https://nelacomputer.club">NELA Computer Club</a> at Plot.Place in Chinatown.</p> 512 513 <p class="year-label">2025</p> 514 <p>Spoke at El Cid. Participated in the inaugural Turbo Cheap exhibition. Continuing development of Aesthetic Computer and studio painting practice in Los Angeles. Joined NELA Computer Club.</p> 515 516 <p class="year-label">2024</p> 517 <p>Created the Aesthetic Inc. corporation.</p> 518 519 <p class="year-label">2023</p> 520 <p>Released 129 Freaky Flowers and Sex: The Whistlegraph Zine. Continuing work on aesthetic.computer.</p> 521 522 <p class="year-label">2022</p> 523 <p>Performed The Longest Whistlegraph Ever (so far) at the New Museum. Whistlegraph became a co-owned company and had its first solo exhibition with Feral File. Shifted focus back to aesthetic.computer and educational software design.</p> 524 525 <p class="year-label">2021</p> 526 <p>Most of my work has been consolidated by Whistlegraph. I resigned from Southern Oregon University to grow the practice with my partners Camille Klein and Alex Freundlich. I then released Radical Digital Painting, Ten Minute Painting and other prior major work to the digital art market. Began writing aesthetic.computer.</p> 527 528 <p class="year-label">2019&ndash;2020</p> 529 <p>Released a new version of No Paint. Keynoted Korea HCI 2020. Started and grew a TikTok account to over 300k followers. Keynoted at India HCI 19. Created Meeting Mr. Kid Pix for the Internet Archive AIR program. Performed at RAFLOST in Iceland, and gave a visiting artist lecture at Weber State University. Participated in Processing Community Day, LA in January 2019 and spent February in Puerto Rico. Toured Europe with the band Goodiepal &amp; Pals and performed Radical Digital Painting &amp; Political Rock lecture shows at art institutions, schools, and music venues from August through December 2018.</p> 530 531 <p class="year-label">2016&ndash;2019</p> 532 <p>Jeffrey travels and spends his time performing, programming and making pictures. Since 2016 he has given over 65 lecture performances on Radical Digital Painting and related topics in the US and in Europe, often with collaborators Goodiepal &amp; Pals, Julia Yerger, Artur Erman, and Casey REAS. He has taught at UCLA and Parsons The New School for Design and worked previously at the design studio Linked by Air. Jeffrey received an MFA in Sculpture from Yale University School of Art in 2013. He is currently an Assistant Professor of Emerging Digital Practices at Southern Oregon University.</p> 533 </section> 534 535 <hr> 536 537 <section class="cv-list geo"> 538 <h2>Geo. Log</h2> 539 <div class="entry"><span class="year">2025</span> &mdash; Los Angeles, CA</div> 540 <div class="entry"><span class="year">2023</span> &mdash; New York, NY</div> 541 <div class="entry"><span class="year">2019</span> &mdash; Ashland, OR</div> 542 <div class="entry"><span class="year">2018</span> &mdash; Berkeley, CA</div> 543 <div class="entry"><span class="year">2017</span> &mdash; Los Angeles, CA</div> 544 <div class="entry"><span class="year">2016</span> &mdash; Bridgton, ME</div> 545 <div class="entry"><span class="year">2013</span> &mdash; Brooklyn, NY</div> 546 <div class="entry"><span class="year">2011</span> &mdash; New Haven, CT</div> 547 <div class="entry"><span class="year">2007</span> &mdash; Sarasota, FL</div> 548 <div class="entry"><span class="year">1989</span> &mdash; Assonet, MA (Born)</div> 549 </section> 550 551 <section class="cv-list"> 552 <h2>Education</h2> 553 <div class="entry"><span class="year">2013</span> &mdash; Yale School of Art &mdash; MFA</div> 554 <div class="entry"><span class="year">2011</span> &mdash; Ringling College of Art + Design &mdash; BFA</div> 555 <div class="entry"><span class="year">2010</span> &mdash; AICAD New York Studio Program Residency</div> 556 <div class="entry"><span class="year">2006</span> &mdash; Ringling College of Art + Design PreCollege Perspective</div> 557 <div class="entry"><span class="year">2007</span> &mdash; Apponequet Regional High School</div> 558 </section> 559 560 <section class="cv-list"> 561 <h2>Press, Interviews, Articles and Pages</h2> 562 <div class="entry"><span class="year">2023</span> &mdash; <a href="https://kadist.org/work/rdp-98-jas-17-4-16-17-03">Kadist Foundation Artwork Profile</a></div> 563 <div class="entry"><span class="year">2023</span> &mdash; <a href="https://dirt.fyi/article/2023/09/whistlegraph">Whistlegraph &mdash; A new audience for generative art</a>, Dirt</div> 564 <div class="entry"><span class="year">2023</span> &mdash; <a href="https://sexmag.shop/products/the-whistlegraph-zine">Sex: The Whistlegraph Zine</a>, interviews by Asher Penn, essays by Jacob Ciocci &amp; Perry</div> 565 <div class="entry"><span class="year">2022</span> &mdash; <a href="https://feralfile.com/journal/close-up/whistlegraph-doodling-clockwork-in-lore-and-score">Doodling Clockwork in Lore and Score</a>, Dorothy Howard, Feral File</div> 566 <div class="entry"><span class="year">2019</span> &mdash; <a href="https://soundcloud.com/theartword/9-jeffrey-alan-scudder-on">On Radical Digital Painting</a>, The Artword Podcast</div> 567 <div class="entry"><span class="year">2019</span> &mdash; <a href="https://thecreativeindependent.com/weekends/drawing-is-the-best-videogame-by-jeffrey-alan-scudder">Drawing is the best videogame</a>, The Creative Independent</div> 568 <div class="entry"><span class="year">2018</span> &mdash; <a href="https://www.are.na/blog/podcast/2018/09/25/radical-digital-painting.html">Radical Digital Painting &amp; Political Rock</a>, Are.na Blog</div> 569 <div class="entry"><span class="year">2018</span> &mdash; Harvard Advocate, Winter 2018, Noise</div> 570 <div class="entry"><span class="year">2017</span> &mdash; <a href="https://rhizome.org/editorial/2017/dec/05/Artist-Profile-Jeffrey-Alan-Scudder">Rhizome Artist Profile: Jeffrey Alan Scudder (Jeffrey Heart)</a></div> 571 <div class="entry"><span class="year">2017</span> &mdash; <a href="https://schloss-post.com/manifesto-radical-digital-painting">A Manifesto for Radical Digital Painting</a>, Schlosspost</div> 572 <div class="entry"><span class="year">2017</span> &mdash; <a href="https://www.artsy.net/article/artsy-editorial-microsoft-paints-influence-artists-bigger">Microsoft Paint's Influence on Artists Is Bigger Than You Might Think</a>, Artsy</div> 573 </section> 574 575 <section class="cv-list"> 576 <h2>Lectures, Conferences &amp; Performances</h2> 577 <div class="entry"><span class="year">2025</span> &mdash; Talk @ El Cid, Los Angeles, CA</div> 578 <div class="entry"><span class="year">2020</span> &mdash; New Dynamic Graphics: Whistlegraph Recital @ Korea HCI 2020</div> 579 <div class="entry"><span class="year">2019</span> &mdash; New Dynamic Graphics @ India HCI 19, Hyderabad, India</div> 580 <div class="entry"><span class="year">2019</span> &mdash; VJ @ Internet Archive's World Night Market w/ Patrick Vogel, San Francisco</div> 581 <div class="entry"><span class="year">2019</span> &mdash; RDP @ SF Art Book Fair w/ Alex Freundlich</div> 582 <div class="entry"><span class="year">2019</span> &mdash; RDP &amp; VJ @ Internet Archive's DWeb Camp w/ Alex Freundlich</div> 583 <div class="entry"><span class="year">2019</span> &mdash; RDP @ Yale &mdash; IEEE GEM Conference</div> 584 <div class="entry"><span class="year">2019</span> &mdash; <a href="http://www.raflost.is/jeffrey-alan-scudder">RDP @ RAFLOST Festival, Iceland</a></div> 585 <div class="entry"><span class="year">2019</span> &mdash; <a href="https://www.youtube.com/watch?v=xZMsXPgg_9U">Radical Digital Painting w/ Ella Fleck (650mAh) @ Weber State University</a></div> 586 <div class="entry"><span class="year">2019</span> &mdash; <a href="https://www.instagram.com/p/BtY342PFPpO">Island Crisis w/ Artur Erman, San Juan, PR</a></div> 587 <div class="entry"><span class="year">2019</span> &mdash; <a href="https://day.processing.org/pcd-la-tracks.html">Radical Pedagogy I &mdash; Flower Eater Drawing Workshop @ Processing Community Day, LA</a></div> 588 <div class="entry"><span class="year">2018</span> &mdash; <a href="https://media.ccc.de/v/35c3-9774-radical_digital_painting">RDP (JAS on Paper), 35c3: Chaos Communication Congress, Leipzig</a></div> 589 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper), The House on Sunset, Los Angeles, CA</div> 590 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper), 1 Thoresby St. w/ Leon Sadler, Nottingham, UK</div> 591 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ GP&amp;PLS, Centrala, Birmingham, UK</div> 592 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ GP&amp;PLS, Colchester Arts Center, Colchester, UK</div> 593 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ GP&amp;PLS, Cafe OTO, London, UK</div> 594 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper), Gazelli Art House, London, UK</div> 595 <div class="entry"><span class="year">2018</span> &mdash; <a href="https://www.youtube.com/watch?v=ndz-co7Xpn8">RDP (JAS on Paper), Digital Painting Class, Sibelius Academy, Helsinki</a></div> 596 <div class="entry"><span class="year">2018</span> &mdash; <a href="http://650mah.com/drawing-is-the-best-videogame.html">RDP (Drawing is the Best Videogame), Hove, UK</a></div> 597 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) Yale School of Art (Painting), New Haven, CT</div> 598 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) generate!_lab meets Querfeldein, Tubingen, Germany</div> 599 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) One Night in Club Danger, curated by Taissa Fromme, Apolda, Germany</div> 600 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) Bauhaus University: Arts, Weimar, Germany</div> 601 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ GP&amp;PLS (Rowan van As) Serendip Festival, Paris</div> 602 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) Klasse Digitale Grafik | HFBK, Hamburg, Germany</div> 603 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) Exploration Laboratory @ Sibelius Academy, Helsinki</div> 604 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) Jan van Eyck Academie, Maastricht, Holland</div> 605 <div class="entry"><span class="year">2018</span> &mdash; Radical Digital Painting &amp; Political Rock @ Erratum Galerie, Berlin</div> 606 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ Goodiepal &amp; Pals, Kammer-Pop, Hamburg</div> 607 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ Goodiepal &amp; Pals, Dans for voksne, Oslo</div> 608 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ Dalin, Rowan &amp; Ben, Open Forum, Oslo National Academy of the Arts</div> 609 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) @ Royal Institute of Art, Stockholm</div> 610 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) @ Estonian Academy of Arts, Tallinn</div> 611 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ GP&amp;PLS, dodo.org HarFest, Helsinki</div> 612 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ GP&amp;PLS, Mayhem, Copenhagen</div> 613 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) Det Jyske Kunstakademi, Aarhus, Denmark</div> 614 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ Goodiepal &amp; Pals, Louisiana Museum Literature Festival</div> 615 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ Goodiepal &amp; Pals, KUNSTHAL AARHUS</div> 616 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ Goodiepal &amp; Pals, Spanien 19C, Aarhus</div> 617 <div class="entry"><span class="year">2018</span> &mdash; RDP (JAS on Paper) w/ Goodiepal &amp; Pals, West Germany Venue, Berlin</div> 618 <div class="entry"><span class="year">2018</span> &mdash; RDP @ Headquarters, Asheville, NC</div> 619 <div class="entry"><span class="year">2018</span> &mdash; <a href="https://www.instagram.com/p/BlTvNt-BJQ5DbNzzsEGyegK0-f4Uz7O1MwEAB80/?taken-by=justanothersystem">RDP @ Pioneer Works, Brooklyn, NY</a></div> 620 <div class="entry"><span class="year">2018</span> &mdash; <a href="https://www.youtube.com/watch?v=Up2-myTEviE">RDP Malibu w/ Matty Mo, Malibu, CA</a></div> 621 <div class="entry"><span class="year">2018</span> &mdash; RDP Lecture @ Johannes Vogt Gallery, NYC</div> 622 <div class="entry"><span class="year">2018</span> &mdash; RDP (x2) @ RISD Foundations w/ Travess Smalley's students, Providence, RI</div> 623 <div class="entry"><span class="year">2018</span> &mdash; RDP @ UC Santa Barbara, Santa Barbara, CA</div> 624 <div class="entry"><span class="year">2018</span> &mdash; <a href="https://www.facebook.com/events/2058744684449454">In conversation | on drawing, animation, and coding systems, makeroom.la, LA</a></div> 625 <div class="entry"><span class="year">2018</span> &mdash; RDP @ Harvard Advocate's Noise Launch Party, Boston, MA</div> 626 <div class="entry"><span class="year">2018</span> &mdash; RDP @ SUNY Purchase, NY</div> 627 <div class="entry"><span class="year">2018</span> &mdash; <a href="https://www.facebook.com/events/1901578033465958">Casey Reas &amp; Jeffrey Alan Scudder in Conversation, bitforms gallery, NYC</a></div> 628 <div class="entry"><span class="year">2018</span> &mdash; <a href="https://www.youtube.com/watch?v=533s7uZ35rQ">RDP @ 1st Annual HASH Award, ZKM, Karlsruhe</a></div> 629 <div class="entry"><span class="year">2018</span> &mdash; RDP @ Coaxial Arts in LA</div> 630 <div class="entry"><span class="year">2017</span> &mdash; <a href="https://justanothersystem.org">Radical Digital Painting Northeast US Lecture Tour w/ JAS Team</a> (Parsons, Victoria's Basement, Rutgers, RISD, UMASS, Harvard, Temple University, Baltimore, Yale, Kimberly-Klark)</div> 631 <div class="entry"><span class="year">2017</span> &mdash; <a href="https://vimeo.com/230450728">RDP @ Cafe OTO, London</a></div> 632 <div class="entry"><span class="year">2017</span> &mdash; <a href="https://youtu.be/9Ry0Dwa-gbA">RDP @ RBABARRAB, Copenhagen</a></div> 633 <div class="entry"><span class="year">2017</span> &mdash; <a href="http://neumeisterbaram.com/event/jeffrey-alan-scudder-radical-digital-painting">RDP @ Neumeister Bar-Am, Berlin</a></div> 634 <div class="entry"><span class="year">2017</span> &mdash; RDP @ GIPHY's TIME_FRAME Exhibition</div> 635 <div class="entry"><span class="year">2017</span> &mdash; <a href="https://youtu.be/_5YLPA_3l2I">Radical Digital Painting @ Oberlin College</a></div> 636 <div class="entry"><span class="year">2017</span> &mdash; <a href="https://youtu.be/OAtstjg7owU">JAS: In The Grid @ Babycastles, New York</a></div> 637 <div class="entry"><span class="year">2016</span> &mdash; Explained Pictures Basement Show &mdash; Victoria Sobel's Basement, Brooklyn, NY</div> 638 <div class="entry"><span class="year">2016</span> &mdash; <a href="https://www.youtube.com/watch?v=Zf-COj81KYw">Explained Pictures, The New School, New York</a></div> 639 <div class="entry"><span class="year">2016</span> &mdash; Guest Lecturer: Projects Class, Cooper Union, New York</div> 640 <div class="entry"><span class="year">2015</span> &mdash; <a href="http://aigany.org/event/history-of-the-web-part-2">History of the Web Part II, AIGA/NY, New York</a></div> 641 <div class="entry"><span class="year">2015</span> &mdash; <a href="http://ieee-gem.org">Arts Panel, IEEE GEM Conference, Toronto, Canada</a></div> 642 </section> 643 644 <section class="cv-list"> 645 <h2>Solo Exhibitions</h2> 646 <div class="entry"><span class="year">2022</span> &mdash; <a href="https://feralfile.com/exhibitions/ten-whistlegraphs-thv">Ten Whistlegraphs</a>, Feral File (w/ Whistlegraph)</div> 647 <div class="entry"><span class="year">2018</span> &mdash; Radical Digital Painting: Los Angeles, The Newsstand Project &amp; CAP, Los Angeles, CA</div> 648 <div class="entry"><span class="year">2017</span> &mdash; <a href="https://left.gallery/tumpin">Tumpin</a>, left.gallery, Online</div> 649 <div class="entry"><span class="year">2017</span> &mdash; <a href="https://youtu.be/EvtZbcvuV48">Imaginary Screenshots</a>, Whitcher Projects, Los Angeles, CA</div> 650 <div class="entry"><span class="year">2016</span> &mdash; <a href="http://www.essexflowers.us/commissions/jeffreyscudder/">No Paint: Release One</a>, Essex Flowers (Digital Commission), Website</div> 651 <div class="entry"><span class="year">2016</span> &mdash; <a href="http://screen-space.info">What do we see when we close our eyes?</a>, SCREEN_, Email</div> 652 <div class="entry"><span class="year">2013</span> &mdash; <a href="http://parallelograms.info/78-JS">Attn: Trap</a>, Parallelograms, World Wide Web</div> 653 <div class="entry"><span class="year">2008</span> &mdash; Open Your Heart To Me, Crossley Gallery, Sarasota, FL</div> 654 </section> 655 656 <section class="cv-list"> 657 <h2>Group Exhibitions</h2> 658 <div class="entry"><span class="year">2026</span> &mdash; 47th Venice Family Clinic Art Exhibition + Auction, 910 Abbot Kinney Blvd, Venice, CA</div> 659 <div class="entry"><span class="year">2025</span> &mdash; Turbo Cheap (inaugural exhibition), Los Angeles, CA</div> 660 <div class="entry"><span class="year">2019</span> &mdash; <a href="https://blog.archive.org/2019/06/22/the-internet-archives-2019-artist-in-residency-exhibition">Internet Archive Artist in Residency Exhibition</a></div> 661 <div class="entry"><span class="year">2018</span> &mdash; <a href="http://www.650mah.com/drawings.html">drawings</a>, 650mAh</div> 662 <div class="entry"><span class="year">2018</span> &mdash; INTENTIONS BASED ON A FUTURE WHICH HAS ALREADY HAPPENED (curated by Alex Corbett), Naming Gallery, Oakland, CA</div> 663 <div class="entry"><span class="year">2018</span> &mdash; Radical Digital Painting w/ Julia Yerger, Johannes Vogt Gallery, NYC</div> 664 <div class="entry"><span class="year">2018</span> &mdash; OPEN CODES (Schloss Solitude Web Residencies), ZKM, Karlsruhe</div> 665 <div class="entry"><span class="year">2017</span> &mdash; <a href="http://february.today/drawinghomework">drawinghomework.net Presents</a>, February Gallery, Austin, TX</div> 666 <div class="entry"><span class="year">2017</span> &mdash; <a href="http://neumeisterbaram.com/exhibition/newdawn">New Dawn</a>, Neumeister Bar-Am, Berlin</div> 667 <div class="entry"><span class="year">2017</span> &mdash; <a href="http://konstanet.com">Coping Copy</a>, Konstanet, Online</div> 668 <div class="entry"><span class="year">2016</span> &mdash; Becoming That, becomingthat.com, curated by Levi Easterbrooks, Online</div> 669 <div class="entry"><span class="year">2016</span> &mdash; <a href="http://www.drawinghomework.net/jeffrey.html">Drawing Homework</a>, Online</div> 670 <div class="entry"><span class="year">2015</span> &mdash; VIDEO MIXER, Yale School of Art, New Haven, CT</div> 671 <div class="entry"><span class="year">2015</span> &mdash; P.S.1 Commencement, ALLGOLD @ MoMA PS1 Printshop, Long Island City, NY</div> 672 <div class="entry"><span class="year">2015</span> &mdash; RENDER SERIES (3), ALLGOLD @ MoMA PS1 Printshop, Long Island City, NY</div> 673 <div class="entry"><span class="year">2015</span> &mdash; Clorox/Envy, STILL HOUSE GROUP, Brooklyn, NY</div> 674 <div class="entry"><span class="year">2013</span> &mdash; 'Toonskin, Artspace, New Haven, CT</div> 675 <div class="entry"><span class="year">2013</span> &mdash; APARTMENT SHOW &mdash; Hosted by Nouriel Roubini, Nouriel Roubini's Apartment, New York, NY</div> 676 <div class="entry"><span class="year">2013</span> &mdash; Yale Sculpture MFA Thesis Exhibition, Yale School of Art, New Haven, CT</div> 677 <div class="entry"><span class="year">2013</span> &mdash; "Now that I have your attention, what do I do with it?", New York Studio Program, Brooklyn, NY</div> 678 <div class="entry"><span class="year">2012</span> &mdash; 3rd Floor, The New Haven Business Center, New Haven, CT</div> 679 <div class="entry"><span class="year">2012</span> &mdash; MFA 2013 Second Year Show, Yale School of Art, New Haven, CT</div> 680 <div class="entry"><span class="year">2011</span> &mdash; Frais Peint MFA 2013 First Year Show, Yale School of Art, New Haven, CT</div> 681 <div class="entry"><span class="year">2011</span> &mdash; 1408: Group Show, 1408 Art Space (Joint Collective), Sarasota, FL</div> 682 <div class="entry"><span class="year">2011</span> &mdash; Fine Arts BFA Thesis Exhibition, Crossley Gallery, Sarasota, FL</div> 683 <div class="entry"><span class="year">2011</span> &mdash; SURPLUS, curated by RCAD Senior Thesis Class, Sarasota, FL</div> 684 <div class="entry"><span class="year">2011</span> &mdash; Best of Ringling (President's Award), curated by Chie Fueki, RCAD, Sarasota, FL</div> 685 <div class="entry"><span class="year">2011</span> &mdash; NUGENT &middot; PHILLIPS &middot; SCUDDER &mdash; Compulsory Thesis Exhibition, Crossley Gallery, Sarasota, FL</div> 686 <div class="entry"><span class="year">2010</span> &mdash; Best of Ringling 2010, curated by Jay Davis, RCAD, Sarasota, FL</div> 687 <div class="entry"><span class="year">2009</span> &mdash; Advanced Drawing, with Bradley Wester's Junior Advanced Drawing, Crossley Gallery, Sarasota, FL</div> 688 <div class="entry"><span class="year">2009</span> &mdash; OPEN, with Bradley Wester's Fine Arts Painting III, Crossley Gallery, Sarasota, FL</div> 689 <div class="entry"><span class="year">2009</span> &mdash; no ones little grr, with Jenny Vu and Sarah Valdez, Crossley Gallery, Sarasota, FL</div> 690 <div class="entry"><span class="year">2009</span> &mdash; The New Easy, curated by Lars Eijssen, Artnews Projects, Berlin</div> 691 <div class="entry"><span class="year">2009</span> &mdash; No Bad Memories, with the NYSP class of Spring 2009, New York Studio Program, Brooklyn, NY</div> 692 <div class="entry"><span class="year">2008</span> &mdash; Best of Ringling 2008 (Juror's Award), curated by Dominique Nahas, RCAD, Sarasota, FL</div> 693 <div class="entry"><span class="year">2008</span> &mdash; Realia, curated by Kayla Carlson, Big E's, Sarasota, FL</div> 694 </section> 695 696 <section class="cv-list"> 697 <h2>Residencies</h2> 698 <div class="entry"><span class="year">2026</span> &mdash; Author in Residence, UCLA Social Software (Casey Reas), Los Angeles, CA</div> 699 <div class="entry"><span class="year">2018</span> &mdash; <a href="http://gazell.io/author/jeffreyas">Gazell.io Art House Web Residency</a></div> 700 <div class="entry"><span class="year">2017</span> &mdash; <a href="https://tenminutepainting.com">Schloss-Post Web Residencies No. 2</a> by Solitude &amp; ZKM</div> 701 </section> 702 703 <section class="cv-list"> 704 <h2>Curated Exhibitions</h2> 705 <div class="entry"><span class="year">2018</span> &mdash; <a href="http://www.bitforms.com/exhibitions/exhibition-history/make-pictures/make-pictures-2018">Make Pictures</a>, bitforms gallery, NYC</div> 706 <div class="entry"><span class="year">2014</span> &mdash; Island Girl, Gordilloscudder, Brooklyn, NY</div> 707 <div class="entry"><span class="year">2013</span> &mdash; Interludes &amp; Remnants, Gordilloscudder, Brooklyn, NY</div> 708 </section> 709 710 <section class="cv-list"> 711 <h2>Workshops</h2> 712 <div class="entry"><span class="year">2019</span> &mdash; <a href="https://day.processing.org/pcd-la-tracks.html">Radical Pedagogy I &mdash; Flower Eater Drawing Workshop @ Processing Community Day, LA</a></div> 713 <div class="entry"><span class="year">2017</span> &mdash; Programming for Graphic Designers, Yale University School of Art, New Haven, CT</div> 714 </section> 715 716 <section class="cv-list"> 717 <h2>Teaching Experience</h2> 718 <div class="entry"><span class="year">2026</span> &mdash; Author in Residence, UCLA Social Software (Casey Reas), Los Angeles, CA</div> 719 <div class="entry"><span class="year">2024</span> &mdash; UCLA DMA Summer Section: Interactivity</div> 720 <div class="entry"><span class="year">2019</span> &mdash; Assistant Professor of Emerging Digital Practices, Southern Oregon University, Ashland, OR</div> 721 <div class="entry"><span class="year">2017</span> &mdash; RDP Lecture &amp; Workshop, Yale University School of Art &mdash; Graphic Design, New Haven, CT</div> 722 <div class="entry"><span class="year">2016</span> &mdash; Visiting Professor, UCLA Digital Media Arts, Los Angeles, CA</div> 723 <div class="entry"><span class="year">2013&ndash;2016</span> &mdash; Adjunct Professor, Parsons New School for Design, New York, NY</div> 724 </section> 725 726 <section class="cv-list"> 727 <h2>Professional Experience</h2> 728 <div class="entry"><span class="year">2021</span> &mdash; Artist Mentor / Adviser, <a href="https://wild.xyz">wild.xyz</a>, San Francisco, CA</div> 729 <div class="entry"><span class="year">2017</span> &mdash; Technical Curator, GIPHY, New York, NY</div> 730 <div class="entry"><span class="year">2016</span> &mdash; Contractor, Kickstarter, Brooklyn, NY</div> 731 <div class="entry"><span class="year">2016</span> &mdash; Contractor, New Art Dealers Association &amp; Linked by Air, New York, NY</div> 732 <div class="entry"><span class="year">2013&ndash;2014</span> &mdash; Linked by Air, New York, NY</div> 733 <div class="entry"><span class="year">2013&ndash;2014</span> &mdash; Partner &mdash; <a href="http://gordilloscudder.com">Gordilloscudder gallery</a>, New York, NY</div> 734 <div class="entry"><span class="year">2013</span> &mdash; Programmer &mdash; allmyfriendsatonce.com, New York, NY</div> 735 <div class="entry"><span class="year">2012&ndash;2013</span> &mdash; Web Development &mdash; New York &amp; Los Angeles Art Book Fair, Printed Matter, New York, NY</div> 736 <div class="entry"><span class="year">2012</span> &mdash; Teaching Assistant for Johannes DeYoung, Yale School of Art, New Haven, CT</div> 737 <div class="entry"><span class="year">2012</span> &mdash; art.yale.edu Student Administrator, Yale School of Art, New Haven, CT</div> 738 <div class="entry"><span class="year">2012</span> &mdash; Checkout Assistant &mdash; Digital Media Center for the Arts, Yale University, New Haven, CT</div> 739 <div class="entry"><span class="year">2011</span> &mdash; Studio Assistant &mdash; Nathan Skiles, Sarasota, FL</div> 740 <div class="entry"><span class="year">2010</span> &mdash; Children's Activity Programmer &mdash; Travels With Max Books, Naples, FL</div> 741 <div class="entry"><span class="year">2010</span> &mdash; Information Technology Assistant &mdash; Ringling College of Art + Design, Sarasota, FL</div> 742 <div class="entry"><span class="year">2009</span> &mdash; Gallery Assistant &mdash; Ringling College of Art + Design, Sarasota, FL</div> 743 <div class="entry"><span class="year">2007</span> &mdash; Dishwasher &mdash; The Perch Restaurant, Denali, AK</div> 744 <div class="entry"><span class="year">2004&ndash;2006</span> &mdash; Boys Gymnastics Coach &mdash; East Bay Gymnastics, Bristol, RI</div> 745 </section> 746 747 <footer class="no-print"> 748 <a href="/">justanothersystem.org</a> 749 </footer> 750 751 </div> 752 753 <script> 754 (function () { 755 const kbAnims = ['kb-zoom-center', 'kb-zoom-in', 'kb-zoom-out']; 756 const duration = 8000; // ms per slide 757 const fadeDuration = 1200; // ms (matches CSS transition) 758 const slideshow = document.getElementById('heroSlideshow'); 759 if (!slideshow) return; 760 const slides = Array.from(slideshow.querySelectorAll('img')); 761 let current = 0; 762 763 function applyKenBurns(img, animName) { 764 img.style.animation = 'none'; 765 img.offsetHeight; // force reflow to restart animation 766 img.style.animation = `${animName} ${duration + fadeDuration}ms ease-in-out both`; 767 } 768 769 // Start first slide — no fade from black 770 slides[0].style.transition = 'none'; 771 slides[0].classList.add('active'); 772 slides[0].offsetHeight; // force paint 773 slides[0].style.transition = ''; 774 applyKenBurns(slides[0], kbAnims[0]); 775 776 setInterval(function () { 777 const prev = current; 778 current = (current + 1) % slides.length; 779 const animName = kbAnims[current % kbAnims.length]; 780 781 slides[prev].classList.remove('active'); 782 applyKenBurns(slides[current], animName); 783 slides[current].classList.add('active'); 784 }, duration); 785 })(); 786 </script> 787</body> 788</html>