Contra 3D Buinsess Card

Sebastian Avelar →

0

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

Like this project
0

Visualize your Contra profile data in a 3D scene using Buildship and Spline. This project is a demo to showcase Buildship and Spline interactions.

Likes

0

Views

11

Tags

BuildShip Developer

Web Developer

Spline Designer

BuildShip

Spline

Sebastian Avelar →

Web Developer for Low-Code Projects (Buildship & Bubble)

#06 - allpokemon.info | Ai-Team builder |
#06 - allpokemon.info | Ai-Team builder |
Buildship guide:  Create entries in your database using Ai
Buildship guide: Create entries in your database using Ai
Demo app for viewing 3D models in Web & AR
Demo app for viewing 3D models in Web & AR
#05 - Heep.so Hyper-Curated Talent Network
#05 - Heep.so Hyper-Curated Talent Network