starfield | A Three.js experiment | Graphics library

I created a star plotting application to plot labels for a 3d star plotter so that the labels are mapped local to scene. I wanted to do this so that whenever I rotate the starfield, the labels are always facing forward and don't rotate with the individual stars (annoying because they can't be read).

Now this works very well until I added a control panel above it. In the application below, if the control panel is not present, then labels track with the position of the stars. But with the control panel, the labels are y-offset by the size of the control panel height.

The issue is that the "mousePosY = me.getSceneY();" returns the mouse position of the scene itself and not the defined subScene. I had thought that the "subScene.setOnMouseDragged((MouseEvent me) -> {" would have given me the position of the mouse relative to the subScene and not the scene.

Is there any way to fix this so that the returned X,Y position is for the subScene only?

The following code is a very cutdown version of my application that shows the actual issue itself.

I am using the following function to implement a progressbar with kivy.

Trying to create a space background for a simple browser game we are running into trouble with the canvas only painting in the top left quadrant.

This is a React app using Emotion as CSS in JS. We are trying to set the canvas dimension via its width and height property to rely on this for painting. Then we want to use CSS injected through emotion to resize the canvas to fit its containers width while maintaining aspect ratio.

A code sandbox can be found at https://codesandbox.io/s/epic-liskov-degs9

The component in question looks like this:

I have a point cloud represented by a single THREE.Points(). I'm looking to to pick individual points out with mouse clicks.

I'm wondering how to create a and set a fill style using bs-webapi and Canvas2d interface in ReasonML.

I think the definition I might need is this:

The Code was working fine yesterday but suddenly started showing the error above in orbit control js file in line 82 as follows.

Uncaught TypeError: Cannot read property 'ROTATE' of undefined at new THREE.OrbitControls (OrbitControls.js:82)

this issue completely breaks the 3d scene. commenting out the code for controls made the 3d scene work. Can some one help me with this issue.

[This is now solved. I've posted my updated code at the bottom of my question for reference].

I am trying to create a progam in Python to automatically overlay a small image onto a large image for a list of coordinates. I can get it to work for a single example of one small image onto a larger image, but not when I attempt to repeat this multiple times. I would be grateful if someone could please point out the error in my code (probably quite basic I hope, I'm not confident with Python).

The purpose of the code is to find the brightest points in an image (in this case an image of a starfield), use a threshold, erosion, dilation process to isolate the brightest/largest stars. The findContours function is then used, and a rectangle is drawn around each contour. The central coordinates of each rectangle is treated as the pixel coordinates of that star. I am attempting to then use those coordinates to overlay a smaller image onto the base image in each position where a bright star is detected. For some reason it isn't working, and I would be really grateful for some assistance, thank you.

No google search and stack search I've tried has turned up some code I could imitate unfortunately, and I haven't been able to successfully code this myself.

This is the code I used to overlay a single image onto a base image, which works properly:

How to python debug opengl starfield simulation that drawing a black screen? The code seems ok, but obviously something is off. Are there any additional functions such as glGetError that can verify variables to assist in debugging? I believe I have hurdled, coded correctly a glMapBufferRange function call.

UPDATE: With excellent support by Rabbid76 the program is now rendering the same as expected results. Thank you very much!

Expected output:

Support files: starfield_support.zip

Ported from: starfield.cpp

source code:

Im trying to create a canvas animation of starfield. It has a fixed speed value so stars moving in same speeds but now I want to start it with stars not moving and when you click a button i want to start it slowly and then gradually increase the speed and then again slow down and stop. How do I achieve this?

Speeds should be like this example https://www.shadertoy.com/view/Xdl3D2