echo3D
π Back to website
π» Go to console
πΊ Watch workshop
π¬ Discuss on Slack
Searchβ¦
Introduction
Quickstart
π
Get an API Key
π»
Access the Console
π²
Add a 3D Model
π
See it in AR
π
Share it with Others
β
Troubleshooting
Web Console
π
Load a Key
πΌ
Manage Pages
π
Deliver Pages
π
Analyze Pages
π
Compute Pages
π
Learn Pages
β
Help Menu
β¬
Downloads
π¨
Themes
π
Search
π€
Profile
API
π§©
Objects
ππ¨
Queries
π
Data
πΌ
Upload
π½
Download
π
Convert
π
Compress
βΊ
Locate
π
Search
Unity
π¨
Installation
π§°
Using the SDK
π
Transforming Content
π©π»
Edit Code
π€³
Adding AR Capabilities
β
Troubleshooting
Scene Viewer
π²
Deploy Experience
π
Transforming Content
π’
Embed into Website or App
π©π»
Add Code
β
Troubleshooting
AR.js
π²
Deploy Experience
π
Transforming Content
π’
Embed into Website or App
β
Troubleshooting
React Native
π©
Fetching Data
π©π»
Edit Code
π€³
Adding AR/VR Capabilities
π
Transforming Content
Swift
π¨
Installation
π€³
Adding AR Capabilities
Flutter
π¨
Installation
π©π»
Edit Code
π€³
Adding AR Capabilities
JavaScript
π©
Fetching Data
π©π»
Edit Code
WebXR
π²
Deploy Experience
eCommerce Sites
π
Shopify
π
Wix
3D Content
π¨
Content Creation
π
Google Poly
π«
3D Capture Apps
Powered By
GitBook
π©π»
Edit Code
Learn how to edit code in your Flutter project.
Now that you are able to install the echo3D plugin in your Flutter, it's time to build a project.
Cloning the Example Project
Clone the
Flutter + echo3D
example project.
Main example code also available
here
.
Initializing the Project
Import the project dependencies by running the following in the terminal:
1
flutter pub get
Copied!
Adding Content
1.
Add the 3D content
in the
models
folder (nyancat.gif and stones.jpg) through the
console
.
2.
Add a 3D model
and choose the suggested sample 3D model of the Arctic Fox.
Editing Code
Open the
main.dart
file from the
lib
folder, and make the following changes:
Replace
<Your-API-Key>
with your echo3D API key
Replace
<Stones-Entry-ID>
with the stones image entry ID on echo3D.
Replace
<Gif-Entry-ID>
with the GIF model entry ID on echo3D.
Replace
<Fox-Entry-ID>
with the fox model entry ID on echo3D.
You can find the entry IDs on the bottom of the back side of the content cards or
Data page
.
Now your project is ready to go!
π
Flutter - Previous
Installation
Next - Flutter
Adding AR Capabilities
Last modified
4mo ago
Copy link
Contents
Cloning the Example Project
Initializing the Project
Adding Content
Editing Code