spotlight | integrate lightbox gallery library | Widget library

I am currently using a simple 2D lighting algorithm to create a 2D spotlight. Here is an example of how it looks like currently:

However, I would like to add in a gradual fading at the edges (top and bottom) so that it would look something like this:

My current lighting algorithm:

This is based off a codepen that I am working on and I simplified the code to work with the specific part I need. I haven't worked with applyMatrix and Matrix4 before. For some reason the info from the part using these functions are showing up in my console and causing my browser to crash. I don't completely understand what is going on. I can guess that the values are being reassigned nonstop but I don't see a resolution to it in the codepen even though this issue isn't in it. Here is my code and the link to the codepen for reference. https://codepen.io/Mamboleoo/pen/Bppdda?editors=0010 This codepen is out of my league and I am trying to get a better grasp of it.

Somehow Android Studio does not find cocoapods, even though it is correctly installed in the system via brew install coocapods. The Android Studio console looks like it doesn't get the correct PATH.

Note: Starting Android Studio through a terminal / iTerm with

This is a scrollable div that contains some images. The container has white-space:nowrap CSS property. I am trying to add a text layer over each of the images (Just like bellow image), but I'm unable to do that.

I've tried position:absolute on text container to do that but it breaks scroll-x

So how can I do that? Thank you for coming to help me out.

I'm learning AI and machine learning, and I found a difficulty. My CSV dataset has two important columns which are dictionary themselves, e.g. one of them is categories which presents the info in each row like this {"id":252,"name":"Graphic Novels"...}, I'd like to explode this data so it shows in individual columns, for example cat_id, cat_name... so I can apply filters later.

I guess there are some options in Python and Pandas but I can't see it right now. I'll appreciate your guidance.

Edit: I took the first ten rows in Excel, copied them to a new document and then opened the new csv document in notepad, copied the first ten lines in notepad and pasted them here, the document can be found in my gdrive :

Here is a cube of planes that I can click

The main issue with this so far is that clicking on a plane clicks through when I would only want to click the plane that my mouse is over. What am I missing on my Three.js Plane?

I have tried searching for something relating to collision in three.js but to no avail so far.

After further research, I think it has something to do with RayCasting?

I am trying to insert a .obj file into a React Native app built using Expo.

From the examples I've found that are successfully working, most of these seem to rely on building spheres or cubes within the rendering. I haven't found a good example with a successful rendering of a local file, specifically .obj.

I'm using the expo-three documentation which describes rendering with obj files, but no working examples.

This is what I have so far, which is not producing any rendered object. But want to know if I am on the right track with this, and what I am missing to get the object to render.

Below is the current file code.

I just started learning three.js but was unable to put shadows of objects on the plane. All things are working, but objects are not casting their shadow on the plane. Here is my js file. I don't know what is missing in the code. Both HTML and javascript files are attached herewith.

I have an image in markdown: