windmichael / ngx-acuw

Angular Components using WebGL

ngx-acuw (Angular Components using WEBGL)

ngx-acuw is a collection of components for Angular made with the 3D library three.js.

Showcase and Description

ngx-acuw

Dependencies

• three.js (requires threejs )
• @types/three (requires @types/three )
• @angular/cdk (requires @angular/cdk )

Installation

npm install three @types/three @angular/cdk ngx-acuw

Components

Image As Particles	Image Transition	Lightbox	Carousel	Performance-Monitor
	stackblitz	stackblitz	stackblitz

ngx-acuw's Issues

How should I use Carousel components independently without relying on Angular .

I have looked at the demo for the carousel component, which is what I have been looking for.
Unfortunately, I see that it seems to have to rely on Angular.
This may not be available in other open source libraries.
I don't know if there is a standalone version of Carousel.
I'm not sure if this library is still being maintained.
Looking forward to your reply, thank you.

Object editor component

Hey, your package looks perspective, do you have in plans to add more components? What about 3D components?

support navigation by pressing left and right key

Not compatible with Angular 12 (@angular/[email protected])

Getting error while installing, even force does n't work

Set touch-action of the lightbox to none

Update to three.js version 142

carousel component - dot animation circle keeps shown

The dot animation circles are still shown after the animation of the dot is finished.
This is only visible, of another color is used for the animation circle.

Responsive lightbox for devices

image-transition-component throws promise error when pressing next button

This error occurs, if the image to be shown after pressing the next button, is not loaded and available yet

Images are blury

component: image-transition-component

Use highlightjs for the showcase

For the code in the description highlightjs should be used to have a better UI

Rotation of carousel component does not reach final position

Sometimes when the carousel is rotated to the next or previous item, the final position is not reached. It seems that this issue happens mostly on devices with lower performance. Probably this happens, because the framerate on this devices is lower.