Back-end Canvas

Chronicling the development of the Bell Social Portrait image segmentation work as an example of utilizing the cloud and server for creative purposes.

Transcript

1. BACK-END CANVAS HTML5 SPOTLIGHT
5. “Be your digital self on the Best Network”
7. http://www.flashterm.com
9. http://www.asciimeo.com
12. http://www.youtube.com/watch?v=vmB0YmcqosI
14. PROTOTYPING
15. CANVAS 2D CONTEXT <canvas>
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( ... );
20. ASCII ART
22. RECURSION
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)
35. BOX FITTING
40. e x p a n d !
43. WORD FITTING
47. JUICE 3.875
49. TYPOGRAPHY JUICE BEN HTML
51. PROBLEM #1 SPEED
52. PROBLEM #2 PERFORMANCE VARIABILITY
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
68. CLIENT SERVER
69. {json} +
74. ~30,000ms
75. iterating over active pixels
76. dynamic_bitset<Block, Allocator>
77. GO NATIVE
78. child_process vs C/C++ bindings
83. pix_array pix_active
87. 10x Faster!
91. What have we learned?
92. @peter_nitsch @tllabs gplus.to/peternitsch