Processing: P5 (JavaScript)-Tutorials

Heute sind mir fünf Tutorials zu P5.js, dem JavaScript-Mode von Processing untergekommen, die Kelly Lougheed geschrieben hat und die ein breites Spektrum von Anwendungen abdecken, die auch noch Spaß machen. Daher möchte ich sie Euch nicht vorenthalten:

• Make Your First Game with p5.js! p5.js is great for making art … and games! In this beginner-friendly tutorial, you’ll make a basic but very cool game where you click on a constantly-moving, color-changing circle to earn points.

• Rainbow Paintbrush in p5.js: This tutorial will show you how to make a paint canvas in p5.js with a rainbow brush (and keyboard controls)! Written for a session at CC Fest LA, this tutorial is geared towards those new to p5.js but familiar with basic coding concepts (functions, variables, conditionals).

• JavaScript Pong with p5.js: All you need for a pong game is a rectangle, an ellipse, and a little animation. p5.js supplies all of those! With some extra code to make the ball bounce off the walls and the paddle, we can make a single-player pong game.

• Sunsets and Shooting Stars in p5.js: This beginner-friendly tutorial will teach you how to paint a sunset scene on p5.js using gradients, loops, arrays, and objects!

• Instagram Filters with JavaScript (p5.js): This tutorial is based on a workshop given by Cassie Tarakajian at CC Fest LA in 2017. Since this tutorial is web-based, there is no need for a cell phone.

War sonst noch was? Ach ja, Emma Wedekind ist die Keynote- und PowerPoint-Präsentationen leid und versucht es einmal anders: »How To Build A Captivating Presentation Using HTML, CSS, & JavaScript«. Und im Kadenze Blog gibt es ein wunderschönes Interview mit der Multimedia-Künstlerin Yulia Lanina und Tips for builidng a stronger Game Design. [Photo (cc): Jörg Kantel]

(Kommentieren)