CREATION OF A DESIGN LAYOUT OF PAGES AND IDENTICS OF AN INTERNET COSMETICS STORE

Abstract

The work explores the actual topic associated with multiplayer games, which have always united a large number of people for leisure activities. When the game becomes available publicly, it will qualitatively diversify the genre of browser multiplayer games. The object of the work is the branch of Internet technologies, which is engaged in the study and development of multiplayer online games, focused on launch and use in Internet browsers.

The subject of the work is a two-dimensional online multiplayer game. The work is devoted to identifying the best way to exchange data between the client and server side, and the correct rendering of programmatically animated characters. Which is possible through the use of a modern technology stack and a simple but comprehensive architecture.

A well-established life cycle will ensure reliable performance and debugged operation of the game, even with unstable Internet connection, or equipment with low computing power. While new game goals and the way to achieve them, will make the project more competitive. The main requirement for the implementation of the life cycle is the continuous exchange of data between the client and the server. The Socket.IO technology provides only an event-oriented connection. The exchange mechanism was implemented personally. The client part uses canvas as a space for creating a playground and an interface for character-user interaction.

To implement the gameplay, a number of mathematical calculations and algorithms describing the actions of the game were used. The entire design was developed in a graphic editor at Figma and Inkscape. The development involves an extensive stack of modern technologies, which include: TypeScript programming language, NodeJS - JavaScript regardless of the environment, React for building a user interface, styled-components for styling components, Express frame for server, Socket.IO for bidirectional communication between client and server. Testing was done in Chrome, Safari and Firefox on one of the smallest mobile devices, the iPhone SE.

Keywords: game multiplayer, socket.io, react, typescript, nodejs, client-server communication, data lifecycle, online multiplayer.