◀ Back
◀ Back
About

Discover the world of @sanyabeast, your guide to digital marvels from Ukraine. As an expert in TypeScript and Three.js, I bridge the gap between the virtual and tangible. Dive into the intricate worlds of TypeScript and Three.js with me. In the heart of code, I blend creativity with innovation, turning static types into dynamic visuals. Every line of code isn’t just logic—it's a blend of art and reason. Journey with me from 2D screens to 3D dimensions, where the potential is endless. With TypeScript's precision and Three.js's potential, I create digital magic. Let’s embark on this technological adventure together.

The Internet

No summary available

Applets

Discover the "Applets Catalog" - your intuitive gateway to a world of applets, brilliantly categorized for a seamless browsing experience. Dive into smart, real-time search capabilities with our integrated FuzzySearch engine, ensuring you find exactly what you're looking for in mere moments. Engage with a dynamic interface, where categories can effortlessly expand or collapse, adapting to your every whim. Plus, with our smart filtering and ordering techniques, you're always one step ahead, navigating through a perfectly curated collection of applets tailored to your preferences. Experience catalog browsing like never before!

Applet Launcher

No summary available

Brickscape [Demo]

The "Minecraft Clone" project, developed with TypeScript and Three.js, is a technical endeavor. It employs instanced mesh rendering and shader code injection to handle a large variety of textured blocks efficiently. The project also features a basic day-night cycle and offers two exploration modes: bird-flight view and first-person view, providing an engaging experience for users interested in 3D graphics and game development.

Match3

Around a decade ago, I embarked on a JavaScript experiment - the "Match-3 Game" project. This early project, though admittedly with messy code, holds immense value in my journey. It was my first step into the world of game development, faithfully recreating the classic match-3 puzzle genre. It symbolizes my initial skills and passion, laying the foundation for my future projects and growth.

Forest Lads [Demo]

No summary available

Telechart

The project developed for the "Telegram Charts JavaScript Contest" is a noteworthy technical effort. It introduces a custom rendering engine with abstractions similar to Three.js, including Node, Mesh, Geometry, and Material (ShaderMaterial). The project also integrates rendering loops and the manipulation of DOM objects. Additionally, it includes a developer launcher for creating multiple charts, each with predefined datasets. This project demonstrates advanced technical capabilities in the field of web-based charting and visualization.

Hill Rider [Demo]

This project seamlessly combines Three.js for rendering and Matter.js for 2D physics to create a side-view driving experience. It features an infinite, procedurally generated road and allows users to navigate a basic vehicle along this path. This technical achievement showcases the integration of graphics and physics for an engaging, interactive, and dynamic experience.

Retro Engine [Demo]

No summary available

Euphoria [Demo]

No summary available

Plot3 [Demo]

The Trading Chart Visualization Project is an integrated library designed for live tracking and visualization of trading charts, offering advanced features such as technical analysis tools, customizable measurement instruments, and optimized rendering. It supports multiple display formats, user-friendly navigation, and ensures adaptability through theming, localization, and mobile optimization.

Middlenight [Demo]

The Unity project is a retro-style top-down game that combines classic gameplay elements with modern features. Players can move, shoot, and collect perks and loot in an immersive environment. The game employs enemy AI with visibility checks and pathfinding using the A-star algorithm, adding depth to the gameplay. The project also showcases advanced GUI development with complex nested mechanisms for an engaging and user-friendly experience.

Polar Picture Tool

This applet enables users to apply polar-to-cartesian coordinate transformations to images and vice-versa, with options for downloading the results.

3D Model View

ModelViewer3D stands as a comprehensive tool, fostering a user-friendly interface for 3D model visualization and interaction within a web setting. Through a combination of powerful features and efficient lifecycle management, it offers users a fluid and dynamic 3D experience.

Packages Example

ModelViewer3D stands as a comprehensive tool, fostering a user-friendly interface for 3D model visualization and interaction within a web setting. Through a combination of powerful features and efficient lifecycle management, it offers users a fluid and dynamic 3D experience.

Shader View

No summary available

preview3d

The program is a 3D model file viewer that supports mainstream formats like gltf, glb, fbx, and obj. However, support is planned to be expanded in the future. It works on all platforms since it's built on top of Electron and uses a graphics renderer based on three.js. All primary and additional viewer functions for 3D are supported - including all types of navigation and scene lighting control. Animations, lighting, and cameras are all supported, and there are several inspection display modes available.

PSP2 Unity Homebrew Development

No summary available

Retroid Maker

No summary available

Maze Generator

Welcome to the Maze Generator! This tool allows you to create custom mazes that you can use for games, puzzles, or any other project. Below is a guide to help you navigate through the features and settings.

A-Star Pathfinder

The AStarPathfinder demo applet is an interactive tool designed for visualizing the A* pathfinding algorithm on a grid. It offers a hands-on experience for users to understand how pathfinding works. Key features include an interactive grid where users can set start and finish points, toggle cell states, and observe the algorithm's pathfinding in real time. The component is customizable, allowing users to adjust parameters like grid size, blockiness, and directional bias. It's also responsive, adapting to various screen sizes for accessibility. Primarily built with Vue.js and TypeScript, this component is suitable for educational purposes, helping users learn about pathfinding algorithms, or for developers needing a visual tool to demonstrate algorithmic navigation through a grid.

Norm Mapa Tool

This widget allows users to interactively generate and manipulate normal maps from heightmap images. Users can easily adjust parameters like step scale, iterations, contrast, and brightness, enhancing the visual output. The widget supports DirectX format for normal maps, providing flexibility in rendering. Additionally, users can open heightmap images, customize tiling options, and download the resulting normal map as an image. The user-friendly interface, with drag-and-drop functionality and a control panel, makes it accessible for both beginners and experienced users.

Seamless Texture Generator

No summary available