Skia Fiddle

Options

Width Height

check_box_outline_blank check_box Text Only [Use SkDebugf()]

check_box_outline_blank check_box sRGB

check_box_outline_blank check_box F16

check_box_outline_blank check_box Animation

Duration (seconds)

These globals are now defined:

double duration; // The requested duration of the animation.
double frame;    // A value in [0, 1] of where we are in the animation.

check_box_outline_blank check_box Offscreen Render Target

Width Height Sample Count

check_box_outline_blank check_box Texturable

check_box_outline_blank check_box MipMap

This global is now defined:

GrBackendRenderTarget backEndRenderTarget;

GrBackendTexture backEndTextureRenderTarget;

Optional source image

check_box_outline_blank check_box MipMap

These globals are now defined:

SkBitmap source;
sk_sp<SkImage> image;
GrBackendTexture backEndTexture; // GPU Only.

Note:

Adding comments with SK_FOLD_START and SK_FOLD_END creates foldable code blocks.
These blocks will be folded by default and are useful for highlighting specific lines of code.
You can also use the keyboard shortcuts Ctrl+S and Ctrl+E in the code editor to set them.

xxxxxxxxxx
 
static SkScalar PingPong(double t, SkScalar period, SkScalar phase,
                         SkScalar ends, SkScalar mid) {
  double value = ::fmod(t + phase, period);
  double half = period / 2.0;
  double diff = ::fabs(value - half);
  return SkDoubleToScalar(ends + (1.0 - diff / half) * (mid - ends));
}
​
void draw(SkCanvas* canvas) {
  float bX = PingPong(frame * duration, 2.5f, 0.0f, 0, 1) * 472 + 20;
  float bY = PingPong(frame * duration, 2.0f, 0.4f, 0, 1) * 200 + 28;
​
  SkPaint p;
  p.setColor(SK_ColorWHITE);
  p.setAntiAlias(true);
​
  canvas->clear(SK_ColorBLACK);
  canvas->drawRect(SkRect::MakeXYWH(492, bY - 15, 10, 30), p);
  canvas->drawRect(SkRect::MakeXYWH(10,  bY - 15, 10, 30), p);
  canvas->drawCircle(bX, bY, 5, p);
​
  const float intervals[] = { 12, 6 };
  p.setStrokeWidth(5);
  p.setPathEffect(SkDashPathEffect::Make(intervals, SK_ARRAY_COUNT(intervals), 0));
  canvas->drawLine({256,0}, {256, 256}, p);
}