OLD | NEW |
(Empty) | |
| 1 var circle = { |
| 2 "center":{ "x":200, "y":200 }, |
| 3 "radius":100 |
| 4 } |
| 5 |
| 6 var gradients = { |
| 7 "grad1": { "cx":200, "cy":200, "r":300, |
| 8 "stops": [ |
| 9 { "offset":0, "color": argb(76,0,0,255) }, |
| 10 { "offset":1, "color": argb( 0,0,0,255) } |
| 11 ] |
| 12 }, |
| 13 "grad2": { "cx":200, "cy":200, "r":300, |
| 14 "stops": [ |
| 15 { "offset":0, "color": argb(76,0,255,0) }, |
| 16 { "offset":1, "color": argb( 0,0,255,0) } |
| 17 ] |
| 18 }, |
| 19 "grad3": { "cx":200, "cy":200, "r":300, |
| 20 "stops": [ |
| 21 { "offset":0, "color": argb(76,255,0,0) }, |
| 22 { "offset":1, "color": argb( 0,255,0,0) } |
| 23 ] |
| 24 }, |
| 25 "grad4": { "cx":200, "cy":200, "r":300, |
| 26 "stops": [ |
| 27 { "offset":0, "color": argb(76,192,63,192) }, |
| 28 { "offset":1, "color": argb( 0,192,63,192) } |
| 29 ] |
| 30 }, |
| 31 "grad5": { "cx":200, "cy":200, "r":300, |
| 32 "stops": [ |
| 33 { "offset":0, "color": argb(76,127,127,0) }, |
| 34 { "offset":1, "color": argb( 0,127,127,0) } |
| 35 ] |
| 36 }, |
| 37 "grad6": { "cx":200, "cy":200, "r":300, |
| 38 "stops": [ |
| 39 { "offset":0, "color": argb(76,127,0,127) }, |
| 40 { "offset":1, "color": argb( 0,127,0,127) } |
| 41 ] |
| 42 }, |
| 43 "grad7": { "cx":200, "cy":200, "r":300, |
| 44 "stops": [ |
| 45 { "offset":0, "color": argb(76,0,127,127) }, |
| 46 { "offset":1, "color": argb( 0,0,127,127) } |
| 47 ] |
| 48 }, |
| 49 "grad8": { "cx":200, "cy":200, "r":300, |
| 50 "stops": [ |
| 51 { "offset":0, "color": argb(76,63,192,63) }, |
| 52 { "offset":1, "color": argb( 0,63,192,63) } |
| 53 ] |
| 54 } |
| 55 }; |
| 56 |
| 57 var paths = { |
| 58 "cubicSegment1": [ |
| 59 { "cubic": [ 200,200, 200,200, 200,200, 200,200 ] } |
| 60 ], |
| 61 "cubicSegment2": [ |
| 62 { "cubic": [ 200,200, 250,200, 300,200, 300,100 ] } |
| 63 ], |
| 64 "curveSegment1": [ |
| 65 { "cubic": [ 200,200, 250,200, 300,150, 300,100 ] } |
| 66 ], |
| 67 "curveSegment2": [ |
| 68 { "cubic": [ 200,200, 250,200, 300,150, 200,100 ] } |
| 69 ], |
| 70 "curveSegment3": [ |
| 71 { "cubic": [ 200,200, 350,200, 250,-150, 170,300 ] } |
| 72 ], |
| 73 "diagSegment": [ |
| 74 { "line": [ 200,200, 100,100 ] } |
| 75 ], |
| 76 "horzSegment": [ |
| 77 { "line": [ 200,200, 341.4,200 ] } |
| 78 ], |
| 79 "lineSegment": [ |
| 80 { "line": [ 200,200, 200 + circle.radius * Math.cos(-22.5 * Math.PI / 1
80), |
| 81 200 + circle.radius * Math.sin(-22.5 * Math.PI / 1
80) ] } |
| 82 ], |
| 83 "span1": [ |
| 84 { "quad": [ 200,200, 300,300, 200,300 ] } |
| 85 ], |
| 86 "span2": [ |
| 87 { "cubic": [ 200,200, 100,300, 100,400, 200,300 ] } |
| 88 ], |
| 89 "span3": [ |
| 90 { "cubic": [ 200,200, 300,100, 100,400, 300,200 ] } |
| 91 ], |
| 92 "span4": [ |
| 93 { "quad": [ 200,200, 300,300, 400,300 ] } |
| 94 ], |
| 95 "span5": [ |
| 96 { "quad": [ 200,200, 280,320, 200,400 ] } |
| 97 ], |
| 98 "span6": [ |
| 99 { "quad": [ 200,200, 60,340, 100,400 ] } |
| 100 ], |
| 101 "vertSegment": [ |
| 102 { "line": [ 200,200, 200,341.4 ] } |
| 103 ], |
| 104 "wedge1": [ |
| 105 { "line": [ 200,200, 500,500 ] }, |
| 106 { "arcTo": [ 375.74,624.36, 200,624.26, 424.26 ] }, |
| 107 { "close": null } |
| 108 ], |
| 109 "wedge2": [ |
| 110 { "line": [ 200,200, 200,624.26 ] }, |
| 111 { "arcTo": [ 24.265,624.26, -100,500, 424.26 ] }, |
| 112 { "close": null } |
| 113 ], |
| 114 "wedge3": [ |
| 115 { "line": [ 200,200, 500,-100 ] }, |
| 116 { "arcTo": [ 1138.22,537.70, 240,622.5, 424.26 ] }, |
| 117 { "close": null } |
| 118 ], |
| 119 "wedge4": [ |
| 120 { "line": [ 200,200, 500,500 ] }, |
| 121 { "arcTo": [ 530.79,438.42, 579.47,389.74, 424.26 ] }, |
| 122 { "close": null } |
| 123 ], |
| 124 "wedge5": [ |
| 125 { "line": [ 200,200, 389.74,579.47 ] }, |
| 126 { "arcTo": [ 284.94,563.441, 200,500, 424.26 ] }, |
| 127 { "close": null } |
| 128 ], |
| 129 "wedge6": [ |
| 130 { "line": [ 200,200, 10.26,579.47 ] }, |
| 131 { "arcTo": [ -51.318,548.68, -100,500, 424.26 ] }, |
| 132 { "close": null } |
| 133 ], |
| 134 "wedgeXY1": [ |
| 135 { "line": [ 200,200, 500,-100 ] }, |
| 136 { "arcTo": [ 624.26,24.265, 624.26,200, 424.26 ] }, |
| 137 { "close": null } |
| 138 ], |
| 139 "wedgeXY2": [ |
| 140 { "line": [ 200,200, 200,-175.74 ] }, |
| 141 { "arcTo": [ 364.83,-196.61, 500,-100, 424.26 ] }, |
| 142 { "close": null } |
| 143 ], |
| 144 "wedgeXY3": [ |
| 145 { "line": [ 200,200, -100,-100 ] }, |
| 146 { "arcTo": [ 35.170,-196.61, 200,-175.74, 424.26 ] }, |
| 147 { "close": null } |
| 148 ], |
| 149 "wedgeXY4": [ |
| 150 { "line": [ 200,200, -175.74,200 ] }, |
| 151 { "arcTo": [ -196.61,35.170, -100,-100, 424.26 ] }, |
| 152 { "close": null } |
| 153 ], |
| 154 "wedgeXY5": [ |
| 155 { "line": [ 200,200, -100,500 ] }, |
| 156 { "arcTo": [ -196.61,364.83, -175.74,200, 424.26 ] }, |
| 157 { "close": null } |
| 158 ], |
| 159 "wedgeXY6": [ |
| 160 { "line": [ 200,200, -100,500 ] }, |
| 161 { "arcTo": [ 75.735,500, 200,624.26, 424.26 ] }, |
| 162 { "close": null } |
| 163 ], |
| 164 "wedgeXY7": [ |
| 165 { "line": [ 200,200, 200,624.26 ] }, |
| 166 { "arcTo": [ 324.26,500, 500,500, 424.26 ] }, |
| 167 { "close": null } |
| 168 ], |
| 169 "wedgeXY8": [ |
| 170 { "line": [ 200,200, 500,500 ] }, |
| 171 { "arcTo": [ 500,324.26, 624.26,200, 424.26 ] }, |
| 172 { "close": null } |
| 173 ], |
| 174 "xaxis": [ |
| 175 { "line": [ 100,200, 300,200 ] } |
| 176 ], |
| 177 "yaxis": [ |
| 178 { "line": [ 200,100, 200,300 ] } |
| 179 ] |
| 180 }; |
| 181 |
| 182 var text = { |
| 183 "curve1d1": { |
| 184 "string":"Some curves initially occupy", "x":400, "y":200 |
| 185 }, |
| 186 "curve1d2": { |
| 187 "string":"one-dimensional sectors, then diverge.", "x":400, "y":240 |
| 188 }, |
| 189 "curveMultiple1": { |
| 190 "string":"A curve span may cover more", "x":400, "y":200 |
| 191 }, |
| 192 "curveMultiple2": { |
| 193 "string":"than one sector.", "x":400, "y":240 |
| 194 }, |
| 195 "line1DDest1": { |
| 196 "string":"Some lines occupy one-dimensional", "x":400, "y":200 |
| 197 }, |
| 198 "line1DDest2": { |
| 199 "string":"sectors.", "x":400, "y":240 |
| 200 }, |
| 201 "lineSingle": { |
| 202 "string":"Line spans are contained by a single sector.", "x":400, "y":20
0 |
| 203 }, |
| 204 "sector1": { |
| 205 "string":"A sector is a wedge of a circle", "x":400, "y":200 |
| 206 }, |
| 207 "sector2": { |
| 208 "string":"containing a range of points.", "x":400, "y":240 |
| 209 }, |
| 210 "sectorXY1": { |
| 211 "string":"X > 0 Y < 0 -Y < X", "x":500, "y":460 |
| 212 }, |
| 213 "sectorXY2": { |
| 214 "string":"X > 0 Y < 0 -Y > X", "x":500, "y":460 |
| 215 }, |
| 216 "sectorXY3": { |
| 217 "string":"X < 0 Y < 0 Y < X", "x":500, "y":460 |
| 218 }, |
| 219 "sectorXY4": { |
| 220 "string":"X < 0 Y < 0 Y > X", "x":500, "y":460 |
| 221 }, |
| 222 "sectorXY5": { |
| 223 "string":"X < 0 Y > 0 -Y > X", "x":500, "y":460 |
| 224 }, |
| 225 "sectorXY6": { |
| 226 "string":"X < 0 Y > 0 -Y < X", "x":500, "y":460 |
| 227 }, |
| 228 "sectorXY7": { |
| 229 "string":"X > 0 Y > 0 Y > X", "x":500, "y":460 |
| 230 }, |
| 231 "sectorXY8": { |
| 232 "string":"X > 0 Y > 0 Y < X", "x":500, "y":460 |
| 233 }, |
| 234 "sectorXY9": { |
| 235 "string":"X > 0 Y == 0", "x":500, "y":460 |
| 236 }, |
| 237 "sectorXY10": { |
| 238 "string":"Y > 0 0 == X", "x":500, "y":460 |
| 239 }, |
| 240 "sectorXY11": { |
| 241 "string":"X < 0 Y == X", "x":500, "y":460 |
| 242 }, |
| 243 "sectorXYA": { |
| 244 "string":"X > 0 Y > 0 Y < X", "x":500, "y":310 |
| 245 }, |
| 246 "sectorXYB": { |
| 247 "string":"X < 0 Y > 0 -Y < X", "x":500, "y":360 |
| 248 }, |
| 249 "sectorXYC": { |
| 250 "string":"X < 0 Y < 0 Y < X", "x":500, "y":410 |
| 251 }, |
| 252 "spanWedge": { |
| 253 "string":"All spans are contained by a wedge", "x":400, "y":200 |
| 254 }, |
| 255 "trivialWedge1": { |
| 256 "string":"Wedges that don't overlap can be", "x":400, "y":200 |
| 257 }, |
| 258 "trivialWedge2": { |
| 259 "string":"easily sorted.", "x":400, "y":240 |
| 260 }, |
| 261 "xaxis1": { |
| 262 "string":"-X", "x":100, "y":220 |
| 263 }, |
| 264 "xaxis2": { |
| 265 "string":"+X", "x":300, "y":220 |
| 266 }, |
| 267 "yaxis1": { |
| 268 "string":"-Y", "x":205, "y":100 |
| 269 }, |
| 270 "yaxis2": { |
| 271 "string":"+Y", "x":205, "y":300 |
| 272 } |
| 273 }; |
| 274 |
| 275 var typefaces = { |
| 276 "description": { "style":"normal", "family":"Helvetica,Arial" } |
| 277 }; |
| 278 |
| 279 var paints = { |
| 280 "axisStroke": { "style":"stroke", "color":rgb(191,191,191) }, |
| 281 "axisTextDesc": { "paint":"textBase", "color":rgb(191,191,191) }, |
| 282 "axisTextRight": { "paint":"axisTextDesc", "textAlign":"right" }, |
| 283 "axisTextTop": { "paint":"axisTextDesc", "textBaseline":"hanging" }, |
| 284 "diagSegment": { "style":"stroke", "color":rgb(127,63,127), "strokeWidt
h":2 }, |
| 285 "gradient1": { "style":"fill", "gradient":"gradients.grad1", "color
":alpha(255) }, |
| 286 "gradient2": { "paint":"gradient1", "gradient":"gradients.grad2" }, |
| 287 "gradient3": { "paint":"gradient1", "gradient":"gradients.grad3" }, |
| 288 "gradient4": { "paint":"gradient1", "gradient":"gradients.grad4" }, |
| 289 "gradient5": { "paint":"gradient1", "gradient":"gradients.grad5" }, |
| 290 "gradient6": { "paint":"gradient1", "gradient":"gradients.grad6" }, |
| 291 "gradient7": { "paint":"gradient1", "gradient":"gradients.grad7" }, |
| 292 "gradient8": { "paint":"gradient1", "gradient":"gradients.grad8" }, |
| 293 "horzSegment": { "paint":"diagSegment", "color":rgb(192,92,31) }, |
| 294 "picture": { "color":alpha(255) }, |
| 295 "sectorADesc": { "paint":"textBase", "color":rgb(0,0,255) }, |
| 296 "sectorBDesc": { "paint":"textBase", "color":rgb(0,127,0) }, |
| 297 "sectorCDesc": { "paint":"textBase", "color":rgb(255,0,0) }, |
| 298 "sectorXY1": { "paint":"textBase", "color":rgb(192,63,192) }, |
| 299 "sectorXY2": { "paint":"textBase", "color":rgb(127,127,0) }, |
| 300 "sectorXY3": { "paint":"textBase", "color":rgb(255,0,0) }, |
| 301 "sectorXY4": { "paint":"textBase", "color":rgb(127,0,127) }, |
| 302 "sectorXY5": { "paint":"textBase", "color":rgb(0,127,127) }, |
| 303 "sectorXY6": { "paint":"textBase", "color":rgb(0,127,0) }, |
| 304 "sectorXY7": { "paint":"textBase", "color":rgb(63,192,63) }, |
| 305 "sectorXY8": { "paint":"textBase", "color":rgb(0,0,255) }, |
| 306 "sectorXY9": { "paint":"textBase", "color":rgb(192,92,31) }, |
| 307 "sectorXY10": { "paint":"textBase", "color":rgb(31,92,192) }, |
| 308 "sectorXY11": { "paint":"textBase", "color":rgb(127,63,127) }, |
| 309 |
| 310 "stroke": { "style":"stroke", "color":rgb(0,0,0) }, |
| 311 "textBase": { "style":"fill", "color":rgb(0,0,0), "typeface":"descr
iption", |
| 312 "textSize":"1.3rem" }, |
| 313 "vertSegment": { "paint":"diagSegment", "color":rgb(31,92,192) }, |
| 314 }; |
| 315 |
| 316 var pictures = { |
| 317 "curve1DDestText": [ |
| 318 { "draw":"text.curve1d1", "paint":"paints.textBase" }, |
| 319 { "draw":"text.curve1d2", "paint":"paints.textBase" } |
| 320 ], |
| 321 "curveMultipleText": [ |
| 322 { "draw":"text.curveMultiple1", "paint":"paints.textBase" }, |
| 323 { "draw":"text.curveMultiple2", "paint":"paints.textBase" } |
| 324 ], |
| 325 "line1DDestText": [ |
| 326 { "draw":"text.line1DDest1", "paint":"paints.textBase" }, |
| 327 { "draw":"text.line1DDest2", "paint":"paints.textBase" } |
| 328 ], |
| 329 "sectorXYA": [ |
| 330 { "draw":"text.sectorXYA", "paint":"paints.sectorADesc" }, |
| 331 { "draw":"paths.wedgeXY8", "paint":"paints.gradient1" } |
| 332 ], |
| 333 "sectorXYB": [ |
| 334 { "draw":"text.sectorXYB", "paint":"paints.sectorBDesc" }, |
| 335 { "draw":"paths.wedgeXY6", "paint":"paints.gradient2" } |
| 336 ], |
| 337 "sectorXYC": [ |
| 338 { "draw":"text.sectorXYC", "paint":"paints.sectorCDesc" }, |
| 339 { "draw":"paths.wedgeXY3", "paint":"paints.gradient3" } |
| 340 ], |
| 341 "sectorText": [ |
| 342 { "draw":"text.sector1", "paint":"paints.textBase" }, |
| 343 { "draw":"text.sector2", "paint":"paints.textBase" } |
| 344 ], |
| 345 "trivialWedgeSpans": [ |
| 346 { "draw":"paths.span4", "paint":"paints.stroke" }, |
| 347 { "draw":"paths.wedge4", "paint":"paints.gradient4" }, |
| 348 { "draw":"paths.span5", "paint":"paints.stroke" }, |
| 349 { "draw":"paths.wedge5", "paint":"paints.gradient5" }, |
| 350 { "draw":"paths.span6", "paint":"paints.stroke" }, |
| 351 { "draw":"paths.wedge6", "paint":"paints.gradient6" } |
| 352 ], |
| 353 "trivialWedgeText": [ |
| 354 { "draw":"text.trivialWedge1", "paint":"paints.textBase" }, |
| 355 { "draw":"text.trivialWedge2", "paint":"paints.textBase" } |
| 356 ], |
| 357 "xaxis": [ |
| 358 { "draw":"paths.xaxis", "paint":"paints.axisStroke" }, |
| 359 { "draw":"text.xaxis1", "paint":"paints.axisTextDesc" }, |
| 360 { "draw":"text.xaxis2", "paint":"paints.axisTextRight" } |
| 361 ], |
| 362 "yaxis": [ |
| 363 { "draw":"paths.yaxis", "paint":"paints.axisStroke" }, |
| 364 { "draw":"text.yaxis1", "paint":"paints.axisTextTop" }, |
| 365 { "draw":"text.yaxis2", "paint":"paints.axisTextDesc" } |
| 366 ], |
| 367 "axes": [ |
| 368 { "draw":"pictures.xaxis", "paint":"paints.picture" }, |
| 369 { "draw":"pictures.yaxis", "paint":"paints.picture" } |
| 370 ] |
| 371 }; |
| 372 |
| 373 var gradientLookup = [ |
| 374 0, 4, 5, 3, 6, 7, 2, 8, 1 |
| 375 ]; |
| 376 |
| 377 var keyframes = { |
| 378 "_default": [ |
| 379 { "actions": [ |
| 380 { "range":[0,255], "paint":"paints.picture", "target":"paint.color", |
| 381 "params":"target", "formula":"alpha(value, params)" } |
| 382 ]} |
| 383 ], |
| 384 "keyframe1": [ |
| 385 { "time": 0, "duration":1000, "canvas":"clear", "actions": [ |
| 386 { "draw":"text.spanWedge", "paint":"paints.textBase" } |
| 387 ]}, |
| 388 { "time":1000, "duration":1000, "actions": [ |
| 389 { "ref":"span1", "draw":"paths.span1", "paint":"paints.stroke" } |
| 390 ]}, |
| 391 { "time":1500, "duration":1500, "actions": [ |
| 392 { "ref":"wedge1", "draw":"paths.wedge1", "paint":"paints.gradient1"
} |
| 393 ]}, |
| 394 { "time":3500, "duration": 500, "actions": [ |
| 395 { "ref":"span1", "range":[255,0] }, |
| 396 { "ref":"wedge1", "range":[255,0] } |
| 397 ]}, |
| 398 { "time":4000, "duration":1000, "actions": [ |
| 399 { "ref":"span2", "draw":"paths.span2", "paint":"paints.stroke" } |
| 400 ]}, |
| 401 { "time":4500, "duration":1500, "actions": [ |
| 402 { "ref":"wedge2", "draw":"paths.wedge2", "paint":"paints.gradient2"
} |
| 403 ]}, |
| 404 { "time":6500, "duration": 500, "actions": [ |
| 405 { "ref":"span2", "range":[255,0] }, |
| 406 { "ref":"wedge2", "range":[255,0] } |
| 407 ]}, |
| 408 { "time":7000, "duration":1000, "actions": [ |
| 409 { "draw":"paths.span3", "paint":"paints.stroke" } |
| 410 ]}, |
| 411 { "time":7500, "duration":1500, "actions": [ |
| 412 { "draw":"paths.wedge3", "paint":"paints.gradient3" } |
| 413 ]} |
| 414 ], |
| 415 "keyframe2": [ |
| 416 { "time": 0, "duration":1000, "canvas":"clear", "actions": [ |
| 417 { "draw":"pictures.trivialWedgeText", "paint":"paints.picture" } |
| 418 ]}, |
| 419 { "time":2000, "duration":1500, "actions": [ |
| 420 { "draw":"pictures.trivialWedgeSpans", "paint":"paints.picture" } |
| 421 ]} |
| 422 ], |
| 423 "keyframe3": [ |
| 424 { "time": 0, "duration":1000, "canvas":"clear", "actions": [ |
| 425 { "draw":"pictures.sectorText" }, |
| 426 { "draw":"pictures.xaxis" } |
| 427 ]}, |
| 428 { "time": 500, "duration":1000, "actions": [ |
| 429 { "draw":"pictures.yaxis" } |
| 430 ]}, |
| 431 { "time":2000, "duration":1500, "actions": [ |
| 432 { "draw":"pictures.sectorXYA" } |
| 433 ]}, |
| 434 { "time":3000, "duration":1500, "actions": [ |
| 435 { "draw":"pictures.sectorXYB" } |
| 436 ]}, |
| 437 { "time":4000, "duration":1500, "actions": [ |
| 438 { "draw":"pictures.sectorXYC" } |
| 439 ]} |
| 440 ], |
| 441 "keyframe4": [ |
| 442 { "time": 0, "duration":1000, "canvas":"clear", "actions": [ |
| 443 { "draw":"text.lineSingle", "paint":"paints.textBase" }, |
| 444 { "draw":"pictures.axes" } |
| 445 ]}, |
| 446 { "time":1000, "duration":1000, "actions": [ |
| 447 { "ref":"line", "draw":"paths.lineSegment", "paint":"paints.stroke"
} |
| 448 ]}, |
| 449 { "time":1850, "duration":1000, "actions": [ |
| 450 { "ref":"sectorXY1", "draw":"text.sectorXY1", "paint":"paints.sector
XY1" }, |
| 451 { "ref":"sectorXY1", "target":"draw.y", "formula":260 }, |
| 452 { "ref":"wedgeXY1", "draw":"paths.wedgeXY1", "paint":"paints.gradien
t4" } |
| 453 ]}, |
| 454 { "time":3000, "duration":4000, "actions": [ |
| 455 { "ref":"line", "target":"draw[0].line[2]", |
| 456 "range":[-22.5 * Math.PI / 180, (-22.5 - 360) * Math.PI / 180],
"params":"circle", |
| 457 "formula":"params.center.x + params.radius * Math.cos(value)" |
| 458 }, |
| 459 { "ref":"line", "target":"draw[0].line[3]", |
| 460 "range":[-22.5 * Math.PI / 180, (-22.5 - 360) * Math.PI / 180],
"params":"circle", |
| 461 "formula":"params.center.y + params.radius * Math.sin(value)" |
| 462 } |
| 463 ]}, |
| 464 { "for":["i=2", "i<=8", "++i"], "time":"2250 + 500 * i", "duration":100,
"actions": [ |
| 465 { "ref":"'sectorXY' + i", "draw":"'text.sectorXY' + i", |
| 466 "paint":"'paints.sectorXY' + i" }, |
| 467 { "ref":"'sectorXY' + i", "target":"draw.y", "formula":260 }, |
| 468 { "ref":"'wedgeXY' + i", "draw":"'paths.wedgeXY' + i", |
| 469 "paint":"'paints.gradient' + gradientLookup[i]" }, |
| 470 { "ref":"'sectorXY' + (i - 1)", "range":[255,0] }, |
| 471 { "ref":"'wedgeXY' + (i - 1)", "range":[255,0] } |
| 472 ]}, |
| 473 { "time":2250 + 500 * 9, "duration":100, "actions": [ |
| 474 { "ref":"sectorXY1" }, |
| 475 { "ref":"wedgeXY1" }, |
| 476 { "ref":"sectorXY8", "range":[255,0] }, |
| 477 { "ref":"wedgeXY8", "range":[255,0] } |
| 478 ]} |
| 479 ], |
| 480 "keyframe5": [ |
| 481 { "time": 0, "duration":1000, "canvas":"clear", "actions": [ |
| 482 { "draw":"pictures.curveMultipleText" }, |
| 483 { "draw":"pictures.axes" } |
| 484 ]}, |
| 485 { "time":1000, "duration":1000, "actions": [ |
| 486 { "ref":"curve", "draw":"paths.curveSegment1", "paint":"paints.strok
e" } |
| 487 ]}, |
| 488 { "time":2000, "duration":1000, "actions": [ |
| 489 { "draw":"text.sectorXY1", "paint":"paints.sectorXY1", |
| 490 "target":"draw.y", "formula":260 + 1 * 25}, |
| 491 { "draw":"paths.wedgeXY1", "paint":"paints.gradient4" } |
| 492 ]}, |
| 493 { "time":3000, "duration":1000, "actions": [ |
| 494 { "ref":"curve", "range":[0,1], "target":"draw", |
| 495 "params":["paths.curveSegment1","paths.curveSegment2"], |
| 496 "formula":"interp_paths(value, params)" |
| 497 } |
| 498 ]}, |
| 499 { "time":4000, "duration":1000, "actions": [ |
| 500 { "draw":"text.sectorXY2", "paint":"paints.sectorXY2", |
| 501 "target":"draw.y", "formula":260 + 2 * 25}, |
| 502 { "draw":"paths.wedgeXY2", "paint":"paints.gradient5" } |
| 503 ]}, |
| 504 { "time":5000, "duration":1000, "actions": [ |
| 505 { "ref":"curve", "range":[0,1], "target":"draw", |
| 506 "params":["paths.curveSegment2","paths.curveSegment3"], |
| 507 "formula":"interp_paths(value, params)" |
| 508 } |
| 509 ]}, |
| 510 { "for":["i=3", "i<=6", "++i"], "time":"6000", "actions": [ |
| 511 { "ref":"'text' + i", "draw":"'text.sectorXY' + i", "paint":"'paints
.sectorXY' + i", |
| 512 "target":"draw.y", "formula":"260 + i * 25" }, |
| 513 ]}, |
| 514 { "for":["i=3", "i<=6", "++i"], "time":"6000", "duration":1000, "actions
": [ |
| 515 { "ref":"'text' + i" }, |
| 516 ]}, |
| 517 { "time":6000, "duration":1000, "actions": [ |
| 518 { "draw":"paths.wedgeXY3", "paint":"paints.gradient3" }, |
| 519 { "draw":"paths.wedgeXY4", "paint":"paints.gradient6" }, |
| 520 { "draw":"paths.wedgeXY5", "paint":"paints.gradient7" }, |
| 521 { "draw":"paths.wedgeXY6", "paint":"paints.gradient2" }, |
| 522 ]} |
| 523 ], |
| 524 "keyframe6": [ |
| 525 { "time": 0, "duration":1000, "canvas":"clear", "actions": [ |
| 526 { "draw":"pictures.line1DDestText" }, |
| 527 { "draw":"pictures.axes" } |
| 528 ]}, |
| 529 { "time":2000, "duration":1000, "actions": [ |
| 530 { "ref":"xy9", "draw":"text.sectorXY9", "paint":"paints.sectorXY9" }
, |
| 531 { "ref":"xy9", "target":"draw.y", "formula":260 + 25}, |
| 532 { "draw":"paths.horzSegment", "paint":"paints.horzSegment" } |
| 533 ]}, |
| 534 { "time":3000, "duration":1000, "actions": [ |
| 535 { "ref":"xy10", "draw":"text.sectorXY10", "paint":"paints.sectorXY10
" }, |
| 536 { "ref":"xy10", "target":"draw.y", "formula":260 + 50 }, |
| 537 { "draw":"paths.vertSegment", "paint":"paints.vertSegment" } |
| 538 ]}, |
| 539 { "time":4000, "duration":1000, "actions": [ |
| 540 { "ref":"xy11", "draw":"text.sectorXY11", "paint":"paints.sectorXY11
" }, |
| 541 { "ref":"xy11", "target":"draw.y", "formula":260 + 75 }, |
| 542 { "draw":"paths.diagSegment", "paint":"paints.diagSegment" } |
| 543 ]} |
| 544 ], |
| 545 "keyframe7": [ |
| 546 { "time": 0, "duration":1000, "canvas":"clear", "actions": [ |
| 547 { "draw":"pictures.curve1DDestText" }, |
| 548 { "draw":"pictures.axes" } |
| 549 ]}, |
| 550 { "time":2000, "duration":1000, "actions": [ |
| 551 { "ref":"cubic", "draw":"paths.cubicSegment1", "paint":"paints.strok
e" }, |
| 552 { "ref":"cubic", "range":[0,1], "target":"draw", |
| 553 "params":"paths.cubicSegment2", "formula":"path_partial(value, p
arams)" }, |
| 554 { "ref":"xy9", "draw":"text.sectorXY9", "paint":"paints.sectorXY9" }
, |
| 555 { "ref":"xy9", "target":"draw.y", "formula":260 + 25}, |
| 556 { "draw":"paths.horzSegment", "paint":"paints.horzSegment" } |
| 557 ]}, |
| 558 { "time":3000, "duration":1000, "actions": [ |
| 559 { "ref":"xy1", "draw":"text.sectorXY1", "paint":"paints.sectorXY1" }
, |
| 560 { "ref":"xy1", "target":"draw.y", "formula":260 + 60}, |
| 561 { "draw":"paths.wedgeXY1", "paint":"paints.gradient4" } |
| 562 ]}, |
| 563 ] |
| 564 }; |
OLD | NEW |