Build a 360 Interactive Portfolio using AI Tools like Blockade Labs Skybox (React, Tailwind)

Поделиться
HTML-код
  • Опубликовано: 2 янв 2025

Комментарии • 14

  • @mrJoubert
    @mrJoubert Год назад +2

    My mind just get blown, literally...

  • @TuganoBrasil
    @TuganoBrasil Год назад +2

    Continue with the good work!

  • @chandrayulius4149
    @chandrayulius4149 9 месяцев назад

    how to set the hot spot location? like to move the hotspot to another place in the img

    • @codeandplay
      @codeandplay  9 месяцев назад

      check this video time stamp - ruclips.net/video/wbS0atTzHdM/видео.html

  • @victormurcio8845
    @victormurcio8845 Год назад +2

    This is an excelent exercise, but it only appears in my pc, but not in my mobile, how can i do to see this project in my cellphone?

    • @codeandplay
      @codeandplay  Год назад

      I'm glad you like the tutorial. Unfortunately, this was made for desktop view. For mobile, you will need to tweak the styling and stuff.

  • @moneyplayboy44
    @moneyplayboy44 11 месяцев назад

    Hi,
    Thanks for the video, I have some doubts in the pannelum-react, I am trying to render a panorama image using 'pannellum-react,' which is working fine on larger screens like laptops and tablets. However, some mobile devices are unable to view the image. The error message states: 'This panorama is too big for your device! It's 8192px wide, but your device only supports images up to 4096px wide. Try another device. (If you're the author, try scaling down the image).' Have you faced the same problem if so, whats the solution? you answer values more.

    • @codeandplay
      @codeandplay  11 месяцев назад

      Hi! I usually disable the panorama effect for mobile. However, if you want to apply it, you need to scale the image down by around 50% for the mobile viewport. Additionally, you will need to perform some image swapping once the viewport changes.

    • @moneyplayboy44
      @moneyplayboy44 11 месяцев назад

      @@codeandplay but scaling down the image will impact on the quality for the end customer, which I don't wanna do it. Is there any other alternative?

  • @nomanqureshi1357
    @nomanqureshi1357 Год назад +2

    can you make a script like Blockade

  • @soyelchicodelanus8471
    @soyelchicodelanus8471 Год назад +2

    wow

  • @ajmalshah1813
    @ajmalshah1813 Год назад +1

    Thanks Bro.. ❤

  • @ernestkv
    @ernestkv Год назад

    i can't deploy it, could you make a tutorial how to deploy it?

    • @codeandplay
      @codeandplay  Год назад

      Sorry you having trouble deploying. I will definitely do a deployment tutorial in the near future. In the mean time use => npm run build in the terminal to build your project. It will create a build folder with the compiled project.