Update examples to raylib 2.5 -WIP-

Remove old examples

1 files changed, 168 insertions, 0 deletions

diff --git a/examples/web/shapes/shapes_easings_box_anim.c b/examples/web/shapes/shapes_easings_box_anim.c
new file mode 100644
index 0000000..0f67d51
--- /dev/null
+++ b/examples/web/shapes/shapes_easings_box_anim.c
@@ -0,0 +1,168 @@
+/*******************************************************************************************
+*
+*   raylib [shapes] example - easings box anim
+*
+*   This example has been created using raylib 2.5 (www.raylib.com)
+*   raylib is licensed under an unmodified zlib/libpng license (View raylib.h for details)
+*
+*   Copyright (c) 2014-2019 Ramon Santamaria (@raysan5)
+*
+********************************************************************************************/
+
+#include "raylib.h"
+
+#include "easings.h"            // Required for easing functions
+
+#if defined(PLATFORM_WEB)
+    #include <emscripten/emscripten.h>
+#endif
+
+//----------------------------------------------------------------------------------
+// Global Variables Definition
+//----------------------------------------------------------------------------------
+const int screenWidth = 800;
+const int screenHeight = 450;
+
+// NOTE: Textures MUST be loaded after Window initialization (OpenGL context is required)
+
+Rectangle rec = { 0.0f };
+
+float rotation = 0.0f;
+float alpha = 1.0f;
+
+int state = 0;
+int framesCounter = 0;
+
+//----------------------------------------------------------------------------------
+// Module Functions Declaration
+//----------------------------------------------------------------------------------
+void UpdateDrawFrame(void);     // Update and Draw one frame
+
+//----------------------------------------------------------------------------------
+// Main Enry Point
+//----------------------------------------------------------------------------------
+int main()
+{
+    // Initialization
+    //--------------------------------------------------------------------------------------
+    InitWindow(screenWidth, screenHeight, "raylib [shapes] example - easings box anim");
+    
+    // Box variables to be animated with easings
+    rec = (Rectangle){ GetScreenWidth()/2, -100, 100, 100 };
+
+#if defined(PLATFORM_WEB)
+    emscripten_set_main_loop(UpdateDrawFrame, 0, 1);
+#else
+    SetTargetFPS(60);               // Set our game to run at 60 frames-per-second
+    //--------------------------------------------------------------------------------------
+    
+    // Main game loop
+    while (!WindowShouldClose())    // Detect window close button or ESC key
+    {
+        UpdateDrawFrame();
+    }
+#endif
+
+    // De-Initialization
+    //--------------------------------------------------------------------------------------  
+    CloseWindow();        // Close window and OpenGL context
+    //--------------------------------------------------------------------------------------
+
+    return 0;
+}
+
+//----------------------------------------------------------------------------------
+// Module Functions Definition
+//----------------------------------------------------------------------------------
+void UpdateDrawFrame(void)
+{
+    // Update
+    //----------------------------------------------------------------------------------
+    switch (state)
+    {
+        case 0:     // Move box down to center of screen
+        {
+            framesCounter++;
+            
+            // NOTE: Remember that 3rd parameter of easing function refers to
+            // desired value variation, do not confuse it with expected final value!
+            rec.y = EaseElasticOut(framesCounter, -100, GetScreenHeight()/2 + 100, 120);
+
+            if (framesCounter >= 120) 
+            {
+                framesCounter = 0;
+                state = 1;
+            }
+        } break;
+        case 1:     // Scale box to an horizontal bar
+        {
+            framesCounter++;
+            rec.height = EaseBounceOut(framesCounter, 100, -90, 120);
+            rec.width = EaseBounceOut(framesCounter, 100, GetScreenWidth(), 120);
+            
+            if (framesCounter >= 120) 
+            {
+                framesCounter = 0;
+                state = 2;
+            }
+        } break;
+        case 2:     // Rotate horizontal bar rectangle
+        {
+            framesCounter++;
+            rotation = EaseQuadOut(framesCounter, 0.0f, 270.0f, 240);
+            
+            if (framesCounter >= 240) 
+            {
+                framesCounter = 0;
+                state = 3;
+            }
+        } break;
+        case 3:     // Increase bar size to fill all screen
+        {
+            framesCounter++;
+            rec.height = EaseCircOut(framesCounter, 10, GetScreenWidth(), 120);
+            
+            if (framesCounter >= 120) 
+            {
+                framesCounter = 0;
+                state = 4;
+            }
+        } break;
+        case 4:     // Fade out animation
+        {
+            framesCounter++;
+            alpha = EaseSineOut(framesCounter, 1.0f, -1.0f, 160);
+            
+            if (framesCounter >= 160)
+            {
+                framesCounter = 0;
+                state = 5;
+            }
+        } break;
+        default: break;
+    }
+    
+    // Reset animation at any moment
+    if (IsKeyPressed(KEY_SPACE))
+    {
+        rec = (Rectangle){ GetScreenWidth()/2, -100, 100, 100 };
+        rotation = 0.0f;
+        alpha = 1.0f;
+        state = 0;
+        framesCounter = 0;
+    }
+    //----------------------------------------------------------------------------------
+    
+    // Draw
+    //----------------------------------------------------------------------------------
+    BeginDrawing();
+
+        ClearBackground(RAYWHITE);
+
+        DrawRectanglePro(rec, (Vector2){ rec.width/2, rec.height/2 }, rotation, Fade(BLACK, alpha));
+        
+        DrawText("PRESS [SPACE] TO RESET BOX ANIMATION!", 10, GetScreenHeight() - 25, 20, LIGHTGRAY);
+
+    EndDrawing();
+    //----------------------------------------------------------------------------------
+}