From 9be4112b7c0c025abb138b4896437a8375180538 Mon Sep 17 00:00:00 2001 From: dacanizares Date: Wed, 16 Apr 2025 21:33:25 -0500 Subject: [PATCH 1/3] Removed obsolete stats --- themes/tranquilpeak | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/tranquilpeak b/themes/tranquilpeak index b26b455..b341888 160000 --- a/themes/tranquilpeak +++ b/themes/tranquilpeak @@ -1 +1 @@ -Subproject commit b26b4554fa22950b2941dbb8c60deb9214c1d6e9 +Subproject commit b341888816dc73029e0abaae4778abff44b9db95 From abdfd5ce220c139ec41dd2f1309d2fbab69035cf Mon Sep 17 00:00:00 2001 From: dacanizares Date: Wed, 16 Apr 2025 22:25:06 -0500 Subject: [PATCH 2/3] Improved posts MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Juan Felipe Cañizares Corrales Co-Authored-By: Edwin Osorio <30908546+edwin1106@users.noreply.github.com> --- content/post/raylib-vscode-c-cpp-debug.en.md | 4 ++-- content/post/raylib-vscode-c-cpp-debug.es.md | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/content/post/raylib-vscode-c-cpp-debug.en.md b/content/post/raylib-vscode-c-cpp-debug.en.md index 902dd94..39bf683 100644 --- a/content/post/raylib-vscode-c-cpp-debug.en.md +++ b/content/post/raylib-vscode-c-cpp-debug.en.md @@ -33,7 +33,7 @@ keywords: - windows autoThumbnail: true autoThumbnailText: -autoThumbnailStyle: background:linear-gradient(35deg,#ed4d4d,#ed9140);color:#fff; +autoThumbnailStyle: background:linear-gradient(35deg,#a63333,#c7385e);color:#fff; coverImage: /images/posts/raylib-tutorial.png coverSize: min coverStyle: background:linear-gradient(35deg,#ed4d4d,#ed9140);color:#fff @@ -214,7 +214,7 @@ Beforehand, let's have an overview of the base project's main files and folders: > If you are planning to use other libraries feel free to modify build files. -Now, just open the project folder using the IDE and press **ctrl + shift + b** to build for **Linux**, **Windows** or **Mac**. Then press **ctrl + shift + d** to Debug, just double check that you are choosing the right OS. You should see a window containing a pixelart character. You may also add debug breakpoints as required. +Now, just open the project folder using the IDE and press **ctrl + shift + b** to build for **Linux**, **Windows** or **Mac**. Then press **ctrl + shift + d** to Debug, just double check that you are choosing the right OS. You should see a window containing a text. You may also add debug breakpoints as required. ![raylib tutorial vscode linux windows mac debug](/images/posts/raylib_tutorial.png) diff --git a/content/post/raylib-vscode-c-cpp-debug.es.md b/content/post/raylib-vscode-c-cpp-debug.es.md index 4f8a036..5f29a19 100644 --- a/content/post/raylib-vscode-c-cpp-debug.es.md +++ b/content/post/raylib-vscode-c-cpp-debug.es.md @@ -215,7 +215,7 @@ De antemano, revisemos los principales archivos y carpetas del proyecto base: > Si se planea usar otras librerías, estos archivos pueden modificarse libremente para ajustarse a cada caso en particular. -Ahora, sólo abriendo la carpeta del proyecto en el IDE y presionando **ctrl + shift + b** vamos a poder compilar para **Linux**, **Windows** o **Mac**. Luego, presionando **ctrl + shift + d** podremos iniciar la depuración (debugging), revisando que hayamos seleccionado el sistema operativo correcto. Debería verse una ventana que contiene un personaje pixelart. También podríamos agregar puntos de parada en el depurador, si así lo quisiéramos. +Ahora, sólo abriendo la carpeta del proyecto en el IDE y presionando **ctrl + shift + b** vamos a poder compilar para **Linux**, **Windows** o **Mac**. Luego, presionando **ctrl + shift + d** podremos iniciar la depuración (debugging), revisando que hayamos seleccionado el sistema operativo correcto. Debería verse una ventana que contiene un texto. También podríamos agregar puntos de parada en el depurador, si así lo quisiéramos. ![raylib tutorial vscode linux windows mac debug](/images/posts/raylib_tutorial.png) From 206878d32c56bc57a77a78fba97e9def00c97046 Mon Sep 17 00:00:00 2001 From: dacanizares Date: Wed, 16 Apr 2025 22:25:16 -0500 Subject: [PATCH 3/3] Added raylib appimage post MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Juan Felipe Cañizares Corrales Co-Authored-By: Edwin Osorio <30908546+edwin1106@users.noreply.github.com> --- content/post/raylib-appimage.en.md | 100 +++++++++++++++++++++++++++++ content/post/raylib-appimage.es.md | 100 +++++++++++++++++++++++++++++ 2 files changed, 200 insertions(+) create mode 100644 content/post/raylib-appimage.en.md create mode 100644 content/post/raylib-appimage.es.md diff --git a/content/post/raylib-appimage.en.md b/content/post/raylib-appimage.en.md new file mode 100644 index 0000000..2bfe90e --- /dev/null +++ b/content/post/raylib-appimage.en.md @@ -0,0 +1,100 @@ +--- +title: "AppImage for raylib projects" +url: "raylib-appimage" +titleHtml: "Creating a linux
AppImage for raylib projects" +license: ccby4.0 +author: The Science of Code +date: 2025-04-16 +categories: +- raylib +tags: +- raylib +- linux +- appimage +- tutorial +keywords: +- raylib +- linux +- appimage +- tutorial +autoThumbnail: true +autoThumbnailText: +autoThumbnailStyle: background:linear-gradient(35deg,#7ded4d,#edde55);color:#000; +coverImage: /images/posts/raylib-tutorial.png +coverSize: min +coverStyle: background:linear-gradient(35deg,#ed4d4d,#ed9140);color:#fff +coverMetaClass: post-meta-white +thumbnailImagePosition: left +--- + +This practical guide shows how to build an **AppImage** for a **raylib** project. + + +This tutorial is a quickstart for Linux **AppImages**. You can use these steps on any distribution. There are three main parts: *installing appimage-buidler*, *getting raylib and a base project* and finally, *building the **AppImage***. + + +## Installing AppImage-builder + +Use these commands to install appimage-builder: + +```sh +wget -O appimage-builder-x86_64.AppImage https://github.com/AppImageCrafters/appimage-builder/releases/download/v1.1.0/appimage-builder-1.1.0-x86_64.AppImage +chmod +x appimage-builder-x86_64.AppImage + +# Install +sudo mv appimage-builder-x86_64.AppImage /usr/local/bin/appimage-builder +``` + +## Getting raylib and a base project + +> **Requirements**: +> * Install **raylib** and clone base project by [following this tutorial](/raylib-vscode-c-cpp-debug). + +After installing **raylib** and cloning the repository, just open the project folder using the **vscode** IDE and press **ctrl + shift + b** to build for **Linux**. Then press **ctrl + shift + d** to Debug, just double check that you are choosing the right OS. You should see a window containing a text. + +![raylib tutorial vscode linux windows mac debug](/images/posts/raylib_tutorial.png) + +## Building the AppImage + +After building the base project, run these commands: + +```sh +cd build/linux + +# Create directory structure +mkdir -p AppDir/lib +# Copy executable into AppDir/ +cp main AppDir/ +``` + +Now, we are going to run a utility to generate our appimage recipe: + +```sh +appimage-builder --generate +``` + +Follow these answers to generate a right recipe: + +* ID: raylibc (could be anything) +* Application name: raylibc (could be anything) +* Icon: application-vnd.appimage (customize or use default value) +* Executable path: **main** (executable filename) +* Arguments: $@ (use default value) +* Version: latest (use default value) +* Update information: guess (use default value) +* Architecture: x86_64 (select a value according to your target CPU) + +Due to the structure of the default **raylib** installation, we need to add manually the shared executables into our AppDir directory: + +```sh +# This is the path for raylib x64 5.5.0 +# You can customize this commands as required +cp /usr/local/lib64/libraylib.so.5.5.0 AppDir/lib/ +mv AppDir/lib/libraylib.so.5.5.0 AppDir/lib/libraylib.so.550 +``` + +Finally, we can run the command to generate our **AppImage**: + +```sh +appimage-builder --recipe AppImageBuilder.yml +``` \ No newline at end of file diff --git a/content/post/raylib-appimage.es.md b/content/post/raylib-appimage.es.md new file mode 100644 index 0000000..2f8582c --- /dev/null +++ b/content/post/raylib-appimage.es.md @@ -0,0 +1,100 @@ +--- +title: "AppImage para proyectos de raylib" +url: "raylib-appimage" +titleHtml: "Creando en Linux
Una AppImage para proyectos de raylib" +license: ccby4.0 +author: The Science of Code +date: 2025-04-16 +categories: +- raylib +tags: +- raylib +- linux +- appimage +- tutorial +keywords: +- raylib +- linux +- appimage +- tutorial +autoThumbnail: true +autoThumbnailText: +autoThumbnailStyle: background:linear-gradient(35deg,#7ded4d,#edde55);color:#000; +coverImage: /images/posts/raylib-tutorial.png +coverSize: min +coverStyle: background:linear-gradient(35deg,#ed4d4d,#ed9140);color:#fff +coverMetaClass: post-meta-white +thumbnailImagePosition: left +--- + +Esta guía práctica muestra cómo construir una **AppImage** para un proyecto de **raylib**. + + +Este tutorial es una iniciación rápida para **AppImages** en Linux. Estos pasos pueden usarse en cualquier distribución. Hay tres partes principales: *instalando el appimage-buidler*, *obteniendo raylib y un base project* y finalmente, *construyendo la **AppImage***. + + +## Instalando el AppImage-builder + +Usar estos comandos para instalar el appimage-builder: + +```sh +wget -O appimage-builder-x86_64.AppImage https://github.com/AppImageCrafters/appimage-builder/releases/download/v1.1.0/appimage-builder-1.1.0-x86_64.AppImage +chmod +x appimage-builder-x86_64.AppImage + +# Instalar +sudo mv appimage-builder-x86_64.AppImage /usr/local/bin/appimage-builder +``` + +## Obteniendo raylib y un proyecto base + +> **Requisitos**: +> * Instalar **raylib** y clonar el proyecto base [siguiendo este tutorial](/raylib-vscode-c-cpp-debug). + +Luego de instalar **raylib** y clonar el repositorio, basta con abrir la carpeta del proyecto usando el IDE **vscode**, presionar **ctrl + shift + b** y compilar para **Linux**. Luego presionar **ctrl + shift + d** para depurar, verificar que si estemos escogiendo el SO correcto. Debería verse una ventana que contiene un texto. + +![raylib tutorial vscode linux windows mac debug](/images/posts/raylib_tutorial.png) + +## Construyendo la AppImage + +Luego de compilar el proyecto base, ejecutamos estos comandos: + +```sh +cd build/linux + +# Crear la estructura de directorios +mkdir -p AppDir/lib +# Copiar el ejecutable en AppDir/ +cp main AppDir/ +``` + +Ahora vamos a correr una utilidad para generar la *receta* (recipe), de nuestra appimage: + +```sh +appimage-builder --generate +``` + +Estas respuestas pueden usarse como guía para obtener una receta correcta: + +* ID: raylibc (puede ser cualquier cosa) +* Application name: raylibc (puede ser cualquier cosa) +* Icon: application-vnd.appimage (personalizar o usar el valor por defecto) +* Executable path: **main** (nombre de archivo del ejecutable) +* Arguments: $@ (usar el valor por defecto) +* Version: latest (usar el valor por defecto) +* Update information: guess (usar el valor por defecto) +* Architecture: x86_64 (seleccionar un valor acorde a la CPU objetivo) + +Debido a la estructura de la instalación por defecto de **raylib**, necesitamos añadir manualmente los ejecutables de la librería compartida a nuestro directorio AppDir: + +```sh +# Esta es la ruta para raylib x64 5.5.0 +# Usted puede customizar estos comandos segun lo requiera +cp /usr/local/lib64/libraylib.so.5.5.0 AppDir/lib/ +mv AppDir/lib/libraylib.so.5.5.0 AppDir/lib/libraylib.so.550 +``` + +Finalmente, podemos ejecutar el comando para generar nuestra **AppImage**: + +```sh +appimage-builder --recipe AppImageBuilder.yml +``` \ No newline at end of file