DEV Community: dwarfŧ

cool things to do on wine (mac & linux)

dwarfŧ — Sun, 29 Oct 2023 11:12:42 +0000

One thing about wine is how easy it is to use and how compatible it is.
So here is a small list of cool things you can do on wine :)

windows command prompt (cmd)
windows command prompt is the peak of development on windows however if you have a different operating system it may be frustrating to see youtube tutorials that don’t work because it uses windows cmd and not the standard bash terminal.
Well now you can do those tutorial by running:
wine64 cmd (please note if you use a 32-bit OS do not include the 64 just use the wine command).
this command emulates the windows command prompt for all OS’s to use

batch files
batch files can be used for everything from TAS bots to apps to automated tasks or just a computer prank. If you want to run a batch file for macOS or linux just run:
wine64 yourFile.bat
and thats it!

vbs script
I didn’t think vbs was possible on mac or linux but it turns out it is. Vbs isn’t as popular as it used to be but it is still a good programming language. So lets get straight to the point. run:
wine64 start yourFile.vbs

and there you go! those are my top three favourite things to do on wine!

Enjoy coding :)

Getting started with go

dwarfŧ — Tue, 15 Aug 2023 18:16:12 +0000

go (or golang) is a popular programming language that can be used for backend but also frontend in some cases.

1. installation
i am using mac to run go and here is the installation process:
if you have the admin password just install the package but if you don't follow the installation tutorial
1)download the binaries:
download the go binaries on the go download page they have the file ending tar.gz and unzip it in your home folder
2)linking the binaries:
most macOS terminals run in zsh so run the command: nano .zshrc (make sure you are in the home directory) and you will be taken on to the edit page.
3)editing the .zshrc:
on the top line add the code: export PATH="${HOME}/go/bin:${PATH}" then close with ctrl+x, y then ENTER.
4)done :)
refresh the terminal by reopening it and test it is installed by running the command go

2. writing the code
because this is an introduction we will only write a hello world program:

package main
import "fmt"
func main() {
    fmt.Println("hello world")
}

3.running
to run we can do the command: go run main.go

final step
enjoying programming and have a nice day :)

using llama finder and deno to scrape websites

dwarfŧ — Sat, 04 Mar 2023 08:15:45 +0000

what is llama finder?
llama finder is a tool made by me on replit and we will be using it to find keywords on websites

getting started
first we need to go onto the llama finder repl, once you are on it, it should look something likes this:

if we run this it will say how many times the word llama appears in the website walkingwithllamas.co.uk. We don't want this though!

changing the code
at the top right click fork this will put the code into your workspace and save it on your profile. Next, open index.ts this is where the scraper source code is. In the code you will notice a few comments (the text after //) these are to help you know where everything is.

searching different websites
the first line of code contains a url, you can change this to any website you want! HOWEVER, not all websites allow you to do this as a security measure.

changing the keyword
on line line there is a long line of code:

const count = (html.match(/llama/g) || []).length;

this searches for the word llama and counts how many times it was there, we can change this by changing the word llama to something else like cat.

changing the output
on line 11 it logs how many times it saw your word, however if you run this it will work but instead of saing how may times it saw the word cat it would say "amount of times llama appeared: (the amount of times your word appeared)", we do not want this so change the word llama to you word you are scraping

goodbye
i hope you enjoyed the tool i created and have a good day

create a windows form in c# without visual studio

dwarfŧ — Fri, 17 Feb 2023 17:04:40 +0000

step 1
intall c# and the mono compiler

step 2
next we need to write the code. This will make a blank window appear:

using System;
using System.Drawing;
using System.Windows.Forms;

public class app : Form
{
    static public void Main ()
    {
        Application.Run (new app ());
    }
}

step 3
we can compile this with:
mcs main.cs -r:System.Windows.Forms.dll -r:System.Drawing.dll
or:
csc main.cs -r:System.Windows.Forms.dll -r:System.Drawing.dll

next run it with mono main.exe. Boom! We have a window!

step 4
enjoy and have a good day!

getting started with c# on linux

dwarfŧ — Thu, 16 Feb 2023 08:35:02 +0000

step 1
i am using ubuntu, which is a debian based linux distro. I installed it with:

wget -nv https://packages.microsoft.com/config/ubuntu/16.04/packages-microsoft-prod.deb
sudo dpkg -i packages-microsoft-prod.deb
sudo apt-get install apt-transport-https
sudo apt install snapd
sudo service snapd start
sudo snap install dotnet-sdk --classic
sudo apt-get install mono-complete

WARNING: this will only work with debian, please find how to install c# on your linux distro.

step 2
next we can create a main.cs file. The .cs extension is c# files. here is a hello world program:

using System;

public class main {
  public static void Main(String[] args){
    Console.WriteLine("Hello, World!");
  }
}

this will log "Hello, World!" into the terminal.

step 3
compiling on linux is a bit different. In step 1 we install c#. This allows us to compile c# code. to compile we can do: mcs main.cs this will give us a main.exe file. Don't worry! This isn't a windows exe file because then we wouldn't be able to execute it. No, this is just a standard machine code file which we can execute by doing: ./main.exe And done! It will output or hello world program!

step 4
enjoy and keep on coding.

neovim: the basics

dwarfŧ — Tue, 14 Feb 2023 07:45:56 +0000

introduction
welcome to neovim! It is a super-set of vim and makes a handy editor for any project. I use neovim because of the fact my operating system is linux. This means most of the code i run is in a terminal and neovim is perfect for that!

entering
first of all we need to enter the editor. We can enter vim with: vim and neovim: nvim. you will be greeted with this lovely text editor:

insert mode
once you have entered the editor typing will not do anything. You can type by pressing the key i. To leave insert mode (so you can run commands) press esc.

exiting
then once we've typed code we need to exit the editor. We can do this by doing: :q however this will only work if you have not typed anything. To leave neovim without saving do: :q!. To save and exit vim you can do: :wq and you can save it without exiting by doing: :w

running code directly inside of vim
here i have some code written in neovim:

and i can run it without leaving neovim. What allows me to do this is the fact by doing :! you can run bash code inside neovim. this means to run my c++ code i can just do: :! g++ main.cpp and run it with: :! ./a.out You can do this with any programming language as long as you have it installed on your computer.

goodbye
enjoy your knowledge and have a good day

displaying images in sfml

dwarfŧ — Tue, 14 Feb 2023 07:10:54 +0000

step 1
first of all you need to install SFML. I am using kali linux and i found the linux installation guide here.

step 2
next you need to make a window i made a guide here but i will give you the code anyway. Enter this code into your preferred text/code editor:

#include <SFML/Graphics.hpp>

int main()
{
    // create the window
    sf::RenderWindow window(sf::VideoMode(800, 600), "Hello window!");

    // run the program as long as the window is open
    while (window.isOpen())
    {
        // check all the window's events that were triggered since the last iteration of the loop
        sf::Event event;
        while (window.pollEvent(event))
        {
            // "close requested" event: we close the window
            if (event.type == sf::Event::Closed)
                window.close();
        }

        // clear the window with black color
        window.clear(sf::Color::Black);

        // draw everything here...
        // window.draw(...);

        // end the current frame
        window.display();
    }

    return 0;
}

then check that the window will display by compiling it with:g++ main.cpp -o main -lsfml-graphics -lsfml-window -lsfml-system and run it with: ./main

step 3
first you will need to find an image to use. i will be using this one:

step 4
now we will implement the code. this is what the code for displaying the image on the window should look like:

note: on line 8 change the Mushroom.png to your file of choice.

#include <SFML/Graphics.hpp>
#include <iostream>

int main(){
        int x = 100;
        int y = 100;
        sf::RenderWindow window(sf::VideoMode(800, 600), "Hello Window");
        sf::Texture texture;
        if (!texture.loadFromFile("Mushroom.png")) {
                std::cout << "Could not load enemy texture" << std::endl;
                return 0;
        }
        while (window.isOpen()) {
                sf::Event event;
                while (window.pollEvent(event)) {
                        if (event.type == sf::Event::Closed)
                                window.close();
                }

                window.clear(sf::Color::Black);

                sf::Sprite image;
                image.setTexture(texture);
                image.setPosition(sf::Vector2f(x,y));
                image.scale(sf::Vector2f(1,1.5));
                window.clear();
                window.draw(image);

                window.display();

        }

        return 0;
}

step 4
we will compile this by doing: g++ -o main main.cpp -lsfml-graphics -lsfml-window -lsfml-system and then run it with: ./main

step 5
enjoy and have a good day.

creating a window in SFML

dwarfŧ — Sun, 05 Feb 2023 07:12:51 +0000

step 1
first of all you need to install SFML. I am using ubuntu and i found the linux installation guide here.

step 2
next, you need to create a window you can do this by doing:

#include <SFML/Graphics.hpp>

int main()
{
    // create the window
    sf::RenderWindow window(sf::VideoMode(800, 600), "Hello window!");

    // run the program as long as the window is open
    while (window.isOpen())
    {
        // check all the window's events that were triggered since the last iteration of the loop
        sf::Event event;
        while (window.pollEvent(event))
        {
            // "close requested" event: we close the window
            if (event.type == sf::Event::Closed)
                window.close();
        }

        // clear the window with black color
        window.clear(sf::Color::Black);

        // draw everything here...
        // window.draw(...);

        // end the current frame
        window.display();
    }

    return 0;
}

this will give us a black window named hello window!

step 3
to compile we cannot just do g++ main.cpp. We have to include some library's we can compile this by doing:

g++ main.cpp -o main -lsfml-graphics -lsfml-window -lsfml-system

step 4
you can run it by doing: ./main

step 6
enjoy and have a good day

create a window in SDL2 for any OS

dwarfŧ — Fri, 03 Feb 2023 07:30:33 +0000

step 1
first we need to import SDL2 into our main.c project. However there are different library's for every OS so we can allow the computer to choose the needed one by doing this:

#include <stdio.h> /* printf and fprintf */
#include <stdbool.h>
#ifdef _WIN32
#include <SDL/SDL.h> /* Windows-specific SDL2 library */
#else
#include <SDL2/SDL.h> /* macOS- and GNU/Linux-specific */
#endif

step 2
to make the window with a title and window size we can do:

int main() {
    SDL_Init(SDL_INIT_VIDEO);

    SDL_Window* w = SDL_CreateWindow(
        /* If you flip this, SDL_SetWindowTitle() below starts working */
        #if 1
        "hello window!",
        #else
        "hello window!",
        #endif
        SDL_WINDOWPOS_UNDEFINED, SDL_WINDOWPOS_UNDEFINED,
        400, 400, 0); // window size

    /* If you call this, the below stops working */
    //SDL_SetWindowTitle(w, "Another title without UTF-8");

    /* This works only if the previously set title had an em-dash as well */
    SDL_SetWindowTitle(w, "hello window!"); //title

    SDL_Event event;
    while(SDL_WaitEvent(&event))
        if(event.type == SDL_QUIT) break;

    SDL_DestroyWindow(w);
    SDL_Quit();
}

this sets the window size and title.

step3
to compile our main.c file with g++ we can do:

g++ -o main main.c -lSDL2

and run it with:

./main

step4
enjoy and have a good day

installing and using electron

dwarfŧ — Sun, 29 Jan 2023 12:43:10 +0000

step 1
first you need to install npm and nodejs this will allow you to install electron.

step 2
run:

npm init

it will ask you the following things:

This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help init` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (tsv) eletron-app
version: (1.0.0) 
description: 
entry point: (index.js) 
test command: 
git repository: 
keywords: 
author: 
license: (ISC) 
About to write to /home/sharpi/Documents/tsv/package.json:

{
  "name": "eletron-app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}


Is this OK? (yes)

step 2
now install electron by running:

npm install electron

step 3
Create a new file called main.js. Enter the following code in it:

const {app, BrowserWindow} = require('electron') 
const url = require('url') 
const path = require('path')  

let win  

function createWindow() { 
   win = new BrowserWindow({width: 800, height: 600}) 
   win.loadURL(url.format ({ 
      pathname: path.join(__dirname, 'index.html'), 
      protocol: 'file:', 
      slashes: true 
   })) 
}  

app.on('ready', createWindow)

step 4
create a index.html and enter the following code:

<!DOCTYPE html>
<html>
   <head>
      <meta charset = "UTF-8">
      <title>Hello World!</title>
   </head>

   <body>
      <h1>Hello World!</h1>
      We are using node <script>document.write(process.versions.node)</script>,
      Chrome <script>document.write(process.versions.chrome)</script>,
      and Electron <script>document.write(process.versions.electron)</script>.
   </body>
</html>

step 5
inside package.json there is "scripts": {} and inside is the test command. so delete the "test" command and and replace the code with:

"start": "electron ./main.js"

step 6
to run use:

npm run start

step 7
enjoy coding and have a good day

key detection in javascript

dwarfŧ — Sun, 29 Jan 2023 10:17:10 +0000

intro
when I've been coding games in javascript i was always looking for a way to detect key presses without it being depreciated.

step 1
the first step is to create the detector.
you can do this by:

document.onkeydown = function (e) {
    console.log("key down");
};

now if you press any key it will log "key down"

step 2
to detect a certain key (such as q) we need to listen for the e.key value. This will change every time a different key is pressed.
you can do this by typing:

document.onkeydown = function (e) {
    console.log(e.key);
};

now, say if you pressed w, it would log w or if you press b it would log b.

step 3
if you want to do something when a certain key is pressed you can use if statements:

document.onkeydown = function (e) {
    if (e.key == "w") {
        console.log("up"); //logs up when w key pressed
    } else if (e.key == "s") {
        console.log("down"); //logs down when s key pressed
    }
};

now when i press W it will log "up" (like many 2d games w is up) and when i press S it will log "down"

step 4
enjoy and code until your heart's content.

making a window in opengl and GLFW, a c++ guide

dwarfŧ — Sat, 28 Jan 2023 17:34:12 +0000

intro
i have made a post on making a window in just opengl but i found most tutorials used GLFW for window displaying

step 1
first install opengl on your Operating System(OS) i am using ubuntu and i installed it from here

step 2
you need to install GLFW for ubuntu linux i found a tutorial here, however you will need to install it for your OS.

step 3

i found the code to making a window off the installation guide to install GLFW for ubuntu here, this is the code:

#include <GLFW/glfw3.h>

int main(void)
{
    GLFWwindow* window;

    /* Initialize the library */
    if (!glfwInit())
        return -1;

    /* Create a windowed mode window and its OpenGL context */
    window = glfwCreateWindow(640, 480, "Hello World", NULL, NULL);
    if (!window)
    {
        glfwTerminate();
        return -1;
    }

    /* Make the window's context current */
    glfwMakeContextCurrent(window);

    /* Loop until the user closes the window */
    while (!glfwWindowShouldClose(window))
    {
        /* Render here */
        glClear(GL_COLOR_BUFFER_BIT);

        /* Swap front and back buffers */
        glfwSwapBuffers(window);

        /* Poll for and process events */
        glfwPollEvents();
    }

    glfwTerminate();
    return 0;
}

step 4
to compile your main.cpp file you can do

g++ -pthread -o main main.cpp -lglfw -lGLU -lGL -lXrandr -lX11 -lrt -ldl -lglut

i included some extra library's for when you are doing other things with opengl so you wont run into library errors

step 5
enjoy and good luck coding