Stackathon Presentation: Evo-pearl

Channel:
United States Fullstack Academy
Subscribers:
58,000
Published on ● Video Link: https://www.youtube.com/watch?v=jVEZfcKq1J4


Duration: 3:46
116 views
0

Maria Xia built Evo-Pearl in order to put genetic algorithms to the test of painting a picture. Inspired by Roger Alsing's "Evo-Lisa," which uses a modified genetic algorithm (or hill-climbing algorithm) to evolve a set of polygons (max 50) to resemble the Mona Lisa, "Evo-pearl" translates the idea to Javascript, and takes Vermeer's "The Girl with the Pearl Earring" as its muse.

Using Paper.js to draw and animate on HTML Canvas, Evo-Pearl animates the evolution of successive generations of "solutions," (in this case, groups of polygons) as it strives to resemble the source image. Each new generation modifies polygons and runs a pixel-by-pixel comparison between the rasterized vector drawing and the source.

----

Fullstack Academy was recently ranked the #1 coding bootcamp in the U.S. Learn more at https://www.fullstackacademy.com.



Other Videos By Fullstack Academy


2017-03-17Webpack Tutorial - How to Master Webpack
2017-03-17Understanding Generator Functions & Using Redux Saga
2017-03-17Reactive Programming Tutorial - How to use Observables in Reactive Programming
2017-03-17Ethereum Tutorial - JS Decentralized Apps with Ethereum
2017-03-17Tech Talk: Hacks In Video Games
2017-03-17How to reduce Lag - A Tutorial on Lag Compensation Techniques for Online Games
2017-03-17TypeScript Tutorial - Learn how to use TypeScript
2017-03-17Functor and Monad Tutorial - An Introduction to Functors and Monads in JavaScript
2017-03-17Pymetrics with Dr. Julie Yoo
2017-03-17Stackathon Presentation: Horizon
2017-03-17Stackathon Presentation: Evo-pearl
2017-03-17Stackathon Presentation: HumPoser: Mapping Hummed Notes to Digital Instrument Samples
2017-03-17Stackathon Presentation: Read Me
2017-03-17IBM Watson Tutorial - How Does IBM Watson Work
2017-03-17Stackathon Presentation: Tower Defense with only React, Redux, and CSS
2017-03-17NLP Tutorial - Natural Language Processing and Wit.ai
2017-03-17Webpack Tutorial - Learn How to Use Webpack
2017-03-17JavaScript Game Development Tutorial - How to Develop Games with JavaScript
2017-03-17CSS Modules Tutorial - A Quest for Peace and Sanity in CSS
2017-03-17JavaScript Engine Tutorial - How do JavaScript Engines Work
2017-03-17Flexbox Tutorial - A guide to Flexbox properties