reed | 86217d8 | 2014-10-25 20:44:40 -0700 | [diff] [blame^] | 1 | |
| 2 | gPath = "/skia/trunk/resources/" |
| 3 | |
| 4 | function load_file(file) |
| 5 | package.path = package.path .. ";" .. gPath .. file .. ".lua" |
| 6 | require(file) |
reed | d2e7dfb | 2014-10-13 19:43:17 -0700 | [diff] [blame] | 7 | end |
| 8 | |
reed | 86217d8 | 2014-10-25 20:44:40 -0700 | [diff] [blame^] | 9 | load_file("slides_utils") |
reed | d2e7dfb | 2014-10-13 19:43:17 -0700 | [diff] [blame] | 10 | |
| 11 | gSlides = parse_file(io.open("/skia/trunk/resources/slides_content.lua", "r")) |
reed | 18ea777 | 2014-10-11 11:28:07 -0700 | [diff] [blame] | 12 | |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 13 | function make_rect(l, t, r, b) |
| 14 | return { left = l, top = t, right = r, bottom = b } |
| 15 | end |
| 16 | |
| 17 | function make_paint(typefacename, stylebits, size, color) |
reed | 18ea777 | 2014-10-11 11:28:07 -0700 | [diff] [blame] | 18 | local paint = Sk.newPaint(); |
| 19 | paint:setAntiAlias(true) |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 20 | paint:setSubpixelText(true) |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 21 | paint:setTypeface(Sk.newTypeface(typefacename, stylebits)) |
reed | 18ea777 | 2014-10-11 11:28:07 -0700 | [diff] [blame] | 22 | paint:setTextSize(size) |
| 23 | paint:setColor(color) |
| 24 | return paint |
| 25 | end |
| 26 | |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 27 | function drawSlide(canvas, slide, template) |
| 28 | template = template.slide -- need to sniff the slide to know if we're title or slide |
| 29 | |
| 30 | local x = template.margin_x |
| 31 | local y = template.margin_y |
| 32 | |
reed | 9fbc3f3 | 2014-10-21 07:12:58 -0700 | [diff] [blame] | 33 | local scale = 1.25 |
reed | d2e7dfb | 2014-10-13 19:43:17 -0700 | [diff] [blame] | 34 | for i = 1, #slide do |
| 35 | local node = slide[i] |
reed | 9fbc3f3 | 2014-10-21 07:12:58 -0700 | [diff] [blame] | 36 | local paint = template[node.indent + 1].paint |
| 37 | local extra_dy = template[node.indent + 1].extra_dy |
reed | d2e7dfb | 2014-10-13 19:43:17 -0700 | [diff] [blame] | 38 | local fm = paint:getFontMetrics() |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 39 | local x_offset = -fm.ascent * node.indent |
| 40 | |
reed | d2e7dfb | 2014-10-13 19:43:17 -0700 | [diff] [blame] | 41 | y = y - fm.ascent * scale |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 42 | canvas:drawText(node.text, x + x_offset, y, paint) |
reed | 9fbc3f3 | 2014-10-21 07:12:58 -0700 | [diff] [blame] | 43 | y = y + fm.descent * scale + extra_dy |
| 44 | end |
| 45 | end |
| 46 | |
| 47 | function scale_text_delta(template, delta) |
| 48 | template = template.slide |
| 49 | for i = 1, #template do |
| 50 | local paint = template[i].paint |
| 51 | paint:setTextSize(paint:getTextSize() + delta) |
reed | 18ea777 | 2014-10-11 11:28:07 -0700 | [diff] [blame] | 52 | end |
| 53 | end |
| 54 | |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 55 | function slide_transition(prev, next, is_forward) |
| 56 | local rec = { |
| 57 | proc = function(self, canvas, drawSlideProc) |
| 58 | if self:isDone() then |
| 59 | drawSlideProc(canvas) |
| 60 | return nil |
| 61 | end |
reed | 96affcd | 2014-10-13 12:38:04 -0700 | [diff] [blame] | 62 | self.prevDrawable:draw(canvas, self.curr_x, 0) |
| 63 | self.nextDrawable:draw(canvas, self.curr_x + 640, 0) |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 64 | self.curr_x = self.curr_x + self.step_x |
| 65 | return self |
| 66 | end |
| 67 | } |
| 68 | if is_forward then |
reed | 96affcd | 2014-10-13 12:38:04 -0700 | [diff] [blame] | 69 | rec.prevDrawable = prev |
| 70 | rec.nextDrawable = next |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 71 | rec.curr_x = 0 |
| 72 | rec.step_x = -15 |
| 73 | rec.isDone = function (self) return self.curr_x <= -640 end |
| 74 | else |
reed | 96affcd | 2014-10-13 12:38:04 -0700 | [diff] [blame] | 75 | rec.prevDrawable = next |
| 76 | rec.nextDrawable = prev |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 77 | rec.curr_x = -640 |
| 78 | rec.step_x = 15 |
| 79 | rec.isDone = function (self) return self.curr_x >= 0 end |
| 80 | end |
| 81 | return rec |
| 82 | end |
| 83 | |
reed | 468b181 | 2014-10-19 11:42:54 -0700 | [diff] [blame] | 84 | function sqr(value) return value * value end |
| 85 | |
reed | 468b181 | 2014-10-19 11:42:54 -0700 | [diff] [blame] | 86 | function set_blur(paint, alpha) |
| 87 | local sigma = sqr(1 - alpha) * 20 |
reed | 86217d8 | 2014-10-25 20:44:40 -0700 | [diff] [blame^] | 88 | -- paint:setImageFilter(Sk.newBlurImageFilter(sigma, sigma)) |
reed | 468b181 | 2014-10-19 11:42:54 -0700 | [diff] [blame] | 89 | paint:setAlpha(alpha) |
| 90 | end |
| 91 | |
reed | 0d76b95 | 2014-10-12 19:05:52 -0700 | [diff] [blame] | 92 | function fade_slide_transition(prev, next, is_forward) |
| 93 | local rec = { |
reed | 468b181 | 2014-10-19 11:42:54 -0700 | [diff] [blame] | 94 | paint = Sk.newPaint(), |
reed | 96affcd | 2014-10-13 12:38:04 -0700 | [diff] [blame] | 95 | prevDrawable = prev, |
| 96 | nextDrawable = next, |
reed | 0d76b95 | 2014-10-12 19:05:52 -0700 | [diff] [blame] | 97 | proc = function(self, canvas, drawSlideProc) |
| 98 | if self:isDone() then |
| 99 | drawSlideProc(canvas) |
| 100 | return nil |
| 101 | end |
reed | 468b181 | 2014-10-19 11:42:54 -0700 | [diff] [blame] | 102 | |
| 103 | set_blur(self.paint, self.prev_a) |
| 104 | self.prevDrawable:draw(canvas, self.prev_x, 0, self.paint) |
| 105 | |
| 106 | set_blur(self.paint, self.next_a) |
| 107 | self.nextDrawable:draw(canvas, self.next_x, 0, self.paint) |
reed | 0d76b95 | 2014-10-12 19:05:52 -0700 | [diff] [blame] | 108 | self:step() |
| 109 | return self |
| 110 | end |
| 111 | } |
| 112 | if is_forward then |
| 113 | rec.prev_x = 0 |
| 114 | rec.prev_a = 1 |
| 115 | rec.next_x = 640 |
| 116 | rec.next_a = 0 |
| 117 | rec.isDone = function (self) return self.next_x <= 0 end |
| 118 | rec.step = function (self) |
| 119 | self.next_x = self.next_x - 20 |
| 120 | self.next_a = (640 - self.next_x) / 640 |
| 121 | self.prev_a = 1 - self.next_a |
| 122 | end |
| 123 | else |
| 124 | rec.prev_x = 0 |
| 125 | rec.prev_a = 1 |
| 126 | rec.next_x = 0 |
| 127 | rec.next_a = 0 |
| 128 | rec.isDone = function (self) return self.prev_x >= 640 end |
| 129 | rec.step = function (self) |
| 130 | self.prev_x = self.prev_x + 20 |
| 131 | self.prev_a = (640 - self.prev_x) / 640 |
| 132 | self.next_a = 1 - self.prev_a |
| 133 | end |
| 134 | end |
| 135 | return rec |
| 136 | end |
| 137 | |
reed | 18ea777 | 2014-10-11 11:28:07 -0700 | [diff] [blame] | 138 | -------------------------------------------------------------------------------------- |
reed | 9fbc3f3 | 2014-10-21 07:12:58 -0700 | [diff] [blame] | 139 | function make_tmpl(paint, extra_dy) |
| 140 | return { paint = paint, extra_dy = extra_dy } |
| 141 | end |
reed | 18ea777 | 2014-10-11 11:28:07 -0700 | [diff] [blame] | 142 | |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 143 | function SkiaPoint_make_template() |
| 144 | local title = { |
| 145 | margin_x = 30, |
| 146 | margin_y = 100, |
| 147 | } |
reed | 9fbc3f3 | 2014-10-21 07:12:58 -0700 | [diff] [blame] | 148 | title[1] = make_paint("Arial", 1, 50, { a=1, r=1, g=1, b=1 }) |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 149 | title[1]:setTextAlign("center") |
reed | 9fbc3f3 | 2014-10-21 07:12:58 -0700 | [diff] [blame] | 150 | title[2] = make_paint("Arial", 1, 25, { a=1, r=.75, g=.75, b=.75 }) |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 151 | title[2]:setTextAlign("center") |
reed | 18ea777 | 2014-10-11 11:28:07 -0700 | [diff] [blame] | 152 | |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 153 | local slide = { |
| 154 | margin_x = 20, |
reed | 9fbc3f3 | 2014-10-21 07:12:58 -0700 | [diff] [blame] | 155 | margin_y = 25, |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 156 | } |
reed | 9fbc3f3 | 2014-10-21 07:12:58 -0700 | [diff] [blame] | 157 | slide[1] = make_tmpl(make_paint("Arial", 1, 36, { a=1, r=1, g=1, b=1 }), 18) |
| 158 | slide[2] = make_tmpl(make_paint("Arial", 0, 30, { a=1, r=1, g=1, b=1 }), 0) |
| 159 | slide[3] = make_tmpl(make_paint("Arial", 0, 24, { a=1, r=.8, g=.8, b=.8 }), 0) |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 160 | |
| 161 | return { |
| 162 | title = title, |
| 163 | slide = slide, |
| 164 | } |
| 165 | end |
| 166 | |
| 167 | gTemplate = SkiaPoint_make_template() |
reed | 18ea777 | 2014-10-11 11:28:07 -0700 | [diff] [blame] | 168 | |
| 169 | gRedPaint = Sk.newPaint() |
| 170 | gRedPaint:setAntiAlias(true) |
| 171 | gRedPaint:setColor{a=1, r=1, g=0, b=0 } |
| 172 | |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 173 | -- animation.proc is passed the canvas before drawing. |
| 174 | -- The animation.proc returns itself or another animation (which means keep animating) |
| 175 | -- or it returns nil, which stops the animation. |
| 176 | -- |
| 177 | local gCurrAnimation |
| 178 | |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 179 | gSlideIndex = 1 |
| 180 | |
reed | 96affcd | 2014-10-13 12:38:04 -0700 | [diff] [blame] | 181 | function new_drawable_picture(pic) |
| 182 | return { |
| 183 | picture = pic, |
| 184 | width = pic:width(), |
| 185 | height = pic:height(), |
| 186 | draw = function (self, canvas, x, y, paint) |
| 187 | canvas:drawPicture(self.picture, x, y, paint) |
| 188 | end |
| 189 | } |
| 190 | end |
| 191 | |
| 192 | function new_drawable_image(img) |
| 193 | return { |
| 194 | image = img, |
| 195 | width = img:width(), |
| 196 | height = img:height(), |
| 197 | draw = function (self, canvas, x, y, paint) |
| 198 | canvas:drawImage(self.image, x, y, paint) |
| 199 | end |
| 200 | } |
| 201 | end |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 202 | |
reed | 86217d8 | 2014-10-25 20:44:40 -0700 | [diff] [blame^] | 203 | function new_drawable_slide(slide) |
| 204 | return { |
| 205 | slide = slide, |
| 206 | draw = function (self, canvas, x, y, paint) |
| 207 | if (nil == paint or ("number" == type(paint) and (1 == paint))) then |
| 208 | canvas:save() |
| 209 | else |
| 210 | canvas:saveLayer(paint) |
| 211 | end |
| 212 | canvas:translate(x, y) |
| 213 | drawSlide(canvas, self.slide, gTemplate) |
| 214 | canvas:restore() |
| 215 | end |
| 216 | } |
| 217 | end |
| 218 | |
| 219 | function next_slide() |
| 220 | local prev = gSlides[gSlideIndex] |
| 221 | |
| 222 | gSlideIndex = gSlideIndex + 1 |
| 223 | if gSlideIndex > #gSlides then |
| 224 | gSlideIndex = 1 |
| 225 | end |
| 226 | |
| 227 | spawn_transition(prev, gSlides[gSlideIndex], true) |
| 228 | end |
| 229 | |
| 230 | function prev_slide() |
| 231 | local prev = gSlides[gSlideIndex] |
| 232 | |
| 233 | gSlideIndex = gSlideIndex - 1 |
| 234 | if gSlideIndex < 1 then |
| 235 | gSlideIndex = #gSlides |
| 236 | end |
| 237 | |
| 238 | spawn_transition(prev, gSlides[gSlideIndex], false) |
| 239 | end |
| 240 | |
reed | 468b181 | 2014-10-19 11:42:54 -0700 | [diff] [blame] | 241 | function convert_to_picture_drawable(slide) |
| 242 | local rec = Sk.newPictureRecorder() |
| 243 | drawSlide(rec:beginRecording(640, 480), slide, gTemplate) |
| 244 | return new_drawable_picture(rec:endRecording()) |
| 245 | end |
| 246 | |
| 247 | function convert_to_image_drawable(slide) |
| 248 | local surf = Sk.newRasterSurface(640, 480) |
| 249 | drawSlide(surf:getCanvas(), slide, gTemplate) |
| 250 | return new_drawable_image(surf:newImageSnapshot()) |
| 251 | end |
| 252 | |
reed | 86217d8 | 2014-10-25 20:44:40 -0700 | [diff] [blame^] | 253 | -- gMakeDrawable = convert_to_picture_drawable |
| 254 | gMakeDrawable = new_drawable_slide |
reed | 468b181 | 2014-10-19 11:42:54 -0700 | [diff] [blame] | 255 | |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 256 | function spawn_transition(prevSlide, nextSlide, is_forward) |
| 257 | local transition |
| 258 | if is_forward then |
| 259 | transition = prevSlide.transition |
| 260 | else |
| 261 | transition = nextSlide.transition |
| 262 | end |
| 263 | |
| 264 | if not transition then |
reed | d2e7dfb | 2014-10-13 19:43:17 -0700 | [diff] [blame] | 265 | transition = fade_slide_transition |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 266 | end |
| 267 | |
reed | 468b181 | 2014-10-19 11:42:54 -0700 | [diff] [blame] | 268 | local prevDrawable = gMakeDrawable(prevSlide) |
| 269 | local nextDrawable = gMakeDrawable(nextSlide) |
reed | 96affcd | 2014-10-13 12:38:04 -0700 | [diff] [blame] | 270 | gCurrAnimation = transition(prevDrawable, nextDrawable, is_forward) |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 271 | end |
| 272 | |
| 273 | -------------------------------------------------------------------------------------- |
| 274 | |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 275 | function spawn_rotate_animation() |
| 276 | gCurrAnimation = { |
| 277 | angle = 0, |
| 278 | angle_delta = 5, |
| 279 | pivot_x = 320, |
| 280 | pivot_y = 240, |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 281 | proc = function (self, canvas, drawSlideProc) |
| 282 | if self.angle >= 360 then |
| 283 | drawSlideProc(canvas) |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 284 | return nil |
| 285 | end |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 286 | canvas:translate(self.pivot_x, self.pivot_y) |
| 287 | canvas:rotate(self.angle) |
| 288 | canvas:translate(-self.pivot_x, -self.pivot_y) |
| 289 | drawSlideProc(canvas) |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 290 | |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 291 | self.angle = self.angle + self.angle_delta |
| 292 | return self |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 293 | end |
| 294 | } |
| 295 | end |
| 296 | |
| 297 | function spawn_scale_animation() |
| 298 | gCurrAnimation = { |
| 299 | scale = 1, |
| 300 | scale_delta = .95, |
| 301 | scale_limit = 0.2, |
| 302 | pivot_x = 320, |
| 303 | pivot_y = 240, |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 304 | proc = function (self, canvas, drawSlideProc) |
| 305 | if self.scale < self.scale_limit then |
| 306 | self.scale = self.scale_limit |
| 307 | self.scale_delta = 1 / self.scale_delta |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 308 | end |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 309 | if self.scale > 1 then |
| 310 | drawSlideProc(canvas) |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 311 | return nil |
| 312 | end |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 313 | canvas:translate(self.pivot_x, self.pivot_y) |
| 314 | canvas:scale(self.scale, self.scale) |
| 315 | canvas:translate(-self.pivot_x, -self.pivot_y) |
| 316 | drawSlideProc(canvas) |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 317 | |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 318 | self.scale = self.scale * self.scale_delta |
| 319 | return self |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 320 | end |
| 321 | } |
| 322 | end |
| 323 | |
reed | 9fbc3f3 | 2014-10-21 07:12:58 -0700 | [diff] [blame] | 324 | local bgPaint = nil |
| 325 | |
| 326 | function draw_bg(canvas) |
| 327 | if not bgPaint then |
| 328 | bgPaint = Sk.newPaint() |
| 329 | local grad = Sk.newLinearGradient( 0, 0, { a=1, r=0, g=0, b=.3 }, |
| 330 | 640, 480, { a=1, r=0, g=0, b=.8 }) |
| 331 | bgPaint:setShader(grad) |
| 332 | end |
| 333 | |
| 334 | canvas:drawPaint(bgPaint) |
| 335 | end |
| 336 | |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 337 | function onDrawContent(canvas, width, height) |
| 338 | local matrix = Sk.newMatrix() |
| 339 | matrix:setRectToRect(make_rect(0, 0, 640, 480), make_rect(0, 0, width, height), "center") |
| 340 | canvas:concat(matrix) |
| 341 | |
reed | 9fbc3f3 | 2014-10-21 07:12:58 -0700 | [diff] [blame] | 342 | draw_bg(canvas) |
| 343 | |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 344 | local drawSlideProc = function(canvas) |
reed | bdc49ae | 2014-10-14 09:34:52 -0700 | [diff] [blame] | 345 | drawSlide(canvas, gSlides[gSlideIndex], gTemplate) |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 346 | end |
| 347 | |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 348 | if gCurrAnimation then |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 349 | gCurrAnimation = gCurrAnimation:proc(canvas, drawSlideProc) |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 350 | return true |
| 351 | else |
reed | f355df5 | 2014-10-12 12:18:40 -0700 | [diff] [blame] | 352 | drawSlideProc(canvas) |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 353 | return false |
| 354 | end |
| 355 | end |
| 356 | |
| 357 | function onClickHandler(x, y) |
| 358 | return false |
| 359 | end |
| 360 | |
| 361 | local keyProcs = { |
| 362 | n = next_slide, |
| 363 | p = prev_slide, |
| 364 | r = spawn_rotate_animation, |
| 365 | s = spawn_scale_animation, |
reed | c766398 | 2014-10-21 10:46:01 -0700 | [diff] [blame] | 366 | ["="] = function () scale_text_delta(gTemplate, 1) end, |
| 367 | ["-"] = function () scale_text_delta(gTemplate, -1) end, |
reed | 09a1d67 | 2014-10-11 13:13:11 -0700 | [diff] [blame] | 368 | } |
| 369 | |
| 370 | function onCharHandler(uni) |
| 371 | local proc = keyProcs[uni] |
| 372 | if proc then |
| 373 | proc() |
| 374 | return true |
| 375 | end |
| 376 | return false |
| 377 | end |