Products
Features
YouTube Video Summarizer
Summarize YouTube videos
Web & PDF Highlighter
Highlight web pages & PDFs
Chat with PDF
Ask any PDF questions with AI
Ask AI Clone
Chat with your highlights & memories
Audio Transcriber
Transcribe audio files to text
Glasp Reader
Read and highlight articles
Kindle Highlight Export
Export your Kindle highlights
Idea Hatch
Hatch ideas from your highlights
Integrations
Obsidian Plugin
Notion Integration
Pocket Integration
Instapaper Integration
Medium Integration
Readwise Integration
Snipd Integration
Hypothesis Integration
Apps & Extensions
Chrome Extension
Safari Extension
Edge Add-ons
Firefox Add-ons
iOS App
Android App
Discover
Discover
Ideas
Discover new ideas and insights
Articles
Curated articles and insights
Books
Book recommendations by great minds
Posts
Essays and notes from readers
Quotes
Inspiring quotes collection
Videos
Curated videos and summaries
Explore Glasp
Glasp Newsletter
Weekly insights and updates
Glasp Talk
Interview series with great minds
Glasp Blog
Latest news and articles
Glasp Use Cases
Learn how others use Glasp
Build & Support
Glasp API
Access Glasp's API for developers
MCP Connector
Connect Glasp to Claude & ChatGPT
Community
Glasp Reddit Community
Students
Student discount and benefits
FAQs
Frequently Asked Questions
AboutPricing
DashboardLog inSign up

Coding Challenge #60: Butterfly Generator

51.2K views
•
February 27, 2017
by
The Coding Train
YouTube video player
Coding Challenge #60: Butterfly Generator

TL;DR

Learn how to generate butterfly wing patterns algorithmically using Perlin noise and trigonometry in p5.

Transcript

ah hello welcome to a coding challenge this coding challenge is called the moth wings butterfly wings coding challenge I'm going to look at how could we use what would be a technique to generate algorithmically the wings of a butterfly or the wings of a moth so this is inspired by a project by artist named Katy rose Pipkin I will include links to i... Read More

Key Insights

  • 😘 Inspiration from Katy Rose Pipkin's Moths Generator project led to the creation of algorithmic butterfly wings.
  • 😘 Symmetry, polar coordinates, and Perlin noise are essential techniques in generating unique wing patterns.
  • 😘 Animation effects using additional dimensions and frame counts bring movement to the butterfly wings.
  • 👨‍💼 The video demonstrates coding in p5.js, highlighting trigonometry functions like sine and cosine.
  • 😘 Experimenting with various parameters like noise values, resolution, and shape iterations can enhance the wing design.
  • ❓ Creative exploration and audience participation are encouraged to further develop the concept.
  • 😘 Considerations for color, design, and optimization offer opportunities for improved wing diversity.

Install to Summarize YouTube Videos and Get Transcripts

Explore YouTube Video Summarizer or Get YouTube Transcript Extractor

Questions & Answers

Q: What inspired the creation of algorithmically generated butterfly wings?

The project by artist Katy Rose Pipkin, the Moths Generator, where algorithmically generated moths are tweeted with images and names, inspired the creation of butterfly wings.

Q: How can polar coordinates and Perlin noise be used to create unique wing patterns?

Polar coordinates help generate shapes symmetrically, allowing for symmetrical wing patterns, while Perlin noise adds randomness for variation.

Q: What programming techniques were demonstrated in the video?

The video showcased coding in p5.js to utilize trigonometry, polar coordinates, Perlin noise, and animation to create algorithmically generated butterfly wings.

Q: How did the creator introduce additional dimensions to the Perlin noise for animation effects?

By adding a second dimension with the frame count, the butterfly wings were animated to flap and wiggle, enhancing the visual representation of the wings.

Summary & Key Takeaways

  • Artist Katy Rose Pipkin's Moths Generator project inspires the creation of algorithmically generated butterfly wings.

  • Using polar coordinates and Perlin noise, different wing patterns can be created.

  • The video demonstrates the process of coding in p5.js to generate animated and unique butterfly wings.


Read in Other Languages (beta)

English

Share This Summary 📚

Summarize YouTube Videos and Get Video Transcripts with 1-Click

Download browser extensions on:

Try YouTube Summary with ChatGPT & Claude or YouTube Transcript Generator

Explore More Summaries from The Coding Train 📚

Coding Train Live 186: Interactive Drawing with SketchRNN thumbnail
Coding Train Live 186: Interactive Drawing with SketchRNN
The Coding Train
Coding Challenge #116: Lissajous Curve Table thumbnail
Coding Challenge #116: Lissajous Curve Table
The Coding Train
Whoops! Errors in the p5.js Web Editor (1.5) thumbnail
Whoops! Errors in the p5.js Web Editor (1.5)
The Coding Train
How to Code and Visualize Worley Noise thumbnail
How to Code and Visualize Worley Noise
The Coding Train
Coding Challenge #85: The Game of Life thumbnail
Coding Challenge #85: The Game of Life
The Coding Train
4.5: Mastodon Bot - Streaming API thumbnail
4.5: Mastodon Bot - Streaming API
The Coding Train

Summarize YouTube Videos and Get Video Transcripts with 1-Click

Download browser extensions on:

Try YouTube Summary with ChatGPT & Claude or YouTube Transcript Generator

Apps & Extensions

  • Chrome Extension
  • Safari Extension
  • Edge Add-ons
  • Firefox Add-ons
  • iOS App
  • Android App

Key Features

  • YouTube Video Summarizer
  • Web & PDF Summarizer
  • Web & PDF Highlighter
  • Chat with PDF
  • Ask AI Clone
  • Audio Transcriber
  • Glasp Reader
  • Kindle Highlight Export
  • Idea Hatch

Integrations

  • Obsidian Plugin
  • Notion Integration
  • Pocket Integration
  • Instapaper Integration
  • Medium Integration
  • Readwise Integration
  • Snipd Integration
  • Hypothesis Integration

More Features

  • APIs
  • MCP Connector
  • Blog & Post
  • Embed Links
  • Image Highlight
  • Personality Test
  • Quote Shots

Company

  • About us
  • Blog
  • Community
  • FAQs
  • Job Board
  • Newsletter
  • Pricing
Terms

•

Privacy

•

Guidelines

© 2026 Glasp Inc. All rights reserved.