examples/perf-scroll/perf-scroll.cpp

   1 /*
   2  * Copyright (c) 2020 Samsung Electronics Co., Ltd.
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  * http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  *
  16  */
  17
  18 #include <dali-toolkit/dali-toolkit.h>
  19 #include <dali-toolkit/devel-api/visuals/visual-properties-devel.h>
  20 #include "shared/utility.h"
  21 #include "generated/perf-scroll-vert.h"
  22 #include "generated/perf-scroll-frag.h"
  23
  24 using namespace Dali;
  25 using namespace Dali::Toolkit;
  26
  27 namespace
  28 {
  29 const char* IMAGE_PATH[] = {
  30   DEMO_IMAGE_DIR "gallery-medium-1.jpg",
  31   DEMO_IMAGE_DIR "gallery-medium-2.jpg",
  32   DEMO_IMAGE_DIR "gallery-medium-3.jpg",
  33   DEMO_IMAGE_DIR "gallery-medium-4.jpg",
  34   DEMO_IMAGE_DIR "gallery-medium-5.jpg",
  35   DEMO_IMAGE_DIR "gallery-medium-6.jpg",
  36   DEMO_IMAGE_DIR "gallery-medium-7.jpg",
  37   DEMO_IMAGE_DIR "gallery-medium-8.jpg",
  38   DEMO_IMAGE_DIR "gallery-medium-9.jpg",
  39   DEMO_IMAGE_DIR "gallery-medium-10.jpg",
  40   DEMO_IMAGE_DIR "gallery-medium-11.jpg",
  41   DEMO_IMAGE_DIR "gallery-medium-12.jpg",
  42   DEMO_IMAGE_DIR "gallery-medium-13.jpg",
  43   DEMO_IMAGE_DIR "gallery-medium-14.jpg",
  44   DEMO_IMAGE_DIR "gallery-medium-15.jpg",
  45   DEMO_IMAGE_DIR "gallery-medium-16.jpg",
  46   DEMO_IMAGE_DIR "gallery-medium-17.jpg",
  47   DEMO_IMAGE_DIR "gallery-medium-18.jpg",
  48   DEMO_IMAGE_DIR "gallery-medium-19.jpg",
  49   DEMO_IMAGE_DIR "gallery-medium-20.jpg",
  50   DEMO_IMAGE_DIR "gallery-medium-21.jpg",
  51   DEMO_IMAGE_DIR "gallery-medium-22.jpg",
  52   DEMO_IMAGE_DIR "gallery-medium-23.jpg",
  53   DEMO_IMAGE_DIR "gallery-medium-24.jpg",
  54   DEMO_IMAGE_DIR "gallery-medium-25.jpg",
  55   DEMO_IMAGE_DIR "gallery-medium-26.jpg",
  56   DEMO_IMAGE_DIR "gallery-medium-27.jpg",
  57   DEMO_IMAGE_DIR "gallery-medium-28.jpg",
  58   DEMO_IMAGE_DIR "gallery-medium-29.jpg",
  59   DEMO_IMAGE_DIR "gallery-medium-30.jpg",
  60   DEMO_IMAGE_DIR "gallery-medium-31.jpg",
  61   DEMO_IMAGE_DIR "gallery-medium-32.jpg",
  62   DEMO_IMAGE_DIR "gallery-medium-33.jpg",
  63   DEMO_IMAGE_DIR "gallery-medium-34.jpg",
  64   DEMO_IMAGE_DIR "gallery-medium-35.jpg",
  65   DEMO_IMAGE_DIR "gallery-medium-36.jpg",
  66   DEMO_IMAGE_DIR "gallery-medium-37.jpg",
  67   DEMO_IMAGE_DIR "gallery-medium-38.jpg",
  68   DEMO_IMAGE_DIR "gallery-medium-39.jpg",
  69   DEMO_IMAGE_DIR "gallery-medium-40.jpg",
  70   DEMO_IMAGE_DIR "gallery-medium-41.jpg",
  71   DEMO_IMAGE_DIR "gallery-medium-42.jpg",
  72   DEMO_IMAGE_DIR "gallery-medium-43.jpg",
  73   DEMO_IMAGE_DIR "gallery-medium-44.jpg",
  74   DEMO_IMAGE_DIR "gallery-medium-45.jpg",
  75   DEMO_IMAGE_DIR "gallery-medium-46.jpg",
  76   DEMO_IMAGE_DIR "gallery-medium-47.jpg",
  77   DEMO_IMAGE_DIR "gallery-medium-48.jpg",
  78   DEMO_IMAGE_DIR "gallery-medium-49.jpg",
  79   DEMO_IMAGE_DIR "gallery-medium-50.jpg",
  80   DEMO_IMAGE_DIR "gallery-medium-51.jpg",
  81   DEMO_IMAGE_DIR "gallery-medium-52.jpg",
  82   DEMO_IMAGE_DIR "gallery-medium-53.jpg",
  83 };
  84
  85 const char* NINEPATCH_IMAGE_PATH[] = {
  86   DEMO_IMAGE_DIR "selection-popup-bg.1.9.png",
  87   DEMO_IMAGE_DIR "selection-popup-bg.2.9.png",
  88   DEMO_IMAGE_DIR "selection-popup-bg.3.9.png",
  89   DEMO_IMAGE_DIR "selection-popup-bg.4.9.png",
  90   DEMO_IMAGE_DIR "selection-popup-bg.5.9.png",
  91   DEMO_IMAGE_DIR "selection-popup-bg.6.9.png",
  92   DEMO_IMAGE_DIR "selection-popup-bg.7.9.png",
  93   DEMO_IMAGE_DIR "selection-popup-bg.8.9.png",
  94   DEMO_IMAGE_DIR "selection-popup-bg.9.9.png",
  95   DEMO_IMAGE_DIR "selection-popup-bg.10.9.png",
  96   DEMO_IMAGE_DIR "selection-popup-bg.11.9.png",
  97   DEMO_IMAGE_DIR "selection-popup-bg.12.9.png",
  98   DEMO_IMAGE_DIR "selection-popup-bg.13.9.png",
  99   DEMO_IMAGE_DIR "selection-popup-bg.14.9.png",
 100   DEMO_IMAGE_DIR "selection-popup-bg.15.9.png",
 101   DEMO_IMAGE_DIR "selection-popup-bg.16.9.png",
 102   DEMO_IMAGE_DIR "selection-popup-bg.17.9.png",
 103   DEMO_IMAGE_DIR "selection-popup-bg.18.9.png",
 104   DEMO_IMAGE_DIR "selection-popup-bg.19.9.png",
 105   DEMO_IMAGE_DIR "selection-popup-bg.20.9.png",
 106   DEMO_IMAGE_DIR "selection-popup-bg.21.9.png",
 107   DEMO_IMAGE_DIR "selection-popup-bg.22.9.png",
 108   DEMO_IMAGE_DIR "selection-popup-bg.23.9.png",
 109   DEMO_IMAGE_DIR "selection-popup-bg.24.9.png",
 110   DEMO_IMAGE_DIR "selection-popup-bg.25.9.png",
 111   DEMO_IMAGE_DIR "selection-popup-bg.26.9.png",
 112   DEMO_IMAGE_DIR "selection-popup-bg.27.9.png",
 113   DEMO_IMAGE_DIR "selection-popup-bg.28.9.png",
 114   DEMO_IMAGE_DIR "selection-popup-bg.29.9.png",
 115   DEMO_IMAGE_DIR "selection-popup-bg.30.9.png",
 116   DEMO_IMAGE_DIR "selection-popup-bg.31.9.png",
 117   DEMO_IMAGE_DIR "selection-popup-bg.32.9.png",
 118   DEMO_IMAGE_DIR "selection-popup-bg.33.9.png",
 119   DEMO_IMAGE_DIR "button-disabled.9.png",
 120   DEMO_IMAGE_DIR "button-down.9.png",
 121   DEMO_IMAGE_DIR "button-down-disabled.9.png",
 122   DEMO_IMAGE_DIR "button-up-1.9.png",
 123   DEMO_IMAGE_DIR "button-up-2.9.png",
 124   DEMO_IMAGE_DIR "button-up-3.9.png",
 125   DEMO_IMAGE_DIR "button-up-4.9.png",
 126   DEMO_IMAGE_DIR "button-up-5.9.png",
 127   DEMO_IMAGE_DIR "button-up-6.9.png",
 128   DEMO_IMAGE_DIR "button-up-7.9.png",
 129   DEMO_IMAGE_DIR "button-up-8.9.png",
 130   DEMO_IMAGE_DIR "button-up-9.9.png",
 131   DEMO_IMAGE_DIR "button-up-10.9.png",
 132   DEMO_IMAGE_DIR "button-up-11.9.png",
 133   DEMO_IMAGE_DIR "button-up-12.9.png",
 134   DEMO_IMAGE_DIR "button-up-13.9.png",
 135   DEMO_IMAGE_DIR "button-up-14.9.png",
 136   DEMO_IMAGE_DIR "button-up-15.9.png",
 137   DEMO_IMAGE_DIR "button-up-16.9.png",
 138   DEMO_IMAGE_DIR "button-up-17.9.png",
 139 };
 140
 141 const unsigned int NUM_IMAGES           = sizeof(IMAGE_PATH) / sizeof(char*);
 142 const unsigned int NUM_NINEPATCH_IMAGES = sizeof(NINEPATCH_IMAGE_PATH) / sizeof(char*);
 143
 144 const float ANIMATION_TIME(5.0f); // animation length in seconds
 145
 146 struct VertexWithTexture
 147 {
 148   Vector2 position;
 149   Vector2 texCoord;
 150 };
 151
 152 bool         gUseMesh(false);
 153 bool         gNinePatch(false);
 154 unsigned int gRowsPerPage(15);
 155 unsigned int gColumnsPerPage(15);
 156 unsigned int gPageCount(10);
 157 float        gDuration(10.0f);
 158
 159 Renderer CreateRenderer(unsigned int index, Geometry geometry, Shader shader)
 160 {
 161   Renderer    renderer   = Renderer::New(geometry, shader);
 162   const char* imagePath  = !gNinePatch ? IMAGE_PATH[index] : NINEPATCH_IMAGE_PATH[index];
 163   Texture     texture    = DemoHelper::LoadTexture(imagePath);
 164   TextureSet  textureSet = TextureSet::New();
 165   textureSet.SetTexture(0u, texture);
 166   renderer.SetTextures(textureSet);
 167   renderer.SetProperty(Renderer::Property::BLEND_MODE, BlendMode::OFF);
 168   return renderer;
 169 }
 170
 171 } // namespace
 172 // Test application to compare performance between ImageActor and ImageView
 173 // By default, the application consist of 10 pages of 25x25 ImageActors, this can be modified using the following command line arguments:
 174 // -t duration (sec )
 175 // --use-imageview ( Use ImageView instead of ImageActor )
 176 // --use-mesh ( Use new renderer API (as ImageView) but shares renderers between actors when possible )
 177
 178 //
 179 class PerfScroll : public ConnectionTracker
 180 {
 181 public:
 182   PerfScroll(Application& application)
 183   : mApplication(application),
 184     mRowsPerPage(gRowsPerPage),
 185     mColumnsPerPage(gColumnsPerPage),
 186     mPageCount(gPageCount)
 187   {
 188     // Connect to the Application's Init signal
 189     mApplication.InitSignal().Connect(this, &PerfScroll::Create);
 190   }
 191
 192   ~PerfScroll()
 193   {
 194     // Nothing to do here;
 195   }
 196
 197   // The Init signal is received once (only) during the Application lifetime
 198   void Create(Application& application)
 199   {
 200     // Get a handle to the window
 201     Window window = application.GetWindow();
 202     window.SetBackgroundColor(Color::WHITE);
 203     Vector2 windowSize = window.GetSize();
 204
 205     window.GetRootLayer().SetProperty(Layer::Property::DEPTH_TEST, false);
 206
 207     mSize = Vector3(windowSize.x / mColumnsPerPage, windowSize.y / mRowsPerPage, 0.0f);
 208
 209     // Respond to a click anywhere on the window
 210     window.GetRootLayer().TouchedSignal().Connect(this, &PerfScroll::OnTouch);
 211
 212     // Respond to key events
 213     window.KeyEventSignal().Connect(this, &PerfScroll::OnKeyEvent);
 214
 215     mParent = Actor::New();
 216     mParent.SetProperty(Actor::Property::ANCHOR_POINT, AnchorPoint::TOP_LEFT);
 217     window.Add(mParent);
 218
 219     if(gUseMesh)
 220     {
 221       CreateMeshActors();
 222     }
 223     else
 224     {
 225       CreateImageViews();
 226     }
 227
 228     ShowAnimation();
 229   }
 230
 231   bool OnTouch(Actor actor, const TouchEvent& touch)
 232   {
 233     // quit the application
 234     mApplication.Quit();
 235     return true;
 236   }
 237
 238   const char* ImagePath(int i)
 239   {
 240     return !gNinePatch ? IMAGE_PATH[i % NUM_IMAGES] : NINEPATCH_IMAGE_PATH[i % NUM_NINEPATCH_IMAGES];
 241   }
 242
 243   void CreateImageViews()
 244   {
 245     Window       window = mApplication.GetWindow();
 246     unsigned int actorCount(mRowsPerPage * mColumnsPerPage * mPageCount);
 247     mImageView.resize(actorCount);
 248
 249     for(size_t i(0); i < actorCount; ++i)
 250     {
 251       mImageView[i] = ImageView::New();
 252       Property::Map propertyMap;
 253       propertyMap.Insert(Toolkit::ImageVisual::Property::URL, ImagePath(i));
 254       propertyMap.Insert(Toolkit::Visual::Property::TYPE, Toolkit::Visual::IMAGE);
 255       propertyMap.Insert(Toolkit::DevelVisual::Property::VISUAL_FITTING_MODE, Toolkit::DevelVisual::FILL);
 256       mImageView[i].SetProperty(Toolkit::ImageView::Property::IMAGE, propertyMap);
 257
 258       mImageView[i].SetProperty(Actor::Property::SIZE, Vector3(0.0f, 0.0f, 0.0f));
 259       mImageView[i].SetResizePolicy(ResizePolicy::FIXED, Dimension::ALL_DIMENSIONS);
 260       mParent.Add(mImageView[i]);
 261     }
 262   }
 263
 264   void CreateMeshActors()
 265   {
 266     unsigned int numImages = !gNinePatch ? NUM_IMAGES : NUM_NINEPATCH_IMAGES;
 267
 268     //Create all the renderers
 269     std::vector<Renderer> renderers(numImages);
 270     Shader                shader   = Shader::New(SHADER_PERF_SCROLL_VERT, SHADER_PERF_SCROLL_FRAG);
 271     Geometry              geometry = DemoHelper::CreateTexturedQuad();
 272     for(unsigned int i(0); i < numImages; ++i)
 273     {
 274       renderers[i] = CreateRenderer(i, geometry, shader);
 275     }
 276
 277     //Create the actors
 278     Window       window = mApplication.GetWindow();
 279     unsigned int actorCount(mRowsPerPage * mColumnsPerPage * mPageCount);
 280     mActor.resize(actorCount);
 281     for(size_t i(0); i < actorCount; ++i)
 282     {
 283       mActor[i] = Actor::New();
 284       mActor[i].AddRenderer(renderers[i % numImages]);
 285       mActor[i].SetProperty(Actor::Property::SIZE, Vector3(0.0f, 0.0f, 0.0f));
 286       mParent.Add(mActor[i]);
 287     }
 288   }
 289
 290   void OnAnimationEnd(Animation& source)
 291   {
 292     if(source == mShow)
 293     {
 294       ScrollAnimation();
 295     }
 296     else if(source == mScroll)
 297     {
 298       HideAnimation();
 299     }
 300     else
 301     {
 302       mApplication.Quit();
 303     }
 304   }
 305
 306   void ShowAnimation()
 307   {
 308     Window  window = mApplication.GetWindow();
 309     Vector3 initialPosition(window.GetSize().GetWidth() * 0.5f, window.GetSize().GetHeight() * 0.5f, 1000.0f);
 310
 311     unsigned int totalColumns = mColumnsPerPage * mPageCount;
 312
 313     size_t count(0);
 314     float  xpos, ypos;
 315     mShow = Animation::New(0.0f);
 316
 317     float totalDuration(0.0f);
 318     float durationPerActor(0.0f);
 319     float delayBetweenActors = (totalDuration - durationPerActor) / (mRowsPerPage * mColumnsPerPage);
 320
 321     for(size_t i(0); i < totalColumns; ++i)
 322     {
 323       xpos = mSize.x * i;
 324
 325       for(size_t j(0); j < mRowsPerPage; ++j)
 326       {
 327         ypos = mSize.y * j;
 328
 329         float delay    = 0.0f;
 330         float duration = 0.0f;
 331         if(count < (static_cast<size_t>(mRowsPerPage) * mColumnsPerPage))
 332         {
 333           duration = durationPerActor;
 334           delay    = delayBetweenActors * count;
 335         }
 336         if(gUseMesh)
 337         {
 338           mActor[count].SetProperty(Actor::Property::POSITION, initialPosition);
 339           mActor[count].SetProperty(Actor::Property::SIZE, Vector3(0.0f, 0.0f, 0.0f));
 340           mActor[count].SetProperty(Actor::Property::ORIENTATION, Quaternion(Quaternion(Radian(0.0f), Vector3::XAXIS)));
 341           mShow.AnimateTo(Property(mActor[count], Actor::Property::POSITION), Vector3(xpos + mSize.x * 0.5f, ypos + mSize.y * 0.5f, 0.0f), AlphaFunction::EASE_OUT_BACK, TimePeriod(delay, duration));
 342           mShow.AnimateTo(Property(mActor[count], Actor::Property::SIZE), mSize, AlphaFunction::EASE_OUT_BACK, TimePeriod(delay, duration));
 343         }
 344         else
 345         {
 346           mImageView[count].SetProperty(Actor::Property::POSITION, initialPosition);
 347           mImageView[count].SetProperty(Actor::Property::SIZE, Vector3(0.0f, 0.0f, 0.0f));
 348           mImageView[count].SetProperty(Actor::Property::ORIENTATION, Quaternion(Quaternion(Radian(0.0f), Vector3::XAXIS)));
 349           mShow.AnimateTo(Property(mImageView[count], Actor::Property::POSITION), Vector3(xpos + mSize.x * 0.5f, ypos + mSize.y * 0.5f, 0.0f), AlphaFunction::EASE_OUT_BACK, TimePeriod(delay, duration));
 350           mShow.AnimateTo(Property(mImageView[count], Actor::Property::SIZE), mSize, AlphaFunction::EASE_OUT_BACK, TimePeriod(delay, duration));
 351         }
 352         ++count;
 353       }
 354     }
 355     mShow.Play();
 356     mShow.FinishedSignal().Connect(this, &PerfScroll::OnAnimationEnd);
 357   }
 358
 359   void ScrollAnimation()
 360   {
 361     Window  window = mApplication.GetWindow();
 362     Vector3 windowSize(window.GetSize());
 363
 364     mScroll = Animation::New(gDuration);
 365
 366     mScroll.AnimateBy(Property(mParent, Actor::Property::POSITION), Vector3(-(gPageCount - 1.) * windowSize.x, 0.0f, 0.0f));
 367     mScroll.Play();
 368     mScroll.FinishedSignal().Connect(this, &PerfScroll::OnAnimationEnd);
 369   }
 370
 371   void HideAnimation()
 372   {
 373     size_t       count(0);
 374     unsigned int actorsPerPage(mRowsPerPage * mColumnsPerPage);
 375     mHide = Animation::New(0.0f);
 376
 377     unsigned int totalColumns = mColumnsPerPage * mPageCount;
 378
 379     float totalDuration(0.0f);
 380     float durationPerActor(0.0f);
 381     float delayBetweenActors = (totalDuration - durationPerActor) / (mRowsPerPage * mColumnsPerPage);
 382     for(size_t i(0); i < mRowsPerPage; ++i)
 383     {
 384       for(size_t j(0); j < totalColumns; ++j)
 385       {
 386         float delay    = 0.0f;
 387         float duration = 0.0f;
 388         if(count < actorsPerPage)
 389         {
 390           duration = durationPerActor;
 391           delay    = delayBetweenActors * count;
 392         }
 393
 394         if(gUseMesh)
 395         {
 396           mHide.AnimateTo(Property(mActor[count], Actor::Property::ORIENTATION), Quaternion(Radian(Degree(70.0f)), Vector3::XAXIS), AlphaFunction::EASE_OUT, TimePeriod(delay, duration));
 397           mHide.AnimateBy(Property(mActor[count], Actor::Property::POSITION_Z), 1000.0f, AlphaFunction::EASE_OUT_BACK, TimePeriod(delay + delayBetweenActors * actorsPerPage + duration, duration));
 398         }
 399         else
 400         {
 401           mHide.AnimateTo(Property(mImageView[count], Actor::Property::ORIENTATION), Quaternion(Radian(Degree(70.0f)), Vector3::XAXIS), AlphaFunction::EASE_OUT, TimePeriod(delay, duration));
 402           mHide.AnimateBy(Property(mImageView[count], Actor::Property::POSITION_Z), 1000.0f, AlphaFunction::EASE_OUT_BACK, TimePeriod(delay + delayBetweenActors * actorsPerPage + duration, duration));
 403         }
 404         ++count;
 405       }
 406     }
 407
 408     mHide.Play();
 409     mHide.FinishedSignal().Connect(this, &PerfScroll::OnAnimationEnd);
 410   }
 411
 412   void OnKeyEvent(const KeyEvent& event)
 413   {
 414     if(event.GetState() == KeyEvent::DOWN)
 415     {
 416       if(IsKey(event, Dali::DALI_KEY_ESCAPE) || IsKey(event, Dali::DALI_KEY_BACK))
 417       {
 418         mApplication.Quit();
 419       }
 420     }
 421   }
 422
 423 private:
 424   Application& mApplication;
 425
 426   std::vector<Actor>     mActor;
 427   std::vector<ImageView> mImageView;
 428   Actor                  mParent;
 429
 430   Vector3      mSize;
 431   unsigned int mRowsPerPage;
 432   unsigned int mColumnsPerPage;
 433   unsigned int mPageCount;
 434
 435   Animation mShow;
 436   Animation mScroll;
 437   Animation mHide;
 438 };
 439
 440 int DALI_EXPORT_API main(int argc, char** argv)
 441 {
 442   Application application = Application::New(&argc, &argv);
 443
 444   for(int i(1); i < argc; ++i)
 445   {
 446     std::string arg(argv[i]);
 447     if(arg.compare("--use-mesh") == 0)
 448     {
 449       gUseMesh = true;
 450     }
 451     else if(arg.compare("--nine-patch") == 0)
 452     {
 453       gNinePatch = true;
 454     }
 455     else if(arg.compare(0, 2, "-t") == 0)
 456     {
 457       gDuration = atof(arg.substr(2, arg.size()).c_str());
 458     }
 459   }
 460
 461   PerfScroll test(application);
 462   application.MainLoop();
 463
 464   return 0;
 465 }