Kgengine NPM | npm.io

The project is in its prime)

Если вам нравится моя задумка, буду рад вашей поддержке ввиде звёздочки) Тем самым Я буду знать, что делаю это не просто для себя, спасибо!

This project was created for the convenience of working with 3D elements. The project is based on THREE.js is a more generalized and simpler version to work with. It has snippets, ready-made components, and default values that don't need to be specified every time.

Этот проект создан для удобства работы с 3Д элементами. Проект работает на базе THREE.js и представляет из себя более обобщенную и простую версию для работы. В ней есть сниппеты, готовые компоненты и значения по умолчанию, которые не нужно каждый раз прописывать.

Plan

Animation - Do a repeat and reverse repeat during a cycle + number of cycles
Should I rewrite the undefined script ? on variate | variate
Clipping in 3d models for HTML
Shaders, tracking raycasters relative to the screen to the corners of HTML so that 3D is not visible? (50\50)
Working with HTML elements in a 3D scene, settings for convenient operation, castings but implementation
Documentation

Next update

The next update will involve CSS3 and Object3D working in the same or different scenes.

During normal operation, you most likely encountered the overlap of one of these elements on top of each other due to the rendering features, since these are two different, roughly speaking, scenes.

After tests and improvements, my method will involve analyzing the scene and cutting out unnecessary content using shaders, using the Cutting method, which is commonly used in games to optimize and improve device performance.

When adding CSS3 To the scene, we will automatically delete the content that is located behind the HTML page, which was overlaid on top of HTML by default (Maybe the other way around, but in this bundle, it is more convenient to control it + the default snippet engines already have a position setting for their overlay)

Below is an example of 2 pictures showing how this method works. It is currently in development and hopefully will be ready soon! As well as the documentation

Ru version

Следующее обновление будет подразумевать работу CSS3 и Object3D в одной или разных сценах.

При обычной работе вы скорее всего сталкивались с наложением одно из данных элементов на друг друга из за особенности рендеринга, т.к. это две разные, грубо говоря, сцены.

После тестов и доработок, мой метод будет подразумевать анализ сцены и вырезку ненужного контента с помощью шейдеров, методом Cutting, который обычно используется в играх для оптимизации и производительности устройств.

При добавлении CSS3 На сцену, мы автоматически будем удалять контент, который находится за HTML страницей, который по умолчанию накладывался поверх HTML (Может быть и наоборот, но в данной связке, это удобнее контролировать + в сниппетах движках по умолчанию уже есть настройка положения, для их наложения)

Ниже пример из 2 картинок, работы этого метода. На данный момент он в разработке и надеюсь в скором времени будет готов! Так же как и документация

cutM2 cutM1

NPM -> https://www.npmjs.com/package/kgengine
GitHub -> https://github.com/KANTNOLI/KGEngine
WIKI documentation -> https://github.com/KANTNOLI/KGEngine/wiki (Process)
Testing site -> https://kantnoli.github.io/KGEngine/
If you have any ideas -> https://t.me/KANTNOLI