domingo, 10 de septiembre de 2017

Playground (lo nuevo de Gambas)



Gambas ha implementado un nuevo sistema para hacer pruebas online (Scripter), escribiendo código directamente en la web y poder probarlo, si hay errores nos lo indica como podemos apreciar en las imágenes.

Para usarlo simplemente escribimos el código y cuando este pronto hacemos clic en  Run! , y la salida de consola sale en una ventana a la derecha.

También podremos colocar el código con formato Gambas en nuestro Blog o página web.

Después de tener pronto nuestro código clicleamos en Gist ---> Gist link ---> después hacemos clic en copiar código en Embed.



Un ejemplo tenemos en el post anterior a este:
http://novatocodegambas.blogspot.com.uy/2017/09/paint-clip.html

Para poder acceder a esta nueva utilidad vamos a:

https://gambas-playground.proko.eu/

Más información sobre esta herramienta en ingles :( aquí:
http://gambaswiki.org/wiki/playground?nh


Saludos


Paint Clip


Algo que se esta poniendo de moda son las imágenes recortadas en forma de círculo. Bueno aquí les dejo un código algo crudo para que practiquen.





El ejemplo esta en la granja de gambas.

sábado, 2 de septiembre de 2017

Instalar Gambas fácil en Gnu/Linux Mint


Instala Gambas copiando y pegando en la terminal con un solo comando:

sudo add-apt-repository ppa:gambas-team/gambas3 && sudo apt-get update && sudo apt-get install gambas3 



También puedes crear un script:
crea un archivo txt con este contenido:

------------------------------------------------------------------------ inicio
#!/bin/bash
sudo add-apt-repository ppa:gambas-team/gambas3 && sudo apt-get update && sudo apt-get install gambas3

------------------------------------------------------------------------- fin

Renombralo a por ejemplo instalar_gambas.sh

dale permisos de ejecución: chmod +x instalar_gambas.sh

ejecutalo: bash instalar_gambas.sh

el operador de control && hace que si el primer comando se ejecuto sin errores ejecute el siguiente comando y así sucesivamente.


 Saludos

domingo, 13 de agosto de 2017

Usando JavaScript, Html y Css en Gambas3


Hay mucho código en otros lenguajes que podemos utilizar en Gambas.
Aquí les dejo un ejemplo de como usar la librería chessboard-0.3.0.js JavaScript.
Es interesante puesto que debemos aprender a manejar, un archivo html y como vincular y manipular archivos javascript y css.

Necesario activar el componente gb.qt4.webkit

Archivo Html que incrustaremos en un WebView:

<!doctype html>
<html>

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>JavaScript, Html y css en Gambas</title>
<base href="http://chessboardjs.com/" />

<link rel="stylesheet" href="css/chessboard.css" />
</head>

<body>

<center><div id="board" style="width: 400px"></div>

<input type="button" id="setRookCheckmateBtn" value="Jake Mate" />
<input type="button" id="setStartBtn" value="Posición inicial" />
<input type="button" id="clearBoardBtn" value="Borrar piezas" />
<input type="button" id="flipOrientationBtn" value="Girar tablero" />

<p><a href="https://novatocodegambas.blogspot.com.uy/">https://novatocodegambas.blogspot.com.uy/</a></p>
<p><a href="http://chessboardjs.com/">http://chessboardjs.com</a></p>
</center>
<h6>by postapase</h6>

<script src="js/json3.min.js"></script>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/chessboard.js"></script>
<script>

var init = function() {

//--- start example JS ---
var ruyLopez = 'r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R';
var board = ChessBoard('board', ruyLopez);

$('#setStartBtn').on('click', board.start);

$('#clearBoardBtn').on('click', board.clear);

$('#flipOrientationBtn').on('click', board.flip);

$('#setRookCheckmateBtn').on('click', function() {
board.position({
a4: 'bK',
c4: 'wK',
a7: 'wR'
});
});

}; // end init()
$(document).ready(init);

</script>
</body>
</html>


En el Formulario:

Public Sub Form_Open()

WebView1.Url = "js/Html1.html"

End



El ejemplo esta disponible para su descarga en la Granja de Gambas

Nota: si vos tenes algún proyecto o ejemplo de este tipo me gustaría que lo compartieras, saludos.