--- title: Generating The Alphabet — Amy Goodchild | daily.dev description: The post discusses the process of creating a path-based alphabet for generative artwork using p5.js and JavaScript. It explains how the author defined the... canonical: https://daily.dev/posts/generating-the-alphabet-amy-goodchild-wacnaaskb twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Generating The Alphabet — Amy Goodchild | daily.dev og:description: The post discusses the process of creating a path-based alphabet for generative artwork using p5.js and JavaScript. It explains how the author defined the... og:url: https://daily.dev/posts/generating-the-alphabet-amy-goodchild-wacnaaskb og:image: https://api.daily.dev/og/posts/wACNaAsKb.png og:image:alt: Generating The Alphabet — Amy Goodchild og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Generating The Alphabet — Amy Goodchild **[Hacker News](https://daily.dev/sources/hn)** · 1 min read · 3 upvotes · 0 comments ## Summary The post discusses the process of creating a path-based alphabet for generative artwork using p5.js and JavaScript. It explains how the author defined the letters, smoothed out the paths using Chaikin's curve algorithm, and turned the paths into 2D shapes using the 'shapify' algorithm. The post also mentions various aesthetic edits that can be made to create different effects and provides details about the size of the letter class. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#generative-art](https://daily.dev/tags/generative-art) [View this post on daily.dev](https://daily.dev/posts/generating-the-alphabet-amy-goodchild-wacnaaskb) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Generating The Alphabet — Amy Goodchild","url":"https://daily.dev/posts/generating-the-alphabet-amy-goodchild-wacnaaskb","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/generating-the-alphabet-amy-goodchild-wacnaaskb"},"datePublished":"2024-03-15T12:38:40.195Z","dateModified":"2024-05-09T08:43:33.910Z","description":"The post discusses the process of creating a path-based alphabet for generative artwork using p5.js and JavaScript. It explains how the author defined the...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/ee4d51cf4ad26167f72d0e8f7ea13b1f?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/ee4d51cf4ad26167f72d0e8f7ea13b1f?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Hacker News","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Hacker News","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/hn","url":"https://daily.dev/sources/hn"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/generating-the-alphabet-amy-goodchild-wacnaaskb","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,javascript,generative-art","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Hacker News","item":"https://daily.dev/sources/hn"},{"@type":"ListItem","position":3,"name":"Generating The Alphabet — Amy Goodchild"}]} ```