Getting started with p5.js
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 HTML...
| Otros Autores: | , , |
|---|---|
| Formato: | Libro electrónico |
| Idioma: | Inglés |
| Publicado: |
San Francisco, CA :
Maker Media
2015.
|
| Edición: | First edition |
| Materias: | |
| Ver en Biblioteca Universitat Ramon Llull: | https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009629857306719 |
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
- Example 6-5: Translation, Then Rotation
