{"id":202,"date":"2022-07-28T19:11:36","date_gmt":"2022-07-28T18:11:36","guid":{"rendered":"https:\/\/specnext.dev\/es\/?p=202"},"modified":"2022-07-28T19:11:36","modified_gmt":"2022-07-28T18:11:36","slug":"preparando-el-ambiente-para-programar-para-next-con-boriel-zx-basic-y-nextbuild","status":"publish","type":"post","link":"https:\/\/specnext.dev\/es\/2022\/07\/28\/preparando-el-ambiente-para-programar-para-next-con-boriel-zx-basic-y-nextbuild\/","title":{"rendered":"Preparando el ambiente para programar para Next con Boriel ZX Basic y NextBuild"},"content":{"rendered":"<h1>Herramientas<\/h1>\n<p>En este art\u00edculo veremos como preparar nuestro ambiente para poder programar para ZX Spectrum Next con Boriel ZX Basic.<\/p>\n<p>Para poder desarrollar para esta impresionante m\u00e1quina, vamos a necesitar descargar lo siguiente:<\/p>\n<ul>\n<li>Visual Studio Code: <a href=\"https:\/\/code.visualstudio.com\/\">https:\/\/code.visualstudio.com\/<\/a><\/li>\n<li>NextBuild v7.3.1: <a href=\"https:\/\/github.com\/em00k\/NextBuild\/releases\/tag\/releasev7\">https:\/\/github.com\/em00k\/NextBuild\/releases\/tag\/releasev7<\/a><\/li>\n<li>OpenAL: <a href=\"https:\/\/www.openal.org\/downloads\">https:\/\/www.openal.org\/downloads<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1>Instalando VSCode<\/h1>\n<p>Visual Studio Code, tambi\u00e9n conocido como VSCode o VSC, es el hermano menor, y no por ello peor, de Visual Studio, as\u00ed que no debemos confundirlo. VSCode es un editor multilenguaje y multiplataforma (Windows, Linux y Mac), aunque en este art\u00edculo nos centraremos en la configuraci\u00f3n para Windows.<\/p>\n<p>Lo primero que vamos a hacer es descargar VSCode desde la p\u00e1gina oficial: <a href=\"https:\/\/code.visualstudio.com\/\">https:\/\/code.visualstudio.com\/<\/a><\/p>\n<p>Una vez descargado, lo instalamos con todos los par\u00e1metros por defecto (esto \u00faltimo es opcional).<\/p>\n<p>En la primera ejecuci\u00f3n nos pide que personalicemos los colores y nos pedir\u00e1 permiso para instalar la versi\u00f3n en nuestro idioma. Este procedimiento va a ser habitual, el propio VSCode nos avisar\u00e1 cuando encuentre alguna actualizaci\u00f3n, ya sea del propio VSCode o de un plugin (extensi\u00f3n), e incluso nos recomendar\u00e1 la descarga de nuevos componentes en funci\u00f3n de nuestro trabajo.<\/p>\n<div id=\"attachment_203\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-203\" class=\"wp-image-203 size-full\" src=\"https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/VSCode.Inicio.png\" alt=\"VSCode\" width=\"1024\" height=\"727\" srcset=\"https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/VSCode.Inicio.png 1024w, https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/VSCode.Inicio-300x213.png 300w, https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/VSCode.Inicio-768x545.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><p id=\"caption-attachment-203\" class=\"wp-caption-text\">VSCode<\/p><\/div>\n<p>&nbsp;<\/p>\n<h1>Instalando NextBuild v7.3.1<\/h1>\n<p>Vamos a instalar la versi\u00f3n 7.3.1 de NextBuild, que en el momento de la redacci\u00f3n de este art\u00edculo es la \u00faltima versi\u00f3n estable, desde GitHub. En principio la instalaci\u00f3n de futuras versiones deber\u00eda ser similar al procedimiento descrito aqu\u00ed.<\/p>\n<p>Lo primero que hacemos es navegar a <a href=\"https:\/\/github.com\/em00k\/NextBuild\/releases\/tag\/releasev7\">https:\/\/github.com\/em00k\/NextBuild\/releases\/tag\/releasev7<\/a> y descargamos el .zip \u201cNextBuildv7.3.1.zip\u201d<\/p>\n<p>Lo siguiente que deber\u00edamos hacer es preparar una carpeta para NextBuild. En este tutorial usaremos la carpeta \u201cC:\\ZXNext\\NextBuildv7\u201d, as\u00ed que:<\/p>\n<ol>\n<li>Creamos la carpeta ZXNext<\/li>\n<li>Copiamos \u201cNextBuildv7.3.1.zip\u201d dentro de la carpeta \u201cC:\\ZXNext\u201d<\/li>\n<li>Descomprimimos el .zip en la carpeta \u201cC:\\ZXNext\u201d<\/li>\n<li>Borramos el archivo \u201cC:\\ZXNext\\ NextBuildv7.3.1.zip\u201d<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-204 size-full\" src=\"https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/NextBuild.Carpeta.png\" alt=\"\" width=\"1024\" height=\"726\" srcset=\"https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/NextBuild.Carpeta.png 1024w, https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/NextBuild.Carpeta-300x213.png 300w, https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/NextBuild.Carpeta-768x545.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h1>\u00bfQu\u00e9 es NextBuild?<\/h1>\n<p>Vamos a detenernos un momento para explicar que es NextBuild y su contenido.<\/p>\n<p>NextBuild es un paquete de herramientas, scripts y plugins para desarrollar programas para ZXNext, incluyendo emuladores, editores de sprites e incluso el editor BorIDE, ya en desuso. Pero quiz\u00e1s el componente m\u00e1s importante sea NextLib, que es una librer\u00eda que nos permite utilizar las caracter\u00edsticas avanzadas del Next sin perecer en el intento.<\/p>\n<h1>CSpect<\/h1>\n<p>NextBuild utiliza el emulador CSpect, y aunque podemos usar ZesarUX como alternativa, para no complicarnos en estos primeros pasos, vamos a usar CSpect.<\/p>\n<p>CSpect ya viene con el paquete NextBuild, pero requiere de un driver de sonido llamado OpenAL que hay que descargar desde: <a href=\"https:\/\/www.openal.org\/downloads\/\">https:\/\/www.openal.org\/downloads\/<\/a><\/p>\n<ol>\n<li>Descargamos \u201cOpenAL 1.1 Windows installer.zip\u201d<\/li>\n<li>Descomprimimos el .zip en una carpeta temporal<\/li>\n<li>Ejecutamos \u201coalinst.exe\u201d y seguimos los pasos para completar la instalaci\u00f3n<\/li>\n<\/ol>\n<h1>Los ejemplos de NextBuild<\/h1>\n<p>El primer paso para aprender, al menos as\u00ed es como aprendimos la mayor\u00eda de los retro programadores, consiste en trastear con c\u00f3digos ya existentes para averiguar como funcionan las cosas. Por suerte, NextBuild viene con una carpeta de ejemplo llamada \u201cSources\u201d que contiene 22 carpetas con \u201ccienes\u201d de ejemplos de los que aprender.<\/p>\n<h1>Abriendo nuestro primer ejemplo<\/h1>\n<p>El dise\u00f1o de NextBuild nos permite abrir de forma f\u00e1cil cualquier ejemplo. Para ello basta con:<\/p>\n<ol>\n<li>Abrir VSCode<\/li>\n<li>En la pantalla de bienvenida pulsar sobre \u201cAbrir carpeta\u201d, o utilizar el men\u00fa \u201cArchivo -&gt; Abrir carpeta\u201d<\/li>\n<li>Seleccionamos la carpeta \u201cC:\\ZXNext\\NextBuildv7\\Sources\u201d<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-205 size-full\" src=\"https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/VSCode.AbrirCarpeta.png\" alt=\"\" width=\"1024\" height=\"725\" srcset=\"https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/VSCode.AbrirCarpeta.png 1024w, https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/VSCode.AbrirCarpeta-300x212.png 300w, https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/VSCode.AbrirCarpeta-768x544.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<ol start=\"4\">\n<li>VSCode nos pedir\u00e1 si confiamos en los autores. Como confiamos en David Saphier (em00k), marcaremos la casilla \u201cConfiar en los autores de todos los archivos de la carpeta principal \u201cNextBuil\u00f1dv7\u201d y pulsaremos sobre el bot\u00f3n \u201cSi, conf\u00edo en los autores\u2026\u201d.<\/li>\n<li>Se nos mostrar\u00e1 una ventana emergente, normalmente en el lateral inferior derecho, pidi\u00e9ndonos si queremos instalar las extensiones recomendadas.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-206 size-full\" src=\"https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/VSCode.Recomendaciones.png\" alt=\"\" width=\"451\" height=\"106\" srcset=\"https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/VSCode.Recomendaciones.png 451w, https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/VSCode.Recomendaciones-300x71.png 300w\" sizes=\"auto, (max-width: 451px) 100vw, 451px\" \/><\/p>\n<ol start=\"6\">\n<li>Pulsamos sobre el bot\u00f3n \u201cInstalar\u201d y dejamos que se instalen las extensiones. Una vez instaladas todas las extensiones, ya podremos acceder al c\u00f3digo.<\/li>\n<li>En la parte lateral izquierda de VSCode, hay una barra que nos permite acceder a las visualizaciones principales, como son el c\u00f3digo, el buscador, el control de c\u00f3digo fuente, etc\u2026<\/li>\n<li>Pulsamos sobre el primer icono, que se titula \u201cExplorador\u201d<\/li>\n<li>Al seleccionar \u201cExplorador\u201d se nos muestran todas las carpetas de ejemplos. Todas las carpetas mostradas, excepto \u201c.vscode\u201d y el archivo \u201cClean.bat\u201d son carpetas con ejemplos de c\u00f3digo.<\/li>\n<li>Navegamos hasta la carpeta \u201cSprites\u201d y pulsamos sobre \u201cSimpleSprite.bas\u201d<\/li>\n<li>Esto har\u00e1 que se abra el archivo con el c\u00f3digo en la zona derecha.<\/li>\n<li>El sistema permite abrir varios archivos al mismo tiempo, y la primera vez es posible que se queden abiertas pesta\u00f1as que no necesitamos, por ejemplo las de las extensiones. Estas pesta\u00f1as se pueden cerrar sin problema para poder ver el c\u00f3digo de forma m\u00e1s clara.<\/li>\n<li>Para ejecutar el ejemplo usamos el men\u00fa superior pulsando sobre \u201cTerminal -&gt; Ejecutar tarea\u201d y pulsamos sobre \u201cRun in Cspect\u201d<\/li>\n<li>VSCode compilar\u00e1 el programa y si no hay errores lanzar\u00e1 CSpect con nuestro programa.<\/li>\n<\/ol>\n<h1>\u00bfQu\u00e9 puede salir mal?<\/h1>\n<p>Pueden salir mal muchas cosas, as\u00ed que voy a enumerar algunas de ellas.<\/p>\n<ul>\n<li>CSpect muestra un error diciendo que necesita OpenAL: Descarga OpenAl desde <a href=\"https:\/\/www.openal.org\/downloads\/\">https:\/\/www.openal.org\/downloads\/<\/a><\/li>\n<li>CSpect se queda en blanco: Instalar .NetFramework 4.5.2 desde <a href=\"https:\/\/www.microsoft.com\/es-es\/download\/details.aspx?id=42642\">https:\/\/www.microsoft.com\/es-es\/download\/details.aspx?id=42642<\/a><\/li>\n<li>CSpect sigue sin arrancar: Intenta ejecutar el fichero \u201cC:\\ZXNext\\NextBuildv7\\Emu\\CSpect\\CSpect.exe\u201d. Si no se ejecuta, descarga la \u00faltima versi\u00f3n de CSpect desde <a href=\"https:\/\/www.cspect.org\">https:\/\/www.cspect.org<\/a> (Tanto la p\u00e1gina como el archivo .zip de CSpect son detectados como \u201cmaliciosos\u201d por los antivirus. Esto es debido al sistema de acceso a disco que usa CSpect. Si descarg\u00e1is el emulador desde la p\u00e1gina oficial pod\u00e9is estar tranquilos).<\/li>\n<li>El programa de ejemplo no compila: Verifica que tienes instalada la \u00faltima versi\u00f3n de Phyton en tu equipo (v3.10.5). Puedes encontrarla en la propia tienda de Windows o en <a href=\"https:\/\/www.python.org\/downloads\/\">https:\/\/www.python.org\/downloads\/<\/a><\/li>\n<li>Sigue sin compilar: Actualiza la versi\u00f3n de ZXBasic que puedes descargar desde <a href=\"https:\/\/zxbasic.readthedocs.io\/en\/latest\/archive\/\">https:\/\/zxbasic.readthedocs.io\/en\/latest\/archive\/<\/a> y descomprimirla en la carpeta \u201cC:\\ZXNext\\NextBuildv7\\ZXBasic\u201d<\/li>\n<li>Consulta en el foro de Boriel Basic: <a href=\"https:\/\/www.boriel.com\/mybb\/forumdisplay.php?fid=11\">https:\/\/www.boriel.com\/mybb\/forumdisplay.php?fid=11<\/a><\/li>\n<li>Consulta en el canal de Telegram: Boriel ZX Basic<\/li>\n<li>Consultarme en Twitter: @Duefectu<\/li>\n<\/ul>\n<h1>Como crear mi propio programa<\/h1>\n<p>La opci\u00f3n m\u00e1s sencilla es crear una carpeta para tu programa dentro de la carpeta \u201cC:\\ZXNext\\NextBuildv7\\Sources\\\u201d, crear un archivo .bas dentro y\u2026 a jugar!!!<\/p>\n<p>&nbsp;<\/p>\n<p>Espero que esta gu\u00eda os sirva como ayuda para empezar a descubrir el Sinclair ZX Spectrum Next<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Herramientas En este art\u00edculo veremos como preparar nuestro ambiente para poder programar para ZX Spectrum Next con Boriel ZX Basic. Para poder desarrollar para esta impresionante m\u00e1quina, vamos a necesitar descargar lo siguiente: Visual Studio Code: https:\/\/code.visualstudio.com\/ NextBuild v7.3.1: https:\/\/github.com\/em00k\/NextBuild\/releases\/tag\/releasev7 OpenAL: https:\/\/www.openal.org\/downloads &nbsp; Instalando VSCode Visual Studio Code, tambi\u00e9n conocido como VSCode o VSC, es [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":203,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13,3,14],"tags":[7,15,9,8,20,19],"class_list":["post-202","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-boriel-zx-basic","category-desarrollo","category-herramientas","tag-boriel-zx-basic","tag-herramientas","tag-nextbuild","tag-nextlib","tag-paginacion","tag-visual-studio-code"],"jetpack_featured_media_url":"https:\/\/specnext.dev\/es\/wp-content\/uploads\/sites\/2\/2022\/07\/VSCode.Inicio.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/specnext.dev\/es\/wp-json\/wp\/v2\/posts\/202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/specnext.dev\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/specnext.dev\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/specnext.dev\/es\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/specnext.dev\/es\/wp-json\/wp\/v2\/comments?post=202"}],"version-history":[{"count":1,"href":"https:\/\/specnext.dev\/es\/wp-json\/wp\/v2\/posts\/202\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/specnext.dev\/es\/wp-json\/wp\/v2\/posts\/202\/revisions\/207"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/specnext.dev\/es\/wp-json\/wp\/v2\/media\/203"}],"wp:attachment":[{"href":"https:\/\/specnext.dev\/es\/wp-json\/wp\/v2\/media?parent=202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/specnext.dev\/es\/wp-json\/wp\/v2\/categories?post=202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/specnext.dev\/es\/wp-json\/wp\/v2\/tags?post=202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}