Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 1 | /* |
| 2 | * Copyright 2017 Google Inc. |
| 3 | * |
| 4 | * Use of this source code is governed by a BSD-style license that can be |
| 5 | * found in the LICENSE file. |
| 6 | */ |
| 7 | |
Mike Klein | c0bd9f9 | 2019-04-23 12:05:21 -0500 | [diff] [blame] | 8 | #include "tools/viewer/SkottieSlide.h" |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 9 | |
Florin Malita | 3d856bd | 2018-05-26 09:49:28 -0400 | [diff] [blame] | 10 | #if defined(SK_ENABLE_SKOTTIE) |
| 11 | |
Mike Klein | c0bd9f9 | 2019-04-23 12:05:21 -0500 | [diff] [blame] | 12 | #include "include/core/SkCanvas.h" |
| 13 | #include "include/core/SkFont.h" |
| 14 | #include "modules/skottie/include/Skottie.h" |
Brian Osman | 849f4d6 | 2019-11-26 08:58:26 -0500 | [diff] [blame] | 15 | #include "modules/skresources/include/SkResources.h" |
Mike Klein | c0bd9f9 | 2019-04-23 12:05:21 -0500 | [diff] [blame] | 16 | #include "src/utils/SkOSPath.h" |
Hal Canary | 4124807 | 2019-07-11 16:32:53 -0400 | [diff] [blame] | 17 | #include "tools/timer/TimeUtils.h" |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 18 | |
Florin Malita | a33447d | 2018-05-29 13:46:54 -0400 | [diff] [blame] | 19 | #include <cmath> |
| 20 | |
Florin Malita | c4f6e02 | 2019-12-10 13:38:45 -0500 | [diff] [blame^] | 21 | #include "imgui.h" |
| 22 | |
Florin Malita | 40c3742 | 2018-08-22 20:37:04 -0400 | [diff] [blame] | 23 | static void draw_stats_box(SkCanvas* canvas, const skottie::Animation::Builder::Stats& stats) { |
Florin Malita | 6eb85a1 | 2018-04-30 10:32:18 -0400 | [diff] [blame] | 24 | static constexpr SkRect kR = { 10, 10, 280, 120 }; |
| 25 | static constexpr SkScalar kTextSize = 20; |
| 26 | |
| 27 | SkPaint paint; |
| 28 | paint.setAntiAlias(true); |
| 29 | paint.setColor(0xffeeeeee); |
Hal Canary | df2d27e | 2019-01-08 09:38:02 -0500 | [diff] [blame] | 30 | |
| 31 | SkFont font(nullptr, kTextSize); |
Florin Malita | 6eb85a1 | 2018-04-30 10:32:18 -0400 | [diff] [blame] | 32 | |
| 33 | canvas->drawRect(kR, paint); |
| 34 | |
| 35 | paint.setColor(SK_ColorBLACK); |
| 36 | |
| 37 | const auto json_size = SkStringPrintf("Json size: %lu bytes", |
| 38 | stats.fJsonSize); |
Hal Canary | df2d27e | 2019-01-08 09:38:02 -0500 | [diff] [blame] | 39 | canvas->drawString(json_size, kR.x() + 10, kR.y() + kTextSize * 1, font, paint); |
Florin Malita | 6eb85a1 | 2018-04-30 10:32:18 -0400 | [diff] [blame] | 40 | const auto animator_count = SkStringPrintf("Animator count: %lu", |
| 41 | stats.fAnimatorCount); |
Hal Canary | df2d27e | 2019-01-08 09:38:02 -0500 | [diff] [blame] | 42 | canvas->drawString(animator_count, kR.x() + 10, kR.y() + kTextSize * 2, font, paint); |
Florin Malita | 6eb85a1 | 2018-04-30 10:32:18 -0400 | [diff] [blame] | 43 | const auto json_parse_time = SkStringPrintf("Json parse time: %.3f ms", |
| 44 | stats.fJsonParseTimeMS); |
Hal Canary | df2d27e | 2019-01-08 09:38:02 -0500 | [diff] [blame] | 45 | canvas->drawString(json_parse_time, kR.x() + 10, kR.y() + kTextSize * 3, font, paint); |
Florin Malita | 6eb85a1 | 2018-04-30 10:32:18 -0400 | [diff] [blame] | 46 | const auto scene_parse_time = SkStringPrintf("Scene build time: %.3f ms", |
| 47 | stats.fSceneParseTimeMS); |
Hal Canary | df2d27e | 2019-01-08 09:38:02 -0500 | [diff] [blame] | 48 | canvas->drawString(scene_parse_time, kR.x() + 10, kR.y() + kTextSize * 4, font, paint); |
Florin Malita | 6eb85a1 | 2018-04-30 10:32:18 -0400 | [diff] [blame] | 49 | const auto total_load_time = SkStringPrintf("Total load time: %.3f ms", |
| 50 | stats.fTotalLoadTimeMS); |
Hal Canary | df2d27e | 2019-01-08 09:38:02 -0500 | [diff] [blame] | 51 | canvas->drawString(total_load_time, kR.x() + 10, kR.y() + kTextSize * 5, font, paint); |
Florin Malita | 6eb85a1 | 2018-04-30 10:32:18 -0400 | [diff] [blame] | 52 | |
| 53 | paint.setStyle(SkPaint::kStroke_Style); |
| 54 | canvas->drawRect(kR, paint); |
| 55 | } |
| 56 | |
Florin Malita | 54f65c4 | 2018-01-16 17:04:30 -0500 | [diff] [blame] | 57 | SkottieSlide::SkottieSlide(const SkString& name, const SkString& path) |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 58 | : fPath(path) { |
| 59 | fName = name; |
| 60 | } |
| 61 | |
Florin Malita | c378fdc | 2018-02-09 11:15:32 -0500 | [diff] [blame] | 62 | void SkottieSlide::load(SkScalar w, SkScalar h) { |
Florin Malita | 57b9d40 | 2018-10-02 12:48:00 -0400 | [diff] [blame] | 63 | class Logger final : public skottie::Logger { |
| 64 | public: |
| 65 | struct LogEntry { |
| 66 | SkString fMessage, |
| 67 | fJSON; |
| 68 | }; |
| 69 | |
| 70 | void log(skottie::Logger::Level lvl, const char message[], const char json[]) override { |
| 71 | auto& log = lvl == skottie::Logger::Level::kError ? fErrors : fWarnings; |
| 72 | log.push_back({ SkString(message), json ? SkString(json) : SkString() }); |
| 73 | } |
| 74 | |
| 75 | void report() const { |
| 76 | SkDebugf("Animation loaded with %lu error%s, %lu warning%s.\n", |
| 77 | fErrors.size(), fErrors.size() == 1 ? "" : "s", |
| 78 | fWarnings.size(), fWarnings.size() == 1 ? "" : "s"); |
| 79 | |
| 80 | const auto& show = [](const LogEntry& log, const char prefix[]) { |
| 81 | SkDebugf("%s%s", prefix, log.fMessage.c_str()); |
| 82 | if (!log.fJSON.isEmpty()) |
| 83 | SkDebugf(" : %s", log.fJSON.c_str()); |
| 84 | SkDebugf("\n"); |
| 85 | }; |
| 86 | |
| 87 | for (const auto& err : fErrors) show(err, " !! "); |
| 88 | for (const auto& wrn : fWarnings) show(wrn, " ?? "); |
| 89 | } |
| 90 | |
| 91 | private: |
| 92 | std::vector<LogEntry> fErrors, |
| 93 | fWarnings; |
| 94 | }; |
| 95 | |
| 96 | auto logger = sk_make_sp<Logger>(); |
Florin Malita | 40c3742 | 2018-08-22 20:37:04 -0400 | [diff] [blame] | 97 | skottie::Animation::Builder builder; |
Florin Malita | 57b9d40 | 2018-10-02 12:48:00 -0400 | [diff] [blame] | 98 | |
Florin Malita | a831655 | 2018-11-09 16:19:44 -0500 | [diff] [blame] | 99 | fAnimation = builder |
| 100 | .setLogger(logger) |
| 101 | .setResourceProvider( |
Brian Osman | 849f4d6 | 2019-11-26 08:58:26 -0500 | [diff] [blame] | 102 | skresources::DataURIResourceProviderProxy::Make( |
| 103 | skresources::FileResourceProvider::Make(SkOSPath::Dirname(fPath.c_str()), |
Florin Malita | cfbc4d4 | 2019-10-18 13:13:40 -0400 | [diff] [blame] | 104 | /*predecode=*/true), |
| 105 | /*predecode=*/true)) |
Florin Malita | a831655 | 2018-11-09 16:19:44 -0500 | [diff] [blame] | 106 | .makeFromFile(fPath.c_str()); |
Florin Malita | 40c3742 | 2018-08-22 20:37:04 -0400 | [diff] [blame] | 107 | fAnimationStats = builder.getStats(); |
| 108 | fWinSize = SkSize::Make(w, h); |
| 109 | fTimeBase = 0; // force a time reset |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 110 | |
| 111 | if (fAnimation) { |
Florin Malita | 8703748 | 2019-12-09 11:09:38 -0500 | [diff] [blame] | 112 | fAnimation->seek(0); |
Florin Malita | 57b9d40 | 2018-10-02 12:48:00 -0400 | [diff] [blame] | 113 | SkDebugf("Loaded Bodymovin animation v: %s, size: [%f %f]\n", |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 114 | fAnimation->version().c_str(), |
| 115 | fAnimation->size().width(), |
Florin Malita | 911ae40 | 2018-05-31 16:45:29 -0400 | [diff] [blame] | 116 | fAnimation->size().height()); |
Florin Malita | 57b9d40 | 2018-10-02 12:48:00 -0400 | [diff] [blame] | 117 | logger->report(); |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 118 | } else { |
| 119 | SkDebugf("failed to load Bodymovin animation: %s\n", fPath.c_str()); |
| 120 | } |
| 121 | } |
| 122 | |
Florin Malita | 54f65c4 | 2018-01-16 17:04:30 -0500 | [diff] [blame] | 123 | void SkottieSlide::unload() { |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 124 | fAnimation.reset(); |
| 125 | } |
| 126 | |
Florin Malita | c4f6e02 | 2019-12-10 13:38:45 -0500 | [diff] [blame^] | 127 | void SkottieSlide::resize(SkScalar w, SkScalar h) { |
| 128 | fWinSize = { w, h }; |
| 129 | } |
| 130 | |
Florin Malita | 54f65c4 | 2018-01-16 17:04:30 -0500 | [diff] [blame] | 131 | SkISize SkottieSlide::getDimensions() const { |
Florin Malita | c378fdc | 2018-02-09 11:15:32 -0500 | [diff] [blame] | 132 | // We always scale to fill the window. |
| 133 | return fWinSize.toCeil(); |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 134 | } |
| 135 | |
Florin Malita | 54f65c4 | 2018-01-16 17:04:30 -0500 | [diff] [blame] | 136 | void SkottieSlide::draw(SkCanvas* canvas) { |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 137 | if (fAnimation) { |
Florin Malita | aa4dc62 | 2018-01-02 14:37:37 -0500 | [diff] [blame] | 138 | SkAutoCanvasRestore acr(canvas, true); |
Florin Malita | c378fdc | 2018-02-09 11:15:32 -0500 | [diff] [blame] | 139 | const auto dstR = SkRect::MakeSize(fWinSize); |
Mike Reed | 2985987 | 2018-01-08 08:25:27 -0500 | [diff] [blame] | 140 | fAnimation->render(canvas, &dstR); |
Florin Malita | 6eb85a1 | 2018-04-30 10:32:18 -0400 | [diff] [blame] | 141 | |
| 142 | if (fShowAnimationStats) { |
| 143 | draw_stats_box(canvas, fAnimationStats); |
| 144 | } |
Florin Malita | 00d4f53 | 2019-07-22 12:05:41 -0400 | [diff] [blame] | 145 | if (fShowAnimationInval) { |
| 146 | const auto t = SkMatrix::MakeRectToRect(SkRect::MakeSize(fAnimation->size()), |
| 147 | dstR, |
| 148 | SkMatrix::kCenter_ScaleToFit); |
| 149 | SkPaint fill, stroke; |
| 150 | fill.setAntiAlias(true); |
| 151 | fill.setColor(0x40ff0000); |
| 152 | stroke.setAntiAlias(true); |
| 153 | stroke.setColor(0xffff0000); |
| 154 | stroke.setStyle(SkPaint::kStroke_Style); |
| 155 | |
| 156 | for (const auto& r : fInvalController) { |
| 157 | SkRect bounds; |
| 158 | t.mapRect(&bounds, r); |
| 159 | canvas->drawRect(bounds, fill); |
| 160 | canvas->drawRect(bounds, stroke); |
| 161 | } |
| 162 | } |
Florin Malita | c4f6e02 | 2019-12-10 13:38:45 -0500 | [diff] [blame^] | 163 | if (fShowUI) { |
| 164 | this->renderUI(); |
| 165 | } |
| 166 | |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 167 | } |
| 168 | } |
| 169 | |
Hal Canary | 4124807 | 2019-07-11 16:32:53 -0400 | [diff] [blame] | 170 | bool SkottieSlide::animate(double nanos) { |
| 171 | SkMSec msec = TimeUtils::NanosToMSec(nanos); |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 172 | if (fTimeBase == 0) { |
| 173 | // Reset the animation time. |
Hal Canary | 4124807 | 2019-07-11 16:32:53 -0400 | [diff] [blame] | 174 | fTimeBase = msec; |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 175 | } |
| 176 | |
| 177 | if (fAnimation) { |
Florin Malita | 00d4f53 | 2019-07-22 12:05:41 -0400 | [diff] [blame] | 178 | fInvalController.reset(); |
Florin Malita | c4f6e02 | 2019-12-10 13:38:45 -0500 | [diff] [blame^] | 179 | |
| 180 | if (!fDraggingProgress) { |
| 181 | // Clock-driven progress: update current frame. |
| 182 | const double t_sec = (msec - fTimeBase) / 1000.0; |
| 183 | fCurrentFrame = std::fmod(t_sec, fAnimation->duration()) * fAnimation->fps(); |
| 184 | } else { |
| 185 | // Slider-driven progress: update the time origin. |
| 186 | fTimeBase = TimeUtils::NanosToMSec(nanos) |
| 187 | - static_cast<SkMSec>(fCurrentFrame / fAnimation->fps() * 1000); |
| 188 | } |
| 189 | |
| 190 | fAnimation->seekFrame(fCurrentFrame); |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 191 | } |
| 192 | return true; |
| 193 | } |
| 194 | |
Florin Malita | 54f65c4 | 2018-01-16 17:04:30 -0500 | [diff] [blame] | 195 | bool SkottieSlide::onChar(SkUnichar c) { |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 196 | switch (c) { |
| 197 | case 'I': |
Florin Malita | 6eb85a1 | 2018-04-30 10:32:18 -0400 | [diff] [blame] | 198 | fShowAnimationStats = !fShowAnimationStats; |
Florin Malita | 094ccde | 2017-12-30 12:27:00 -0500 | [diff] [blame] | 199 | break; |
| 200 | default: |
| 201 | break; |
| 202 | } |
| 203 | |
| 204 | return INHERITED::onChar(c); |
| 205 | } |
Florin Malita | 60d3bfc | 2018-02-20 16:49:20 -0500 | [diff] [blame] | 206 | |
Hal Canary | b1f411a | 2019-08-29 10:39:22 -0400 | [diff] [blame] | 207 | bool SkottieSlide::onMouse(SkScalar x, SkScalar y, skui::InputState state, skui::ModifierKey) { |
Florin Malita | 60d3bfc | 2018-02-20 16:49:20 -0500 | [diff] [blame] | 208 | switch (state) { |
Hal Canary | b1f411a | 2019-08-29 10:39:22 -0400 | [diff] [blame] | 209 | case skui::InputState::kUp: |
Florin Malita | 60d3bfc | 2018-02-20 16:49:20 -0500 | [diff] [blame] | 210 | fShowAnimationInval = !fShowAnimationInval; |
Florin Malita | 6eb85a1 | 2018-04-30 10:32:18 -0400 | [diff] [blame] | 211 | fShowAnimationStats = !fShowAnimationStats; |
Florin Malita | 60d3bfc | 2018-02-20 16:49:20 -0500 | [diff] [blame] | 212 | break; |
| 213 | default: |
| 214 | break; |
| 215 | } |
| 216 | |
Florin Malita | c4f6e02 | 2019-12-10 13:38:45 -0500 | [diff] [blame^] | 217 | fShowUI = this->UIArea().contains(x, y); |
| 218 | |
Florin Malita | 83286a0 | 2018-02-21 13:03:41 -0500 | [diff] [blame] | 219 | return false; |
Florin Malita | 60d3bfc | 2018-02-20 16:49:20 -0500 | [diff] [blame] | 220 | } |
Florin Malita | 3d856bd | 2018-05-26 09:49:28 -0400 | [diff] [blame] | 221 | |
Florin Malita | c4f6e02 | 2019-12-10 13:38:45 -0500 | [diff] [blame^] | 222 | SkRect SkottieSlide::UIArea() const { |
| 223 | static constexpr float kUIHeight = 150.0f; |
| 224 | |
| 225 | return SkRect::MakeXYWH(0, fWinSize.height() - kUIHeight, fWinSize.width(), kUIHeight); |
| 226 | } |
| 227 | |
| 228 | void SkottieSlide::renderUI() { |
| 229 | static constexpr auto kUI_opacity = 0.35f; |
| 230 | |
| 231 | ImGui::SetNextWindowBgAlpha(kUI_opacity); |
| 232 | if (ImGui::Begin("Skottie Controls", nullptr, ImGuiWindowFlags_NoDecoration | |
| 233 | ImGuiWindowFlags_NoResize | |
| 234 | ImGuiWindowFlags_NoMove | |
| 235 | ImGuiWindowFlags_NoSavedSettings | |
| 236 | ImGuiWindowFlags_NoFocusOnAppearing | |
| 237 | ImGuiWindowFlags_NoNav)) { |
| 238 | const auto ui_area = this->UIArea(); |
| 239 | ImGui::SetWindowPos(ImVec2(ui_area.x(), ui_area.y())); |
| 240 | ImGui::SetWindowSize(ImVec2(ui_area.width(), ui_area.height())); |
| 241 | |
| 242 | ImGui::PushItemWidth(-1); |
| 243 | ImGui::SliderFloat("", &fCurrentFrame, 0, fAnimation->duration() * fAnimation->fps()); |
| 244 | fDraggingProgress = ImGui::IsItemActive(); |
| 245 | |
| 246 | ImGui::PopItemWidth(); |
| 247 | } |
| 248 | ImGui::End(); |
| 249 | } |
| 250 | |
Florin Malita | 3d856bd | 2018-05-26 09:49:28 -0400 | [diff] [blame] | 251 | #endif // SK_ENABLE_SKOTTIE |