Cargando…
Getting started with p5.js : making interactive graphics in JavaScript and Processing /
Processing opened up the world of programming to artists, designers, educators, and beginners. The p5.js JavaScript implementation of Processing reinterprets it for today's web. This short book gently introduces the core concepts of computer programming and working with Processing. Written by t...
| Clasificación: | Libro Electrónico |
|---|---|
| Autores principales: | , , |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
San Francisco, CA :
Maker Media, Inc.,
2015.
|
| Edición: | First edition. |
| Temas: | |
| Acceso en línea: | Texto completo (Requiere registro previo con correo institucional) |
Tabla de Contenidos:
- Copyright; Table of Contents; Preface; How This Book Is Organized; Who This Book Is For; Conventions Used in This Book; Using Code Examples; Safari® Books Online; How to Contact Us; Acknowledgments; Chapter 1. Hello; Sketching and Prototyping; Flexibility; Giants; Family Tree; Join In; Chapter 2. Starting to Code; Environment; Download and File Setup; Your First Program; Example 2-1: Draw an Ellipse; Example 2-2: Make Circles; The Console; Making a New Project; Examples and Reference; Chapter 3. Draw; The Canvas; Example 3-1: Create a Canvas; Example 3-2: Draw a Point; Basic Shapes.
- Example 3-3: Draw a LineExample 3-4: Draw Basic Shapes; Example 3-5: Draw a Rectangle; Example 3-6: Draw an Ellipse; Example 3-7: Draw Part of an Ellipse; Example 3-8: Draw with Degrees; Example 3-9: Use angleMode; Drawing Order; Example 3-10: Control Your Drawing Order; Example 3-11: Put It in Reverse; Shape Properties; Example 3-12: Set Stroke Weight; Example 3-13: Set Stroke Attributes; Color; Example 3-14: Paint with Grays; Example 3-15: Control Fill and Stroke; Example 3-16: Draw with Color; Example 3-17: Set Transparency; Custom Shapes; Example 3-18: Draw an Arrow.
- Example 3-19: Close the GapExample 3-20: Create Some Creatures; Comments; Robot 1: Draw; Chapter 4. Variables; First Variables; Example 4-1: Reuse the Same Values; Example 4-2: Change Values; Making Variables; p5.js Variables; Example 4-3: Adjust the Canvas, See What Follows; A Little Math; Example 4-4: Basic Arithmetic; Repetition; Example 4-5: Do the Same Thing Over and Over; Example 4-6: Use a for Loop; Example 4-7: Flex Your for Loop's Muscles; Example 4-8: Fanning Out the Lines; Example 4-9: Kinking the Lines; Example 4-10: Embed One for Loop in Another; Example 4-11: Rows and Columns.
- Example 4-12: Pins and LinesExample 4-13: Halftone Dots; Robot 2: Variables; Chapter 5. Response; Once and Forever; Example 5-1: The draw() Function; Example 5-2: The setup() Function; Example 5-3: setup(), Meet draw(); Follow; Example 5-4: Track the Mouse; Example 5-5: The Dot Follows You; Example 5-6: Draw Continuously; Example 5-7: Set Thickness on the Fly; Example 5-8: Easing Does It; Example 5-9: Smooth Lines with Easing; Click; Example 5-10: Click the Mouse; Example 5-11: Detect When Not Clicked; Example 5-12: Multiple Mouse Buttons; Location; Example 5-13: Find the Cursor.
- Example 5-14: The Bounds of a CircleExample 5-15: The Bounds of a Rectangle; Type; Example 5-16: Tap a Key; Example 5-17: Draw Some Letters; Example 5-18: Check for Specific Keys; Example 5-19: Move with Arrow Keys; Touch; Example 5-20: Touch the Screen; Example 5-21: Track the Finger; Map; Example 5-22: Map Values to a Range; Example 5-23: Map with the map() Function; Robot 3: Response; Chapter 6. Translate, Rotate, Scale; Translate; Example 6-1: Translating Location; Example 6-2: Multiple Translations; Rotate; Example 6-3: Corner Rotation; Example 6-4: Center Rotation.