Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Processing 2: Creative Programming Cookbook

You're reading from   Processing 2: Creative Programming Cookbook

Arrow left icon
Product type Paperback
Published in Sep 2012
Publisher Packt
ISBN-13 9781849517942
Length 306 pages
Edition 1st Edition
Languages
Arrow right icon
Toc

Table of Contents (18) Chapters Close

Processing 2: Creative Programming Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
1. Getting Started with Processing 2 FREE CHAPTER 2. Drawing Text, Curves, and Shapes in 2D 3. Drawing in 3D–Lights, Camera, and Action! 4. Working with Data 5. Exporting from Processing 6. Working with Video 7. Audio Visualization 8. Exploring Computer Vision 9. Exploring JavaScript Mode 10. Exploring Android Mode 11. Using Processing with Other Editors Index

Creating your first Processing sketch for the Web


In this first recipe, we'll take a look at the new JAVASCRIPT mode. You'll learn about the differences between the STANDARD and the JAVASCRIPT modes.

Getting ready

The first thing you need to do is switch to JAVASCRIPT mode. You already know how to do this, as you've learned about it a while ago. If you can't remember, go take a look at the Switching modes recipe in Chapter 1, Getting Started with Processing 2.

How to do it...

Once you're in JAVASCRIPT mode, type the following code in the editor. This is just a basic sketch with a line that runs around the screen. You should be able to understand the code.

float x, y;
float prevX, prevY;
  
void setup()
{
  size( 640, 480 );
  smooth();
  background( 0 );
  
  x = random( width );
  y = random( height );
  prevX = x + random( -10, 10 );
  prevY = y + random( -10, 10 );
}
  
void draw()
{
  stroke( random( 192 ) );
  strokeWeight( 1 );
  line( x, y, prevX, prevY );
  
  prevX = x;
  prevY = y;...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image