Getting Started with p5.js: Making Interactive Graphics in JavaScript and Processing

Book Description

With p5.js, you can think of your entire Web browser as your canvas for sketching with code!

Learn programming the fun way–by sketching with interactive computer graphics! Getting Started with p5.js contains techniques that can be applied to creating games, animations, and interfaces. p5.js is a new interpretation of Processing written in JavaScript that makes it easy to interact with HTML5 objects, including text, input, video, webcam, and sound. Like its older sibling Processing, p5.js makes coding accessible for artists, designers, educators, and beginners.

Written by the lead p5.js developer and the founders of Processing, this book provides an introduction to the creative possibilities of today’s Web, using JavaScript and HTML.

With Getting Started with p5.js, you’ll:

• Quickly learn programming basics, from variables to objects
• Understand the fundamentals of computer graphics
• Create interactive graphics with easy-to-follow projects
• Learn to apply data visualization techniques
• Capture and manipulate webcam audio and video feeds in the browser

Table of Contents

Chapter 1. Hello
Chapter 2. Starting to Code
Chapter 3. Draw
Chapter 4. Variables
Chapter 5. Response
Chapter 6. Translate, Rotate, Scale
Chapter 7. Media
Chapter 8. Motion
Chapter 9. Functions
Chapter 10. Objects
Chapter 11. Arrays
Chapter 12. Data
Chapter 13. Extend
Appendix A. Coding Tips
Appendix B. Order of Operations
Appendix C. Variable Scope

中文：

书名：Getting Started with p5.js: Making Interactive Graphics in JavaScript and Processing

使用p5.js，您可以将整个Web浏览器视为使用代码绘制草图的画布！

通过使用交互式计算机图形绘制草图，学习有趣的编程方式！P5.js入门包含可应用于创建游戏、动画和界面的技术。P5.js是对用JavaScript编写的处理的新解释，它使得与HTML5对象交互变得容易，包括文本、输入、视频、网络摄像头和声音。与其较老的兄弟处理一样，p5.js使艺术家、设计人员、教育工作者和初学者可以使用编码。

这本书由主要的p5.js开发人员和Processing的创始人撰写，介绍了当今Web使用JavaScript和HTML的创造性可能性。

使用p5.js入门后，您将：

• 快速学习从变量到对象的编程基础知识
• 了解计算机图形学的基础知识
• 使用易于操作的项目创建交互式图形
• 学习应用数据可视化技术
• 在浏览器中捕获和操作网络摄像头音频和视频提要

Table of Contents

Chapter 1. Hello
第2章：开始编写代码
Chapter 3. Draw
Chapter 4. Variables
Chapter 5. Response
Chapter 6. Translate, Rotate, Scale
Chapter 7. Media
Chapter 8. Motion
第九章.职能
Chapter 10. Objects
Chapter 11. Arrays
Chapter 12. Data
Chapter 13. Extend
附录A.编码提示
附录B.作业顺序
附录C.变量范围