mirror of https://github.com/mode777/rayjs.git
86 lines
3.8 KiB
JavaScript
86 lines
3.8 KiB
JavaScript
|
/*******************************************************************************************
|
|||
|
|
*
|
|||
|
|
* raylib [text] example - Font loading
|
|||
|
|
*
|
|||
|
|
* NOTE: raylib can load fonts from multiple input file formats:
|
|||
|
|
*
|
|||
|
|
* - TTF/OTF > Sprite font atlas is generated on loading, user can configure
|
|||
|
|
* some of the generation parameters (size, characters to include)
|
|||
|
|
* - BMFonts > Angel code font fileformat, sprite font image must be provided
|
|||
|
|
* together with the .fnt file, font generation cna not be configured
|
|||
|
|
* - XNA Spritefont > Sprite font image, following XNA Spritefont conventions,
|
|||
|
|
* Characters in image must follow some spacing and order rules
|
|||
|
|
*
|
|||
|
|
* Example originally created with raylib 1.4, last time updated with raylib 3.0
|
|||
|
|
*
|
|||
|
|
* Example licensed under an unmodified zlib/libpng license, which is an OSI-certified,
|
|||
|
|
* BSD-like license that allows static linking with closed source software
|
|||
|
|
*
|
|||
|
|
* Copyright (c) 2016-2023 Ramon Santamaria (@raysan5)
|
|||
|
|
*
|
|||
|
|
********************************************************************************************/
|
|||
|
|
// Initialization
|
|||
|
|
//--------------------------------------------------------------------------------------
|
|||
|
|
const screenWidth = 800;
|
|||
|
|
const screenHeight = 450;
|
|||
|
|
|
|||
|
|
initWindow(screenWidth, screenHeight, "raylib [text] example - font loading");
|
|||
|
|
|
|||
|
|
// Define characters to draw
|
|||
|
|
// NOTE: raylib supports UTF-8 encoding, following list is actually codified as UTF8 internally
|
|||
|
|
const msg = "!\"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHI\nJKLMNOPQRSTUVWXYZ[]^_`abcdefghijklmn\nopqrstuvwxyz{|}~¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓ\nÔÕÖ×ØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõö÷\nøùúûüýþÿ";
|
|||
|
|
|
|||
|
|
// NOTE: Textures/Fonts MUST be loaded after Window initialization (OpenGL context is required)
|
|||
|
|
|
|||
|
|
// BMFont (AngelCode) : Font data and image atlas have been generated using external program
|
|||
|
|
const fontBm = loadFont("resources/pixantiqua.fnt");
|
|||
|
|
|
|||
|
|
// TTF font : Font data and atlas are generated directly from TTF
|
|||
|
|
// NOTE: We define a font base size of 32 pixels tall and up-to 250 characters
|
|||
|
|
const fontTtf = loadFontEx("resources/pixantiqua.ttf", 32, 0, 250);
|
|||
|
|
|
|||
|
|
let useTtf = false;
|
|||
|
|
|
|||
|
|
setTargetFPS(60); // Set our game to run at 60 frames-per-second
|
|||
|
|
//--------------------------------------------------------------------------------------
|
|||
|
|
|
|||
|
|
// Main game loop
|
|||
|
|
while (!windowShouldClose()) // Detect window close button or ESC key
|
|||
|
|
{
|
|||
|
|
// Update
|
|||
|
|
//----------------------------------------------------------------------------------
|
|||
|
|
if (isKeyDown(KEY_SPACE)) useTtf = true;
|
|||
|
|
else useTtf = false;
|
|||
|
|
//----------------------------------------------------------------------------------
|
|||
|
|
|
|||
|
|
// Draw
|
|||
|
|
//----------------------------------------------------------------------------------
|
|||
|
|
beginDrawing();
|
|||
|
|
|
|||
|
|
clearBackground(RAYWHITE);
|
|||
|
|
|
|||
|
|
drawText("Hold SPACE to use TTF generated font", 20, 20, 20, LIGHTGRAY);
|
|||
|
|
|
|||
|
|
if (!useTtf)
|
|||
|
|
{
|
|||
|
|
traceLog(LOG_INFO, fontBm.baseSize)
|
|||
|
|
drawTextEx(fontBm, msg, new Vector2(20.0, 100.0), fontBm.baseSize/2, 2, MAROON);
|
|||
|
|
drawText("Using BMFont (Angelcode) imported", 20, getScreenHeight() - 30, 20, GRAY);
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
drawTextEx(fontTtf, msg, new Vector2(20.0, 100.0), fontTtf.baseSize/2, 2, LIME);
|
|||
|
|
drawText("Using TTF font generated", 20, getScreenHeight() - 30, 20, GRAY);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
endDrawing();
|
|||
|
|
//----------------------------------------------------------------------------------
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// De-Initialization
|
|||
|
|
//--------------------------------------------------------------------------------------
|
|||
|
|
unloadFont(fontBm); // AngelCode Font unloading
|
|||
|
|
unloadFont(fontTtf); // TTF Font unloading
|
|||
|
|
|
|||
|
|
closeWindow(); // Close window and OpenGL context
|
|||
|
|
//--------------------------------------------------------------------------------------
|