From f7bebf9861734c47d0840868f243b186a59a96ba Mon Sep 17 00:00:00 2001 From: Ray Date: Sun, 9 Apr 2017 23:46:47 +0200 Subject: Working on web examples Reorganizing folders Review examples Work on makefile and loader.html --- .../examples/web/textures/textures_srcrec_dstrec.c | 118 +++++++++++++++++++++ 1 file changed, 118 insertions(+) create mode 100644 docs/examples/web/textures/textures_srcrec_dstrec.c (limited to 'docs/examples/web/textures/textures_srcrec_dstrec.c') diff --git a/docs/examples/web/textures/textures_srcrec_dstrec.c b/docs/examples/web/textures/textures_srcrec_dstrec.c new file mode 100644 index 00000000..e97d5f5e --- /dev/null +++ b/docs/examples/web/textures/textures_srcrec_dstrec.c @@ -0,0 +1,118 @@ +/******************************************************************************************* +* +* raylib [core] example - Texture source and destination rectangles (adapted for HTML5 platform) +* +* This example has been created using raylib 1.3 (www.raylib.com) +* raylib is licensed under an unmodified zlib/libpng license (View raylib.h for details) +* +* Copyright (c) 2015 Ramon Santamaria (@raysan5) +* +********************************************************************************************/ + +#include "raylib.h" + +#if defined(PLATFORM_WEB) + #include +#endif + +//---------------------------------------------------------------------------------- +// Global Variables Definition +//---------------------------------------------------------------------------------- +int screenWidth = 800; +int screenHeight = 450; + +// NOTE: Textures MUST be loaded after Window initialization (OpenGL context is required) +Texture2D guybrush; + +int frameWidth; +int frameHeight; + +Rectangle sourceRec; +Rectangle destRec; +Vector2 origin; + +int rotation = 0; + + +//---------------------------------------------------------------------------------- +// Module Functions Declaration +//---------------------------------------------------------------------------------- +void UpdateDrawFrame(void); // Update and Draw one frame + +//---------------------------------------------------------------------------------- +// Main Enry Point +//---------------------------------------------------------------------------------- +int main() +{ + // Initialization + //-------------------------------------------------------------------------------------- + InitWindow(screenWidth, screenHeight, "raylib [textures] examples - texture source and destination rectangles"); + + guybrush = LoadTexture("resources/guybrush.png"); // Texture loading + + frameWidth = guybrush.width/7; + frameHeight = guybrush.height; + + // NOTE: On PLATFORM_WEB, NPOT textures support is limited + + // NOTE: Source rectangle (part of the texture to use for drawing) + sourceRec = (Rectangle){ 0, 0, frameWidth, frameHeight }; + + // NOTE: Destination rectangle (screen rectangle where drawing part of texture) + destRec = (Rectangle){ screenWidth/2, screenHeight/2, frameWidth*2, frameHeight*2 }; + + // NOTE: Origin of the texture (rotation/scale point), it's relative to destination rectangle size + origin = (Vector2){ frameWidth, frameHeight }; + +#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 + //-------------------------------------------------------------------------------------- + UnloadTexture(guybrush); // Texture unloading + + CloseWindow(); // Close window and OpenGL context + //-------------------------------------------------------------------------------------- + + return 0; +} + +//---------------------------------------------------------------------------------- +// Module Functions Definition +//---------------------------------------------------------------------------------- +void UpdateDrawFrame(void) +{ + // Update + //---------------------------------------------------------------------------------- + rotation++; + //---------------------------------------------------------------------------------- + + // Draw + //---------------------------------------------------------------------------------- + BeginDrawing(); + + ClearBackground(RAYWHITE); + + // NOTE: Using DrawTexturePro() we can easily rotate and scale the part of the texture we draw + // sourceRec defines the part of the texture we use for drawing + // destRec defines the rectangle where our texture part will fit (scaling it to fit) + // origin defines the point of the texture used as reference for rotation and scaling + // rotation defines the texture rotation (using origin as rotation point) + DrawTexturePro(guybrush, sourceRec, destRec, origin, rotation, WHITE); + + DrawLine(destRec.x, 0, destRec.x, screenHeight, GRAY); + DrawLine(0, destRec.y, screenWidth, destRec.y, GRAY); + + EndDrawing(); + //---------------------------------------------------------------------------------- +} \ No newline at end of file -- cgit v1.2.3