Tweet
Tweet

Slide 1

Slide 1 text

Playground @raphamundi 2015 with CANVAS

Slide 2

Slide 2 text

@raphamundi

Slide 3

Slide 3 text

O fantástico mundo do canvas

Slide 4

Slide 4 text

Conte me mais sobre esse canvas…

Slide 5

Slide 5 text

Canvas

Slide 6

Slide 6 text

Canvas goo.gl/73dd0A

Slide 7

Slide 7 text

Okay, mas o que eu consigo fazer de legal com o Canvas ?

Slide 8

Slide 8 text

SWOOOP playcanv.as/p/JtL2iqIH

Slide 9

Slide 9 text

LucidChart lucidchart.com/documents/demo

Slide 10

Slide 10 text

Inception Experiment raphamorim.com/canvas-experiments/inception

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Sim, Mas esse é só o topo do iceberg :)

Slide 13

Slide 13 text

Slide 14

Slide 14 text

var canvas = document.querySelector(“canvas”), contexto = canvas.getContext(“2d”);

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

Sim, Saber geometria ajuda bastante ;)

Slide 17

Slide 17 text

Coordinates y x (0, 0) (largura, altura)

Slide 18

Slide 18 text

CODE TIME !

Slide 19

Slide 19 text

requestAnimationFrame

Slide 20

Slide 20 text

requestAnimationFrame paulirish.com/2011/requestanimationframe-for-smart-animating/

Slide 21

Slide 21 text

Object Recognize + Canvas

Slide 22

Slide 22 text

Object Recognize + Canvas

Slide 23

Slide 23 text

Object Recognize + Canvas raphamorim.com/canvas-experiments/scroll

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

engineering.flipboard.com/2015/02/mobile-web/

Slide 27

Slide 27 text

engineering.flipboard.com/2015/02/mobile-web/

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

github.com/raphamorim/ awesome-canvas

Slide 30

Slide 30 text

No content