Back-end Canvas

Transcript

1. BACK-END CANVAS HTML5 SPOTLIGHT

2. None
3. None
4. None

5. “Be your digital self on the Best Network”

6. None

7. http://www.flashterm.com

8. None

9. http://www.asciimeo.com

10. None
11. None

12. http://www.youtube.com/watch?v=vmB0YmcqosI

13. None

14. PROTOTYPING

15. CANVAS 2D CONTEXT <canvas>

16. None

17. bitmapData.applyFilter( ... ); bitmapData.clone( ... ); bitmapData.compare( ... ); bitmapData.copyChannel(

    ... ); bitmapData.copyPixels( ... ); bitmapData.draw( ... ); bitmapData.fillRect( ... ); bitmapData.floodFill( ... ); bitmapData.getPixels( ... ); bitmapData.histogram( ... ); bitmapData.noise( ... ); bitmapData.perlinNoise( ... ); bitmapData.setPixel( ... ); bitmapData.threshold( ... );
18. None
19. None

20. ASCII ART

21. None

22. RECURSION

23. None
24. None

25. gen(1, 0, 0, img.width, img.width);

26. gen(2, 0, 0, img.width, img.width);

27. gen(3, 0, 0, img.width, img.width);

28. gen(4, 0, 0, img.width, img.width);

29. gen(5, 0, 0, img.width, img.width);

30. gen(6, 0, 0, img.width, img.width);

31. gen(7, 0, 0, img.width, img.width);

32. gen(8, 0, 0, img.width, img.width);

33. if(cell.x+cell.w == nextCell.x && cell.y == nextCell.y)

34. None

35. BOX FITTING

36. None
37. None
38. None
39. None

40. e x p a n d !

41. None
42. None

43. WORD FITTING

44. None
45. None
46. None

47. JUICE 3.875

48. None

49. TYPOGRAPHY JUICE BEN HTML

50. None

51. PROBLEM #1 SPEED

52. PROBLEM #2 PERFORMANCE VARIABILITY

53. None
54. None

55. Node is... - bindings to V8 for non-browser work (sockets,

    files, etc) - non-blocking, asynchronous interfaces - one thread, one call stack (does not scale)

56. Scaling... - process spawning - sendmsg - memory isolation enforced

    by process boundary

57. node.js bindings node.js standard library V8 libeio libev JavaScript C

58. None
59. None
60. None
61. None
62. None
63. None
64. None
65. None
66. None
67. None

68. CLIENT SERVER

69. {json} +

70. None
71. None
72. None
73. None

74. ~30,000ms

75. iterating over active pixels

76. dynamic_bitset<Block, Allocator>

77. GO NATIVE

78. child_process vs C/C++ bindings

79. None
80. None
81. None
82. None

83. pix_array pix_active

84. None
85. None
86. None

87. 10x Faster!

88. None
89. None
90. None

91. What have we learned?

92. @peter_nitsch @tllabs gplus.to/peternitsch