Tien Nguyen Borland

My Work

This project uses the Face API JS library built on Tensor Flow to setup the face detection.

Streaming a webcam through HTML.
Using Face API to detect faces in real time.
Drawing facial landmarks in real time.
Determining emotion through facial expressions in real time.

A basic parallax scrolling website with the stars background and texts moving from right to left as we scroll down, button moves with the scrolling bar too.

A website that contains a full-screen Navigation Bars, Micro-interaction Button, Neon Light Button Animation Effects on Hover with CSS Snake Border, GSAP Particle Geomery, Product cards with 3D animation and option buttons, and Image Slider - With Auto-play & Manual Navigation Buttons - Using CSS, HTML & Javascript.

A website about Utah Valley with a very cool, interactive 3D Utah Valley height terrain by Three.js. This project is finished by using displacement maps and alpha maps.
PlaneGeometry, MeshStandardMaterial, PointLight, WebGLRenderer, and PerspectiveCamera are used.

This is an impressive sequence-based animations/transitions with the clip path property and GSAP 3.

Used the Clip Path Generator from Bennettfeely to modify the complex shapes in CSS that I want.
GSAP Timeline to assign the timeline I want each shapes to move to.

A website about 10 Commandments from Heavenly Father in both Vietnamese and English with basic GSAP animations.

This is a 3D Ball Rolling - created by Three.js with an animated circular SVG text path, the circular text path follow the cursor pointer in a smooth/delayed fashion, and using GSAP to create a simple animation on click to link back to my portfolio.

This is multiple random Blocks moving around - created by Three.js.

Set up a scene, renderer and camera.
Added 3D primitives.
Positioned, rotated and scaled them.
Used GSAP Timeline to animate 3D objects.
Used the raytracer to interact with 3D objects, etc.

A full-stack web app to share your christmas wishing presents with your family members. Using Firebase & Firestore. (2018)

A full-stack web app to manage financial. Deploying Front-end by Netlify, MongoDB by mlab, and Back-end by Now. (2018)

Web Developer