Tutorial: 360 Image Gallery with SPK and DLUX

in DLUX5 months ago (edited)

▶️ Watch on 3Speak


How to post 360 Images on DLUX using SPK Network

Posting to dlux-io has transitioned to the SPK Network for file storage, and @dlux-io is sponsoring 30 day, 30MB contracts for free with a 10% beneficiary fee, making it easy for anyone to get started posting immersive 360 experiences with completely decentralized file storage, Storage contracts can be extended with BROCA, which is a resource credit that comes from SPK Power. The SPK Test network continues to improve, this is just the beginning.

This tutorial covers how to make a 360 Image Gallery on DLUX with SPK Network integration. The post shown in the video can be found here: https://vue.dlux.io/blog/@otolux/alien-spaceship-exploration

Sign in to dlux

  • Go to vue.dlux.io
  • Sign in with Keychain
  • From the user dropdown click “Build”
  • Under “360 IMG Gallery” click “Get Started”

Petition a storage contract (Requires 10% Beneficiary)

  • The first section “Image Upload via SPK Network” shows your available storage contracts
  • If there is a “+ Register Account” button click that first
  • Now there should be “Wallet,” “Contract,” and “Petition” buttons visible
  • Click “Petition” to get a FREE 30 MB contract sponsored by @dlux-io

Create a contract (Pay with BROCA)

  • Click “Wallet” to view your BROCA, a resource credit that regenerates from SPK Power
  • No BROCA? Power Up some SPK Token (TEST) - recommend at least 1 SPK Power (TEST)
  • Once you have powered up some SPK Token (TEST), you should see your BROCA balance
  • Click “Wallet” again to collapse it out of the way
  • Click “Contract”
  • Choose an amount of BROCA: 1 BROCA = 1KB (1024 Bytes), 1,000 BROCA = 1 MB
  • Choose an account that will upload the files
  • Choose a SPK service provider such as “dlux-io”
  • Choose a beneficiary account (optional)
  • Choose a beneficiary amount (optional)
  • Click “Propose”

Upload files

  • Now you should have a contract you can upload files into
  • Click the “Magnifying Glass” button to inspect the details about the contract
  • Click the “File Upload” button to reveal the file uploader
  • Click “Choose Files” or drag-and-drop your files into the uploader.
  • Remove any files you don’t want to upload, then click “Sign and Upload”
  • The visual feedback doesn't update yet, the browser console may offer some info about the upload
  • Open "Username > Files" in a new tab to see if your files finished uploading into the contract

Select the files you want to use for this post

  • Once your files upload, the section “Your Hosted Images” should contain the contract and files
  • Click “Details” to see details about the contract
  • Click “Extend” to extend the contract length (requires BROCA)
  • If a beneficiary is required, you will have 24 hours to post and finalize the contract
  • Click “Add” for any files you want to add to the 360 Asset Manager for this Gallery post

Name and organize photos

  • Add a name to each picture
  • Adjust the order of the pictures using the “Up Arrow” and “Down Arrow”
  • Delete any pictures you don’t want in this post using the “Delete Asset” button
  • In the 360 Preview on the right side ensure the horizon bar is enabled
  • Use the “Pan” and “Roll” sliders to adjust the horizon
  • Click “Refresh dApp” if needed

Compose the post

  • Under “Post Details” fill out the title, body, and tags
  • “Post Preview” allows you to preview the post
  • Add any relevant tags
  • Use the “Include in DLUX Ecosystem” to add dlux-io as a 10% beneficiary (required for Petitioned contracts)
  • Click “Publish” to finish the post and push it to the Hub

You can view posts at vue.dlux.io/hub or on your dlux-io profile page.


▶️ 3Speak

Sort:  

Thanks for this, I must start playing with Dlux more. It would be great to be able to host 3D models for viewing. Something like Sketchfab

SPK Network can handle any filetype, and we agree 3D models are a perfect fit. Expect more integration on that in the future!

Keep up the good work.

cant tell you how incredibly badass this is! People will be earning for storing and backing up the content of those who have no room left or those who want redundancy:) !!! so damn cool

It’s the start of some thing special through community ownership

Thank you for this great tutorial.

Congratulations @markegiles! You received a personal badge!

You powered-up at least 10 HIVE on Hive Power Up Day!
Wait until the end of Power Up Day to find out the size of your Power-Bee.
May the Hive Power be with you!

You can view your badges on your board and compare yourself to others in the Ranking

Check out our last posts:

Feedback from the December Hive Power Up Day
Hive Power Up Month Challenge - November 2023 Winners List
Be ready for the December edition of the Hive Power Up Month!

Congratulations @markegiles! You received a personal badge!

You powered-up at least 1000 HP on Hive Power Up Day and got the biggest Power-Bee!
See you at the next Power Up day to see if you will repeat this feat.
May the Hive Power be with you!

You can view your badges on your board and compare yourself to others in the Ranking

Check out our last posts:

Feedback from the December Hive Power Up Day
Hive Power Up Month Challenge - November 2023 Winners List
Be ready for the December edition of the Hive Power Up Month!

Congratulations @markegiles! You received a personal badge!

You powered-up at least 10 HIVE on Hive Power Up Day!
Wait until the end of Power Up Day to find out the size of your Power-Bee.
May the Hive Power be with you!

You can view your badges on your board and compare yourself to others in the Ranking

Check out our last posts:

PUD - PUH - PUM - It's all about to Power Up!
Hive Power Up Month Challenge - December 2023 Winners List
Be ready for the January edition of the Hive Power Up Month!

Congratulations @markegiles! You received a personal badge!

You powered-up at least 1000 HP on Hive Power Up Day and got the biggest Power-Bee!
See you at the next Power Up day to see if you will repeat this feat.
May the Hive Power be with you!

You can view your badges on your board and compare yourself to others in the Ranking

Check out our last posts:

Announcing the Winners of HiveBuzz's Yearly Author Badge for 2023!
PUD - PUH - PUM - It's all about to Power Up!
Hive Power Up Month Challenge - December 2023 Winners List

What happens to the images when those contracts are not extended?

They may go away... but it doesn't stop anyone from saving images without incentives.

go away? as in deleted? a post then just loses the images and displays nothing? if used a lot for a lot of images it could get expensive and a lot of effort to keep track of all the contracts then?!

The incentives go away if the contract isn't extended... They also free up the CID namespace so they could be consolidated by a community or an archive... of course any other system can keep them as well... but yes, the problems now are the same as the problems in the future. If Geocities or Google Video go away, the content goes away. At least in our future if we go belly up, there won't be any legal way to stop a backup copy from being made.

Great tutorial. I build an app for showing 360s a while back but have never finished it. It is meant to store files on AWS S3 since they can be quite large, I'm not sure how this would work for larger 20MB+ images. Anyway, will try it out if I can figure it out with all these contract bits. I have thousands of 360 photos, just showed a few in my sample app here: Its a bit slow to load some, but it double buffers previews with the full quality image, plus preloads next images and previous images too, which was interesting to build but looks great once they are fully loaded at quality.
https://360.agileautomation.ca/