Posts

Showing posts from 2021

Connecting to the Open Web DB from Processing 3

Image
  // This scatch helps you to understand the basics of connecting to the Marker Soft Site.  //Copy and paste. Don't forget to change the access key to yours! //The registration is free. You may use three keys to connect your devices to this network //This is the link  https://markerbank.com/cab.php //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// String txOut="";  int dl=100; void setup(){      size(400,300);   background(255,255,0);   txOut=txMCWeb();   textSize(24);   fill(0);   text(txOut,width/2-(textWidth(txOut)/2),120);       } void draw(){   background(255,255,0);   if (dl<0){   txOut=txMCWeb();   dl=100;   }   textSize(24);   fill(0);   text(txOut,width/2-(textWidth(txOut)/2),120);      String txOut2="";   fill(255,0,0);   textSize(18);   dl--; ...

Connecting Wemos (ESP8266) to MB 4 Bot

Image
You need a WEMOS card or ESP32 with Arduino Board and Arduino IDE to load scetches for this example. 1. Download Arduino IDE from here - https://arduino.cc 2. Open Arduino IDE properties and in the new window insert this link: http://arduino.esp8266.com/stable/package_esp8266com_index.json into the Additional link for Boards' Manager section 3. Then open the Tools menu and choose Board Manager in the Board submenu. 4. Type WEMOS in the search string of the Board Manager Window and install ESP8266 and ESP8266 Community drivers. 5. The Last step is going back to Tools Menu and selecting your board in the submenu Boards. In my case, it was LOLIN (WEMOS R1 D2) This is a code example you may copy and paste for your WEMOS. 

Draw Dollar effect

Image
The dollar sign was created by my online Pixel Art editor. It is not a picture. It is a code suitable for P5 (processing 5) GUI. This example has been created to show the way of creating graphics inside a web application, using only code and no graphic files. The first 8-bit games were created in the times when there were no graphic editors. It is not impossible to do the same now. I used a cycle "for" to place multiple signs in the window, and the math function Cosine to produce scale in and out effect in this example. Some functions are used only with the p5js library.  Here is the code for P5JS Editor. Be free to copy and paste and use in your own P5JS application. // The Code :   let stepX; let stepY; let sW=80; function setup() {   createCanvas(400, 400);     stepX=round(width/sW);   stepY=round(height/sW); } function draw() {   background(220);     for (var i2=0;i2<stepY;i2++){   let y=sW*i2+sW/2;   for (var ...

How I fixed BWAPP

Image
 First off all two words about this web application. BWAPP is the most insecure application ever. Sounds silly and for most users has no sense at all. This app was created to train programmists and administration. It can spot different application issues which are common for programmers beginners. One day my friend decided to make a ZOOM festival for young students. We created some legends to make tasks interesting. I wrote a small program for moderators and participants to understand and explain the progress and log users' actions, who may attack our fake server inside a virtual machine. Everything was ok before I upgrade PHP. New PHP appeared more secure than previous, BWAPP stoped work secure issues were blocked. That was a problem, I don't want to install the old PHP version, so I started checking. Finally, I found the issue in the PDO class connection, and rewrite the main BWAPP class.

Forward, Backward, Left and Right

Image
 This is a topic about realizing the movement function inside my pseudo-class for the Java Script application. Here it is: GameObject = function() {       this.x = 0;     this.y = 0;     this.cx = 0;     this.cy = 0;     this.w=20;     this.h=20;     this.pic='';       this.idx=0;       this.pics=[];       this.go=0;       this.right=[];     this.left=[];     this.up=[];     this.down=[];     this.frame=0;     this.delay=0;     this.sdelay=5;     this.ofx =0;     this.ofy =0;     this.go=0;     this.col=0;        this.IniArr =function(){         this.w=this.left[0].width;     this.h=this.left[0].height;                    }...

Pixel Art Editor. What is this?

Image
This editor was created for my programming courses Java Script and Java for beginners.  The aim is to bring a clear example of creating graphics for the game by using a built-in GUI. A student can draw art by the grid, use different colors. Then he may get the code of his work and insert it into the user function of his application.  The application may be complicated. It is possible to use frames. In this example, I use two functions (two frames) of the helicopter. https://editor.p5js.org/kirzh2020/present/MXWJmQWhC The link to the editor is here -> https://markerbank.com/games/PAEdit/

What does a blank game Template contain?

Image
We created a number of templates to make Game Creating easy for our students. The first Blank Game template contains a class to create game-style buttons, a loading animation, a watch indicator, a screencast window, information windows, and etc. This class was created as a step-by-step practical lesson explaining classes and entities in Java.

Road Map of Open Web Data Base

Image
1. Increasing data security by storing data users' data in crypto hashes. 2. Decentrolising keeping data by building a network among game users and data miners. 3. Build more types of server-side programs for different purposes. 4. Create forms and wizards to help customize requests for an individual design of game ratings. 5. Add more scatches and tutorials about using microcontrollers in the project. 6. Creating tutorials about storing neural network renders in the Open Web Data Base. 7. Test different servers and server addons to find the best for use in the project.

About Game "8 Planes"

Image
This game was created several years ago as supplementary compulsory material for the basic programming course for beginners. The main instrument is Processing 3 for the course.  It includes 16 basic themes: commands, variables, operators, built-in and user's functions, System API, Network and etc. Games as projects for the course make learning more interesting and help to understand deeper complicated and abstract categories. This game used to show the process of creating step by step in detail. The game appears interesting not only for the class, and then I decided to create a more complicated material based on it. So I add a server to create multiple users' game and the game which is possible to play with friends. I call the type of such games - Big Screen Game, or Croud game. Further, I will write about Big Screen Game and what has happened. Now, you may visit our page on ITCH and download 8 Game Planes for PC. Visit ITCH

A game for first tutorial

Image
This game was created to test the system if it would be possible to run users' ratings. Is it easy or difficult to connect, or, make a new configuration? The idea was to make everything simple for both users and game creators. Everything must work from the box and be customizable and informative. I add into tutorial game two functions modeZeroIni() and modeZero(). This function checks codes from the site.  The code "202" - is a signal from the program that a game is unregistered. The game sends a request and gets generated a unique key for storing data.  The data may be level, strikes, health, bonuses and etc.

How to connect to online database

 We try to create the easiest way to connect to the online database. A user gets an API Account's ID, API Keys, and API Settings to have an interface to different types of reports after registration. Then he (or) she connects his project to the database using HTTP - requests to our site.  We are teachers. So we are creating video tutorials to explain users' actions in the most simple way. 4 Steps to connect  1. First step - registration (free in almost cases) 2. Second step - activating Access Key, and Access Directory 3. Third step - customising back reports by choosing type, (and setting fields of back reports - this feature will appear in future) 4. Forth step -  connecting a program to site. This task may be easy if you choose example from the Repository of our examples  

In the beginning

 Hi Everyone!  This blog dedicated to the rooting project for our games, robots, and gadgets. The main idea of the Project is the easiest way to create and connect to a database for storing data and getting online reports. The data sources may be different: games, users, microcontrollers. We needed this service and first, we created and tested it for our own purposes, and more later we decided to share it with others.