[{"_1":2,"_64":-5,"_65":-5},"loaderData",{"_3":4,"_33":34,"_62":-5,"_63":-5},"root",{"_5":-5,"_6":-5,"_7":8,"_20":-5,"_21":22,"_23":24,"_27":28},"user","shoppingCartId","shoppingCart",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":12},"count",0,"free",true,"updatedAt","2025-12-27T17:38:37.222Z","paymentGateway","STRIPE","cartItems",[],"loading","toast","locale","en","constants",{"_25":26},"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","publishers",{"_29":30,"_31":32},"companies",[],"universities",[],"routes/_store+/_readers+/email_author.$slug/route",{"_35":36,"_61":-5},"book",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvMTYxNzE","title","De cero a Canvas","state","unpublished","contactAuthorMethod","email","aboutText","

\n Introduction
\n 1. Prologo\n
- \n 1.1. Agradecimientos
\n
\n 2. La base\n
- \n 2.1. ¿Qué es canvas?
- \n 2.2. Formas básicas: Rectángulos
- \n 2.3. Circulos, trazados y lineas
- \n 2.4. Rotando
- \n 2.5. Polígonos, gradientes y sombras
- \n 2.6. Imágenes
\n
\n 3. Animaciones\n
- \n 3.1. Animaciones y OOP
- \n 3.2. Motor de renderizado
- \n 3.3. Velocidad
- \n 3.4. Moviendo un personaje horizontalmente
- \n 3.5. Múltiples elementos
- \n 3.6. Aceleración! ¿Son eso proyectiles?
- \n 3.7. Gravedad y Vector2D\n
  - \n 3.7.1. Rastros de partículas
  \n
\n
\n 4. Patrones visuales, comportamientos emergentes, cosas chulas\n
- \n 4.1. Espiral y Fibonacci
- \n 4.2. Programando por fases
- \n 4.3. Grid de hexágonos
- \n 4.4. Fractales
- \n 4.5. El Juego de la Vida
- \n4.6. Un caminante\n
  - \n4.6.1. Varios caminantes, varios canvas e imágenes.
  \n
\n
\n5. Ampliando horizontes\n
- \n5.1. Preloader
- \n5.2. Prerender y canvas caché
- \n5.3. [La clase Sprite]
- \n5.4. [Audio]
\n
\n6. Herramientas\n
- \n 6.1. Gestión de paquetes con Bower
\n
\n 7. Bonus: Canvas en NodeJS
\n 8. Epílogo
\n 9. Glosario
\n

","authors",[49],{"_37":50,"_51":52,"_5":53},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci8xNjgyOQ","name","Rafael Pedrola Gimeno",{"_54":55},"avatar",{"_56":57,"_58":59,"_60":12},"url","https://secure.gravatar.com/avatar/4ce68e9748bc972766d987f106e9b771?r=pg&d=mm","styleName","medium","exists","currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the Author