alemart / speedy-vision

GPU-accelerated Computer Vision for JavaScript.
Apache License 2.0
162 stars 25 forks source link

example with Three.js #53

Open kalwalt opened 3 months ago

kalwalt commented 3 months ago

Hi @alemart i'm very impressed by speedy-vision, this is really awesome! I'm planning to use it in some my projects and maybe for our webarkit projects. I would use it in combination with Three.js, but since it use his webgl context and i suppose speedy-vison too ( i would avoid issues...), i want to know if there are some code example to integrate Three.js with your library or if you can, give me some advice in this sense. Thank you.

alemart commented 3 months ago

Hi!

Thank you for your compliment!

Take a look at my other project, MARTINS.js. It's an Augmented Reality engine for the web. I have already integrated it with three.js.

kalwalt commented 3 months ago

Hi!

Thank you for your compliment!

Take a look at my other project, MARTINS.js. It's an Augmented Reality engine for the web. I have already integrated it with three.js.

Thank you for the info! This helped me to code a simple example displaying a grayscale image onto a three.js plane. See the screenshot:

Screenshot 2024-03-05 193306

the three.js plane highlighted with the yellow arrow. If you are interested i can send a PR when i have some more examples.

P.S: the image is flipped this is made by speedy-vision internally?

kalwalt commented 3 months ago

Screenshot 2024-03-05 212153 I fixed the flip, rotating the plane and applying the right dimension. Working on my fork see branch features-threejs-demo

alemart commented 3 months ago

If you are interested i can send a PR when i have some more examples.

Sure, let me know what you come up with!

kalwalt commented 3 months ago

@alemart i have ready two examples if you want i can send you a PR, just let me know.