Neocities
Add or embed 3D, Augmented Reality (AR) and Virtual Reality (VR) content/design to your Neocities website
Introduction
SwiftXR is a powerful platform for creating and sharing interactive 3D, augmented reality (AR), and virtual reality (VR) experiences on the web. With the SwiftXR (3D/AR/VR) Integration for Neocities, you can easily integrate SwiftXR Projects into your Neocities website, enabling you to create immersive and interactive web experiences.
Creating a Project in SwiftXR
Navigate to the SwiftXR Hub: Begin by visiting the SwiftXR Hub, or alternatively click on this link: https://swiftxr.io/hub
Initiate Project Creation: Once on Hub, click the “Create Project” button and enter your desired project name.
Design or Develop: Utilize the intuitive editor to effortlessly add and customize SwiftXR components, bringing your 3D vision to life.
Publishing your SwiftXR Project
Utilize the editor to create your 3D vision using the SwiftXR components. Once satisfied with your creation, press the “Publish” or “Update” button to make your project live.
Copy Embed Code
After publishing, click the dropdown button beside the “Update” button and select “Share.” Within the Share modal, click the “Copy Embed” button to copy the embed code for your project
Integrating SwiftXR into Neocities Website
In the Home screen, click on index.html (the first file in your list), this will open Neocities’ built in editor.
In the editor, scroll until you find the <body> section of the HTML and paste your SwiftXR iframe code there.
Click “Save”
Viewing your Scene in the Web, AR or VR
Right beside the “Save” button in the image above is the “View” button, you will click on the “View” button to experience your product immersively.
Conclusion
Integrating SwiftXR into Neocities is simple and does not require any paid plan. By pasting the embed code directly into your index.html (or any page), you can display interactive 3D and AR experiences on your live site at “yourdomain.neocities.org”. Since Neocities gives you full control over your HTML, you have the flexibility to customize and update your SwiftXR projects anytime. This makes it a great free option for showcasing immersive 3D content online
Last updated
Was this helpful?