Processing Language(Level-3): Interactions(mouse and keyboard interactions, sound), Web programming usin P5.js

Processing language for Interactions

We have learned how to draw a static image and dynamic images using Processing. Now it is time to interact with the contents using keyboards, mouse, other hardwares, et al. As I told you in the first class, Processsing language is for media artist. So INTERACTION is the most important and funny part.

Let's see this page: https://processing.org/reference/#input


Session #1: Mouse

  • try to draw interactive arts
    • mouseX, mouseY, mousePressed, ...


Session #2: Keyboard

https://www.pixilart.com/



Session #3: Sound



p5.js for web

First you need to know about p5.js.

https://p5js.org/learn/


There are some differences between p5.js and processing. See explanations and examples on the pages below.

https://github.com/processing/p5.js/wiki/Processing-transition


Comments

Post a Comment

Popular posts from this blog

Processing Language(Level-1): Game Coding.

Image
New to computer programming? This is a study material for people who are new to programming.  This is a step to familiarize yourself with programming concepts before studying the Processing programming language. Introduction to computer programming. [YOU NEED] Chrome Web Browser Curiosity to learn programming Blockly.games: for fun , before we get into serious programming: https://blockly.games Scratch language: Scratch is a high-level block-based visual programming language and website targeted primarily at children 8–16 as an educational tool for programming [wikipedia]. https://scratch.mit.edu some more if you want to do: https://code.org Logo language Logo is an educational programming language, designed in 1967 [wikipedia]. https://www.calormen.com/jslogo want to know Logo commands in detail? https://en.wikipedia.org/wiki/MSWLogo [PRACTICE]  make a SQAURE in any size make a EQUI-LATERAL TRIANGLE and a Star in any size Practice KEYBOARD typing at least 5 minutes each ...
Read more

Python (Level-3): Data Types

Image
Important Primitive Data Types. Python provides a wide variety of primitive data types.  Among them, data types such as List, Tuple, Dictionary, and Set are the most essential parts of Python. - String,  List, Tuple, Dictionary, and Set String(in detail) Let's have a look the string data type in detail 5. Let's take a look at String data type in detail. String data types is really important because chatting is done through words(writing). Let's study followings. - string literals - string formatting - string operations string data type_1 Let's take a closer look at the indexing of strings. string data type_2 Let's take a look at string-related member functions. - It's about a 'class' you haven't learned yet, but... string data type_3 - This is a class-related explanation, but the function has not yet been explained in detail... so it can be a little difficult to understand. Let's remember one thing. - In Python, everything is an object, followe...
Read more