cynthiachiu's repositories
3D-Art-Gallery
An interactive, 3D art gallery featuring paintings and sketchings that I have done over the past while. This is a React-based application that leverages React-Three-Fiber to render my art in 3D with moving spotlights, smooth horizontal scrolling, interactive mouse movement, realistic lighting with shadows, and postprocessing to add effects to the scene including noise and filters.
3D-WebXR-Furniture
AR webapp to pick and place a selection of furniture models into your surroundings in real-time using your mobile's live video footage of your current surroundings: leverages ThreeJS and WebXR to enable AR mode with estimated real-time environment lighting, hit testing, and dom-verlay in furniture selection and placement.
Astro-App
Web application that queries the space crafts in space and the astronauts on them: using NestJS backend, React frontend, and THREEJS to build the 3D scene of a rotating earth with the space craft models. User can interact with the scene with the OrbitControls to rotate around and zoom in/out of the scene.
3D-AR-Portal
An interactive, 3D augmented reality (AR) application featuring a floating, distorting portal that is a window to another world. Using your phone, you can enter AR mode and experience the 3D AR portal which shows you glimpses of another world superimposed on your live surroundings which are fed in by the phone's camera feed.
webcam-AI-virtual-mouse
Takes in live webcam video feed, detects a single hand, recognizes your hand gestures and control the mouse in real-time. To move the mouse, close your hand except for the pointer finger and move. You will see the mouse move across your screen in accordance with your hand motion. To do a mouse click, bring up you middle finger alongside your index, and tap them together. You will see the mouse perform a click on your screen.
3D-Space
An interactive, 3D rendering of space at night with Earth, the Sun, the Moon, stars and an astronaut. This application uses ThreeJS for realistic 3D rendering, GSAP for smooth scroll triggered animations and text, 3D model animations, postprocessing techniques including ThreeJS layers, UnrealBloom and OutlinePass.
CANopenSocket
CANopen implementation for Linux SocketCAN with master command interface.
facial-emotion-detection-filter
Takes in live webcam video feed, detects your face using the HAAR Cascade Classifier, detects your emotion from your expression using FER model, and overlays an animal mask on top of your face with the emotion description.
flappy-bird
Uses React Native and Expo-Cli to create the interactive Flappy Birds game for your Android or IOS phone. Tap/click the screen to make the bird jump and avoid the pipe obstacles which are placed a random heights. Once you collide with an obstacle, it presents a game over page with your score.
Personal-Website
Personal Website
travel_advisor
Finds and visualizes the surrounding restaurants, hotels, and attractions based on your location and specified locations in real-time, using markers, popups, and supplementary information accurately. Uses leafletJS, React, Geosearch, and Material-UI.