Demos

Here's some of the things I've been learning and working on

Opensees Material Tester React-three-fiber Three.js Journey Exercises

OpenSees Material Tester

Live Application

Click to try out the live application

A brief writeup about the frontend development

A brief writeup about the backend development

React-Three-Fiber

Arrow Testing

An interactive scene with an arrow controlled by leva

Simple Cube

A simple rotating cube

Drawing Polygons

An interactive scene that uses mouse clicks to draw a shape

Extrusions

An interactive scene with an extruded shape

FBX Loader

Loading a revit model converted to FBX

Shader material

A simple shader using shadermaterial

Contour Shader

Shading the cross section according to position from neutral axis

Steel Base Plate

A structural steel base plate connection

Basement Wall

An interactive basement wall cross section

Wind Pressure Zones

ASCE 7 wind pressure zones on a simple building

Drawing Tools

Interactive drawing tools with line, shape, and rectangle modes with snap-to-grid

Drawing Tools (Refactored)

Refactored drawing tools showcasing modular architecture with tool classes, hooks, and reusable components