teleren/devto huggingface dataset:
Handy Open source image editor
Tags: webdev, opensource, javascript
Published: 2024-05-28 01:28:12


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xwkrwyscvbqa5oy97qo7.png)

This is a js version of the picture design tool, can be used for video cover, social media pictures, graphic printing and other scenes, the use of this tool does not require professional training, can let ordinary people easily master, design a beautiful poster.

It can import PSD, export JSON files, it is not a web version of PhontoShop, it is easier to apply than PS, let ordinary people easily use.


https://github.com/nihaojob/vue-fabric-editor

### staff
Includes ruler, auxiliary line, automatic adsorption alignment

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9dzv4xorxcwedso7hpns.png)


### Canvas

The canvas can be adaptive when dragging the window, and can be zoomed out and dragged to meet editing needs


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hh3r98hd7efw202f470c.png)


### Shape element
Whether it is text, basic shapes, arrows, polygons, he can be drawn, very powerful

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7y3be29oyaleoyukr06t.png)


### Templates and materials
Support template, material classification management, support custom text style, custom combination elements.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zzi6t56iqvd0f75ottmw.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tudx9ip6c1c262g9onw7.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a7t543hupsh7x0a01ggn.png)


### Multiple operation
Multiple elements can be aligned or created in combination.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2fvqxsllhgypas3ixnum.png)

### Picture filter

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rg5pgoqmn13jfasuibae.png)



### Color/Border/Shadow/Transparency
Combine a variety of attributes to create a beautiful style

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y9olpfc9fw0qd3c24iif.png)

### Font design
Font, color multiple properties

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/97f0mj9p0ksnkrsf1m9d.png)


### Watermark
Watermark can be set according to your own needs

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lrajjazyrp57jds4sujz.png)


### Menu and shortcut keys
You can use menus and shortcut keys to operate

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ffc1d33x6mrwb2r9x9km.png)


## About me
I am the author of this project, I come from China, I have my own Chinese technical blog, unfortunately, because of my poor English, I can only use translation software to read and publish English articles, I am working hard to learn English, I hope this open source project can help you.
My Newest Discovery: PlayFab
Published: 2024-05-28 01:12:20

  Hey there, fellow gamers!

Today was quite the adventure in the world of game development for me. I stumbled upon something called PlayFab, and let me tell you, it's a game-changer (pun intended). PlayFab is this cool integrated tool for Unity that helps manage online services like player accounts, payments, and overall game management.

So, how did I stumble upon this gem? Well, I was knee-deep in developing my own video game when I realized I needed a way for players to log in and manage their accounts. That's when PlayFab came to the rescue. By integrating it into my game, I was able to create a seamless login system and effortlessly manage all the players who signed in. It was like unlocking a whole new level of game development!

What's awesome about PlayFab is how it simplifies the whole process, making it easy for developers like me to focus on creating epic gaming experiences without worrying about the nitty-gritty of backend management.

This is the code I used to integrate the login system.

```
    public InputField email ;
    public InputField password;
    public GameObject panel;
    public Text mailText;
    public Text passwordText;
    public Text ruling;
    public Button registButton;
    public PlayerController plc;
```
This here are my variables where i had my places where people could input their emails and passwords to login and my Player Controller (remember that one it's important later)
```
      public void RegisterButton()
    {
        var request = new RegisterPlayFabUserRequest
        {
            Email = email.text,
            Password = password.text,
            RequireBothUsernameAndEmail = false
            
        };

        PlayFabClientAPI.RegisterPlayFabUser(request, OnLoginSucces, OnError);

        void OnLoginSucces(RegisterPlayFabUserResult result)
        {
            Debug.Log("Succesfull login");
        }

        void OnError(PlayFabError error)
        {
            Debug.Log("Error on login, please try again");
            Debug.Log(error.GenerateErrorReport());
        }

        email.enabled = false;
        password.enabled = false;
        panel.SetActive(false);
        mailText.enabled = false;
        passwordText.enabled = false;
        ruling.enabled = false;
        registButton.enabled = false;

        plc.IsPlaying = true;
    }
```
This over here is my function that activates when someone presses the register button, what it does is that it takes whatever is inside the input fields and turns it in to the playfab manager and stores it, but it also it tells the game when should my player be moving, because you dont want to be writing your email and suddenly you already lost right? (told you it was important)

So, if you're a budding game developer like me, I highly recommend checking out PlayFab. Trust me, it's a game-changer you don't want to miss out on!
Aprenda de uma vez o que é Banco de Dados e SGBD
Tags: dados, beginners, sgbd, bancodedados
Published: 2024-05-28 01:07:45

## O que é Banco de Dados?
**Banco de dados** é uma coleção de dados. Dado é um fato que deve ser armazenado e que tem um significado implícito.

## Tipos de aplicações de Banco de Dados:

- **Banco de dados tradicionais**: maioria da informação é textual ou numérica.
- **Banco de dados multimídia**: armazena imagens, áudios, streams de vídeos.
- **Sistemas de informação geográficas**: armazena e analisa mapas, dados sobre clima e imagens de satélites.
- **Big data**: trata, analisa e obtem informações a partir de grandes volumes de dados.

## O que é um SGBD?
SGBD, sigla para **Sistema Gerenciador de Banco de Dados**, contempla varias funcionalidades e armazena vários bancos de dados.

Os SGBDs permitem que operações sobre os dados sejam definidas de maneira independente da aplicação. As aplicações podem chamar tais operações por meio de seus nomes e argumentos e não se preocupam como tais operações são implementadas.

Para que seja possível usar as funcionalidades de um SGBD e atuar sobre um banco de dados é preciso conhecer o modelo de dados. O modelo de dados conceitual é construído por um analista de dados, e sua implementação física é realizada em um SGBD

## Vantagens de Utilizar um SGBD

- Controle de redundância, ter todos os dados armazenados em um único lugar, e diferentes aplicações acessam a mesma instância desses dados.
- Autorização e segurança que previne que usuários acessem dados sem que estejam autorizados.
- Eficiência no processo de consultas
- Backup e recuperação
- Controle de concorrência


Todo conteúdo postado aqui tem como referência o livro de ELMASRI, R. NAVATHE, S. B., Sistemas de Banco de Dados: Fundamentos e Aplicações, Pearson, 6o ed.
Building a Multiplayer Game Server with Node.js
Tags: webdev, javascript, beginners, programming
Published: 2024-05-28 00:31:47

## Introduction

Node.js has become a popular choice for game developers when it comes to building multiplayer game servers. Its ability to handle a large number of concurrent users and its easy scalability make it an ideal choice for creating online games. In this article, we will discuss the advantages, disadvantages, and features of building a multiplayer game server with Node.js.

## Advantages

1. **High Scalability:** Node.js uses a non-blocking, event-driven architecture which allows it to handle large volumes of concurrent connections efficiently.

2. **Easy Integration:** Node.js has a vast library of modules and packages available, making it easy to integrate with other technologies and frameworks.

3. **Real-time Interactivity:** With its event-driven architecture and WebSocket support, Node.js allows for real-time communication between players, providing a seamless multiplayer gaming experience.

## Disadvantages

1. **Lack of Multithreading:** Node.js is single-threaded, which means it cannot take advantage of all available CPU cores, potentially limiting its performance.

2. **Limited Support:** Being a relatively new technology, there is still a lack of support and resources available compared to other established platforms.

## Features

1. **Cross-platform Compatibility:** Node.js is compatible with multiple operating systems, making it easy to build a game server that can run on different devices.

2. **Ease of Development:** With its simple syntax and extensive library of modules, Node.js makes it easy to develop and maintain a multiplayer game server.

### Example of WebSocket Integration in Node.js

```javascript
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', function connection(ws) {
    ws.on('message', function incoming(message) {
        console.log('received: %s', message);
        wss.clients.forEach(function each(client) {
            if (client !== ws && client.readyState === WebSocket.OPEN) {
                client.send(message);
            }
        });
    });

    ws.send('Hello! Message received');
});
```

This snippet demonstrates how to set up a simple WebSocket server with Node.js that can handle real-time messaging between clients. It allows messages to be broadcasted to all connected clients except the sender.

## Conclusion

Node.js offers several advantages for building a multiplayer game server, including its scalability, real-time interactivity, and easy integration. However, it also has its limitations, such as lack of multithreading and limited support. Nevertheless, with its features and growing popularity, Node.js is a promising choice for game developers looking to create a seamless multiplayer gaming experience.
Django: Sample data
Tags: webdev, python, django
Published: 2024-05-28 00:28:10

## Sample Data

- Is helpful when developing
- Sample data scripts expose issues with data models

## Querying in the shell

```bash
cd locallibrary
python3 manage.py shell
```

The interactive Python environment can be used to create records and query the database.

Import all necessary modules and models for the session.

```bash
from catalog.models import Book
Book.objects.all()
```

Outputs:

```bash
<QuerySet []>`
```

An empty query set was returned.

Add a book:

```bash
book = Book(title="Python Tutorial")
book.save()
Book.objects.all()
```

Outputs:

```bash
<QuerySet [<Book: Python Tutorial>]>
```

A book was successfully created. Importing everything in the beginning of the shell is painful.

Exit the the shell with `exit()`

## Querying with shell_plus

Navigate to the same directory as `requirements.txt`.

`shell_plus` doesn’t come with Django out-of-the-box.

```bash
$ pip install django-extensions
```

Add the new package to the list of installed packages.

Run `pip freeze` from the same directory as `requirements.txt` to update the file. Otherwise, you will create another `requirements.txt`.

```bash
pip freeze > requirements.txt
```

Go to `settings.py` and register the extension in `INSTALLED_APPS`.

Then, navigate to the `locallibrary` directory where `manage.py` is located and run:

```bash
python3 manage.py shell_plus
```

Now you can query without needing to import models manually.

## Sample data script

Install the Faker library and add it to `requirements.txt`

```bash
pip install Faker
pip freeze > requirements.txt
```

See `create_sample_data.py` at https://github.com/Samuel-Lubliner/local-library-django-tutorial/blob/main/locallibrary/create_sample_data.py
Run the sample data script:

```bash
python3 create_sample_data.py
```

To start querying run `python3 manage.py shell_plus`
Macao game tax revenue is $3.7 billion through April
Tags: 바카라사이트윈, 카지노사이트
Published: 2024-05-28 00:23:41

Total tax collections so far this year are up 98.2% compared to the previous year.

In April alone this year, the government collected about 7.93 billion in gaming tax revenue, up 11.2% from the previous month.

Taxes from gaming brought in 83.5% of the Macau government's total revenue in the four months to April 30, with the latter reaching nearly MOP35.77 billion.

Under Macau's 10-year gaming subsidy scheme, which took effect on January 1 last year, the effective tax on casino gross gaming revenue (GGR) is 40%.

Tax collection figures for a particular calendar period and the GGR of urban casinos for those periods are not directly comparable for a number of reasons. These include the fact that there is usually a delay between when the GGR is recorded in Macau casino operations and when the Macau government registers as paying taxes.

According to the government's 2024 budget plan, revenue from the gaming tax is expected to reach nearly MOP 83.61 billion this year. Revenue for the first four months of the year is 35.7% of that figure.

Macao authorities collected MOP652.6 billion in revenue from the gaming tax for all of 2023, achieving a surplus of 28.3% in last year's budgeted gaming tax revenue.

BY: **[바카라사이트윈](https://www.baccaratsite.win/)**
Eight Chinese cities added to Macau's individual visit plan
Tags: 경마사이트프로, 사설경마사이트, 온라인경마사이트, 실시간경마사이트
Published: 2024-05-28 00:07:42

China's State Council has added eight mainland cities to its list of places where people can apply for an Individual Visit Plan (IVS) departure visa to travel to Macau and Hong Kong.

The information was confirmed by the National Immigration Service on Saturday and has increased the number of IVS-eligible locations to 59 from 51 previously. The changes will take effect on May 27.

The newly added cities are all members of the borough: Taiyuan in Shaanxi Province, Hohat in Inner Mongolia Autonomous Region, Harbin in Heilongjiang Province, Lhasa in Tibet Autonomous Region, Lanzhou in Gansu Province, Xining in Qinghai Province, Yinchuan in Ningxia Hui Autonomous Region, and Urumqi in Xinjiang Uyghur Autonomous Region.

This is the second time in less than three months that the Chinese State Council has added a new city to its list of cities where people can apply for an IVS departure visa to travel to Macau and Hong Kong. In late February, the State Council announced that it had added two mainland population centers, Xi'an and Qingdao, to its IVS list.

The recent expansion of the IVS list, along with other positive visa policy measures related to business visas, multiple entry visas and Hungchin-Macao group visas announced in late April, "will have a more marginal impact on visits and gaming gross revenue in the short term, but in the long run, it is a positive driver for continuing to increase visitor numbers," Vitali Umanski, an analyst at Seaport Research Partners, said in a note on Sunday.

He added: "The policy action is a clear indication of the Chinese government's continued support for Macau and the more short-term impact of the announcement will reinvigorate sentiment as there is no negative connection with the gaming industry."

The news of the IVS update came just before the start of the seven-day Macau "inspection tour," which begins today (13th), and is the director of the Hong Kong and Macau Affairs Bureau of the Central Committee of the Chinese Communist Party and the director of the Hong Kong and Macau Affairs Bureau of the State Council.

The announcement in February that Xi'an and Qingdao had been added to the IVS list coincided with Xi'a visit to Hong Kong.

In his note, Mr. Umanski pointed out that "the expansion of IVS" will help increase the number of mainland "middle market and luxury tourists" to Macau, as mainland "middle market and luxury tourists" visiting Macau travel primarily via IVS rather than group visas.

"However, aircraft capacity will need to increase from these cities to Hong Kong, Guangdong, Zhuhai and Macau airports in order to have a real impact on visitor numbers," Mr. Umanski said,

The IVS system was first implemented in four cities in Guangdong Province, the mainland just next to Macau and Hong Kong, and was expanded several times between July 2003 and January 2007.

BY: **[사설경마사이트](https://www.racesite.pro/)**
SUNUCU İŞLETİM SİSTEMLERİ
Published: 2024-05-27 23:35:48

**Sunucu İşletim Sistemleri:** Bilgisayar Ağlarının Yönetiminde Temel Rol
Bilgisayar ağlarında, iletişimi yöneten ve kaynakları paylaşımını sağlayan anahtar bileşenlerden biri sunucu işletim sistemleridir. Sunucular, ağ üzerindeki bilgisayarlara hizmet veren ve veri alışverişini düzenleyen yazılımlardır.

**Windows Tabanlı Sunucu İşletim Sistemi**
Microsoft'un geliştirdiği Windows tabanlı sunucu işletim sistemi, geniş bir kullanıcı kitlesi tarafından tercih edilmektedir. Grafik arayüzleri ve kullanıcı dostu özellikleri sayesinde işletim sistemi üzerinde uygulamaları çalıştırmak kolaylaşmıştır. Windows tabanlı sunucu işletim sistemi, genellikle büyük ölçekli işletmeler ve kurumsal ağlar tarafından kullanılmaktadır.

**Linux Tabanlı Sunucu İşletim Sistemi**
Linux, açık kaynak kodlu ve esnek bir işletim sistemidir. Unix tabanlı olan Linux, sunucu ortamlarında sıkça tercih edilmektedir. Kullanıcılar, Linux'un kaynak kodunu değiştirip dağıtabilirler, bu da özelleştirme ve optimize etme imkanı sağlar. Debian ve Red Hat gibi farklı dağıtımlar, farklı kullanıcı ihtiyaçlarına yönelik seçenekler sunar.

**Debian (GNU/Linux)**
Özgür bir işletim sistemi olan Debian, Linux çekirdeği üzerine inşa edilmiştir. Sunucu işletim sistemi olarak yaygın olarak kullanılan Debian, aynı zamanda masaüstü bilgisayarlar için de uygundur. Açık kaynak kodlu ve topluluk tarafından desteklenen bir yapıya sahiptir.

**Red Hat ve Fedora**
Red Hat, önde gelen açık kaynaklı yazılım şirketlerinden biridir. Red Hat Linux, kullanıcıların ihtiyaçlarına yönelik olarak özelleştirilebilir bir yapıya sahiptir. 2004 yılında, Red Hat Linux'un yerine Fedora dağıtımı geliştirilmiştir. Fedora, geniş bir özgür yazılım topluluğu tarafından desteklenmekte ve sürekli olarak güncellenmektedir.

**Mac OS X Sunucu İşletim Sistemi**
Apple tarafından geliştirilen Mac OS X, Unix tabanlı bir işletim sistemidir. Özellikle Macintosh bilgisayarlar için tasarlanmıştır. Kullanıcı dostu arayüzü ve güçlü performansıyla bilinir. Mac OS X, genellikle küçük ve orta ölçekli işletmelerin tercihi olmakla birlikte, bazı büyük kurumsal ağlarda da kullanılmaktadır.


**Kaynakça:**
https://www.sisbim.com
https://tr.wikipedia.org
https://www.isnet.net.tr
https://www.debian.org
https://tr.wikipedia.org
https://www.kimnezamanicatetti.com
C# 13 dagi yangiliklar!!!
Tags: csharp, news, dotnet
Published: 2024-05-27 23:35:45

Qisqacha **c#** dasturlash tili haqida malumotlar

> C#(si sharp) multi-paradigmik, dinamik hamda [`C`](https://en.wikipedia.org/wiki/List_of_C-family_programming_languages) dasturlash tillari oilasiga mansub dasturlash tili bo'lib Microsoft kompaniyasidan [Anders Hilsberg](https://en.wikipedia.org/wiki/Anders_Hejlsberg) tomonidan ishlab chiqilgan bolib va keyinchalik 2002 yilda [Ecma](https://ecma-international.org/)([ECMA-334](https://ecma-international.org/publications-and-standards/standards/ecma-334/)) tomonidan xalqaro standard sifatida tastiqlangan.
> **_Xalqaro standard sifatida tastiqlandi_** degani, qisqacha qilib aytganda ushbu texnologiya(yoki produkt, yoyinki biron servis vaho kazo...) dunyo tanolgan mutaxasislar, korporatsiyalar hullas kazo-kazolar tomonidan ushbu texnologiyani tekshirilib, turli-xil testlar o'tgazib va shu texnologiya uchun qollanma yozib chiqgan degani.
> Hozirda C# dasturlash tilini 13-ta versiyasi bor. 13-chi versiyasi `21/05/2024` yilda **preview** versiyasi taqdim etildi. Va yana bir etibor talab qiladigon tarafi hozirda ushbu versiyadagi C# ni qanday yangiliklari va qulayliklari borligini ko'rib chiqmoqchishimiz uchun, avval bizga ProjectName **.csproj** faylimizga quyidagi kodni kiritib qo'yishimiz kerak:

```
<PropertyGroup>
   <LangVersion>preview</LangVersion>
</PropertyGroup>
```
> Aks holda bazi yangi xususiyatlar(feature)larni ishlata olmaymiz!!!

**Yangi feature larni ro'yxati**:
> 1.[`param` kalit so'zi(key word)](https://dev.to/farkhadk/params-key-word-16n8)
> 2.Yangi `lock` obyekti. <- Bu featureni o'zi uncha tushuna olmadim😅 
> 3.[Yangi escape ket-maketligi`\e`](https://dev.to/farkhadk/yangi-escape-ketma-ketligi-e-4apg)
> 4.[Metod guruhining tabiiy tipini yaxshilanishi](https://dev.to/farkhadk/natural-type-of-method-group-4kp0)
> 5.[`yashirin indekserga` kirish](https://dev.to/farkhadk/obektni-initsializatorlarida-yashirin-indekserga-kirish-17i7)

**P.S.**
Yangi feature larni alohida postlarga bo'lib chiqishga qaror qildim, chunki bitta post uchun juda uzunlik qilar ekan. Ro'yhatdagi havolalarga bosib, o'zingizni qiziqtirgan feature ni alohida misollari bilan birga tanishib chiqishiz mumkin. :)
[Game of Purpose] Day 9
Tags: gamedev
Published: 2024-05-27 23:32:15

Today I was playing around with scene backgrounds. The whole scene is surrounded by mountains and volcanos. 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5c4htz0yutpuyvp6l54w.png)

I placed rock assets around steep edges of the hill


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/klf6qcxg0lz4qkhhrw1u.png)

I downloaded tree assets from Unreal Marketplace. Previously everything was downloaded from Quixel Bridge.

I can control the appearance of trees globally using Global Foliage Actor. In the screenshot I made them autumny. However, this Global Foliage Actor controls only assets from package BlackAlder, but not from PN_interactiveSpruceForest and I don't know why.

Global Foliage Actor seems to be somehow connected with one meshes, but not with others.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7v8gyza7t0gpe917gjpb.png)