Lineflow is a tool for making animated single line drawings.
It was built for an MIT museum exhibit.
It's intended to be used with a pen plotter like the Hack Club Blot
First draw a single line drawing in the app.
You must start in the left red dot and end in the right red dot.
![Screenshot 2023-12-14 at 3 01 43 PM](https://private-user-images.githubusercontent.com/27078897/290642364-349afdd0-7447-4d55-8dbc-1e777b8da730.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE2MDczMDQsIm5iZiI6MTcxMTYwNzAwNCwicGF0aCI6Ii8yNzA3ODg5Ny8yOTA2NDIzNjQtMzQ5YWZkZDAtNzQ0Ny00ZDU1LThkYmMtMWU3NzdiOGRhNzMwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwMzI4VDA2MjMyNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTViNmI4ZWVlYzUxMmJlNGVkZjgyNjNlZTk4MTY2MGRlMWM5MTdmZmY0OWUzYWEwYmIzMzUxODI2MTE0MTZjYjUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RDZePf7WGvm_jTfOLrWfSmhnssbmSOschSAmSLzX31o)
Hit Animate
![Screenshot 2023-12-14 at 2 56 37 PM](https://private-user-images.githubusercontent.com/27078897/290642309-e3c089e8-357b-4285-ad06-1e3a18c9889f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE2MDczMDQsIm5iZiI6MTcxMTYwNzAwNCwicGF0aCI6Ii8yNzA3ODg5Ny8yOTA2NDIzMDktZTNjMDg5ZTgtMzU3Yi00Mjg1LWFkMDYtMWUzYTE4Yzk4ODlmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwMzI4VDA2MjMyNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM0MDdmMTlmMWE5MzgzOGE1MGVjOGU3ZjM4Zjk4NzhhZjJhNjYyNzUxNjBlMDhhZDBlOGMwNDg2YmJmOTRiNzAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.qB7bY_O3Zxoj-RYYLtPJGhOWiG13slVv94mdWubKIvc)
Copy the path by clicking the path button to open the text window.
![Screenshot 2023-12-14 at 2 56 46 PM](https://private-user-images.githubusercontent.com/27078897/290642291-6f525700-33ec-45ab-b844-aa97690eb8e2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE2MDczMDQsIm5iZiI6MTcxMTYwNzAwNCwicGF0aCI6Ii8yNzA3ODg5Ny8yOTA2NDIyOTEtNmY1MjU3MDAtMzNlYy00NWFiLWI4NDQtYWE5NzY5MGViOGUyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwMzI4VDA2MjMyNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg5YjVlNzhlY2JkZjI3YjRmODc5YjY3NTU0YzdiZWJjNjE2ZjI2YTFhMmU4YTNmNDI0YWM5ZGU4YmYwNzNhYTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.FI_9-E093U46zSmkeTI7Whlpn3n2I1LAlRuhbTKUOAI)
Paste the path into the blot script given in examples/blot.js
.
![Screenshot 2023-12-14 at 3 02 02 PM](https://private-user-images.githubusercontent.com/27078897/290642511-50e219ef-3cf6-44d2-9ab2-91661ab2d666.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE2MDczMDQsIm5iZiI6MTcxMTYwNzAwNCwicGF0aCI6Ii8yNzA3ODg5Ny8yOTA2NDI1MTEtNTBlMjE5ZWYtM2NmNi00NGQyLTlhYjItOTE2NjFhYjJkNjY2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDAzMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwMzI4VDA2MjMyNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI2NjVkODYzMGZmMTI2NTIxOGQ3OGJkOTQ5ZjU4YjFhYzc5Nzk2MmU3Y2JmYzlhNTFjZGFiOTk4N2I3MTQxYjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.r2GBlKIA3p9c-ttQPxZFE045zcBuKisOLEtL3LTPtuM)
Plot it out.