1.5: How to upload your sketch - p5.js Tutorial

TL;DR

Learn how to upload and share p5 sketches online using FTP software and a server URL.

Transcript

Hi! So I am here and I am making a video. And what I would like to try to do in this video is demonstrate uploading a p5 sketch from your laptop to a server so that other people can go to their own web browsers, type in some URL, and see the marvellous, wonderful work that you have done! So, before I go to the computer and demonstrate steps what ... Read More

Key Insights

• 📚 Understanding the process of uploading a p5 sketch involves creating essential files like sketch.js, index.html, and including libraries such as p5.js for functionality.
• 🛟 Using FTP software like Cyberduck simplifies the file transfer process to the server, ensuring a smooth upload and access to the p5 sketch online.
• 📁 The server's public directory, like "public_html," houses the files that are viewable online via a unique URL, making the uploaded p5 sketch accessible to others.

Questions & Answers

Q: Why is it necessary to upload a p5 sketch to a server?

Uploading a p5 sketch to a server allows others to view your work online by accessing a unique URL, enabling easy sharing and showcasing of your creations.

Q: How can one set up the necessary files for uploading a p5 sketch?

Creating key files like sketch.js for JavaScript code and index.html for the core html file is essential, along with including libraries like p5.js to ensure proper functionality on the server.

Q: What role does FTP software play in the process of uploading a p5 sketch?

FTP software such as Cyberduck facilitates the transfer of files from a local machine to the server, ensuring smooth and secure uploading of all necessary components for the p5 sketch to be accessed online.

Q: What steps are involved in accessing and viewing the uploaded p5 sketch?

By obtaining the server URL, creating the required files, and using FTP software to upload them, users can easily share and showcase their p5 sketches online for others to view and appreciate.

Summary & Key Takeaways

• Demonstrates the process of uploading a p5 sketch from a laptop to a server for online viewing.

• Explains the importance of having a server and creating the necessary files such as sketch.js and index.html.

• Shows how to use FTP software like Cyberduck to transfer files and access the uploaded sketch via a unique URL.