Contra 3D Buinsess Card

Sebastian Avelar →

BuildShip Developer
Web Developer
Spline Designer
BuildShip
Spline

Buildship & Spline: Use Buildship to create endpoints and bring API dynamic data to your Spline scene.

Introduction

This project explores the integration of Spline and Buildship to create interactive 3D business cards. By taking the data from Contra profiles, I was able to automatically populate custom fields in a 3D scene using API calls.

Objective

The primary goal of this project was to test the Spline API Calls feature by integrating it with Buildship to create an interactive 3D scene.
By extracting data from Contra profiles using Buildship and passing it to a Spline scene via an API call, I aimed to explore how these tools can work together to generate dynamic and engaging user experiences

Process

Used Buildship to extract relevant information from Contra profiles.
Buildship Workflow triggered by a POST API Call and recive a URL in the Body.
Buildship Workflow triggered by a POST API Call and recive a URL in the Body.
2. Setting Variables & API Calls in Spline
Defined Variables in Spline and API Call to Buildship Endpoint
Defined Variables in Spline and API Call to Buildship Endpoint
3. Setting Events in Spline
The event Variable Change gets triggered when the input values is updated. Then the API Call is made to Buildship and we set the values of our variables witht h response
The event Variable Change gets triggered when the input values is updated. Then the API Call is made to Buildship and we set the values of our variables witht h response

Demo

Partner With Sebastian
View Services

More Projects by Sebastian