triangles | image seen on the recently revamped google | Frontend Framework library

A json stream described an array of shapes. The shapes mayb be triangles, rectangles or squares.

For example:

I try to transform two 3D objects separately and I failed, it seems each translation is apply to both objects . They are translating together. And what really confusing is t1,which is scaling,it applys to only one object successfully , but its translation ,t2 affects itself and also the another object ,and so do the translation t1 .Any help is appreciated. The important codes :

I'm using OBJLoader to load an OBJ file into my scene.

For whatever reason the vertex ordering seems to be out of whack.

Here is a pic of my model in blender:

And here is a pic of my model in three:

I've seen similar effects before with models and it's always been due to vertex ordering so I make the assumption something is going wrong there.

EDIT By the way, notice the triangles crossing over the letters where in Blender there are none. I believe there may be an offset in the vertex count introduced somewhere.. maybe.

The code:

Link to original image https://ibb.co/0VC6vkX

I am currently working with an OCR Project. I pre-processed the image, and then applied pre-trained EAST model for text detection.

I uploaded my code and svgs to this github repo.

I have some svgs of some circles, blobs and triangles. I am trying to make the circles shake, like how the guy shakes in this code pen when you hover on him, I am trying to make the blobs move like waves like in this code pen, and I'm trying to make the triangles spin around. The blobs and triangles are not responding at all, even though I can see that they have the styling applied when I inspect the html. The circles have some effect, but not the one I want.

Here is the code for each

circles.scss

I'm trying to pass the color of my triangle through my main function, but when I try to do it my triangle only gets white like it has no fragment shader

Vertex Shader:

Why/how do I bind vertex attributes to a shader? - examples do but never explain.

If I allow a vertex attribute in GLSL location = 0, does that still have to be allowed in code?

How to properly set Q-vertex array buffers/objects?

Where does this* weird artifact even come from?

*The blue square is a label used to display QPixmap images. The green one is the 1 GLWidget that inherits from QOpenGLWidget. As you can see, it creates a weird square on the top-left aswell.

The Green window is supposed to display a red triangle on the lower right corner.

The relevant code might only be the last section, GLWidget.h.

Also paintGL() only runs just a few times for some reason. code:

.pro:

I have defined some triangles and their centroid-coordinates, as well as the indices of their vertices and put all this together in a dicctionary, where the general order is:{'triangle_id': centroid-coordinates(x,y,z), [list of vertices]}. So filled with some examplary numbers:

I'm new at OpenGL and GLSL. I'm trying to write a first program with using those libraries in Qt Creator that would draw in the QOpenGLWindow window an ordinary rectangle. The compilation was implemented successfully, however the program crashes immediately on trying to run this with the following error output: