Questions tagged [model-viewer]
88 questions
1
vote
0 answers
I am trying to play animation once with Model Viewer
I am trying to make a multiple actions GLB file to play each animation action once.
My first attempt is to use code, it successfully stops the initial animation after it is played. I update the attr animation-name with the second action name. It…
Blue Li
- 41
- 6
1
vote
0 answers
How do I solve problem with useRef of NextJS?
I'm making a SSG page using Nextjs.
I imported model-viewer by write a tag not of Next.js.
And I want to activate AR automatically when user enter this page.
So I activateAR() in useEffect() using useRef
but an error happens cause of value 'null'…
user20942427
- 11
- 1
1
vote
2 answers
React how to map a nested array?
I'm trying to create various buttons for a configurator, but am having trouble on getting all the buttons to generate where they're supposed to be. I've gotten pretty close, but am stumped now. Any guidance would be greatly appreciated! Right now…
Wade Morrison
- 62
- 8
1
vote
1 answer
How to submit multiple values on button click?
How would I go about submitting multiple values on a button 'click'? I basically have a 3D model that I am trying to switch multiple textures at once (baseColor, normal, and roughness). Reading around, I found I can use 'data-value' to be able to…
Wade Morrison
- 62
- 8
1
vote
0 answers
Can I set texture filtering for uploaded texture?
The Challenge
The goal is to display the uploaded image pixelated, with NEAREST texture filtering.
What I tried so far
Using CSS' image-rendering property.
Setting the .glb model filters to NEAREST.
What I think the problem is
I think the issue is…
PabloMCProjects
- 13
- 3
1
vote
0 answers
image in canvas is going to top left corner on some devices
I am trying to capture an image of a 3d foot model with the point where I click everything's working fine on some devices.
I am using this method to make an image
var img = new Image();
img.src = model.toDataURL;
img.width = 200;
img.height =…
Saqib Zahid
- 13
- 3
1
vote
1 answer
model-viewer and cursor moverment
I am using model-viewer for a 3D-Model and I want to move the 3D-Model according to cursor movement. I am not sure how I can connect the HTML variable in attribute "camera-controls" so that I can change them in js.
So far I have written this in…
Elina_syr
- 76
- 5
1
vote
0 answers
Replicating model viewer lighting In threeJS
I have a threejs scene that I would like to be lit up niceley. I really like the default lights in model viewer. My understanding is that if neither skybox-image or environment-image is specified, default lighting will be applied. If 'neutral' is…
user2445278
- 808
- 1
- 8
- 15
1
vote
0 answers
how to add qr code to google model viewer?
I need to show QR code when the website is in desktop mode, so the user can scan the qr code and access the 3d model in his space
A QR code that can show ar model with the help of google model viewer
Shubham Mehra
- 11
- 1
1
vote
2 answers
Why is model-viewer not working on safari?
I am trying to put some 3D Models on my website but it seems that it works only on Android and Windows so far, don't know why. I tried to use different formats for files but still nothing. Even if I go to the website where is the documentation,…
ASCII404
- 25
- 6
1
vote
0 answers
Does firebase count engagement time for android intent?
I have an AR app built in flutter and I am using github.com/drydart/model_viewer.dart to take care of the AR part.
The problem is that model_viewer displays AR using sceneviewer using android intent. My question is two-fold:
Does firebase analytics…
hrsh
- 108
- 5
1
vote
0 answers
Flutter can't load model-viewer
I have a problem loadng a model-viewer Screen.
It shouldn't be trivial.
This is my main.dart , and I try to load InfoPage();
import 'package:flutter/material.dart';
import 'package:test/screens/info_page.dart';
import…
kawaii-kitsune
- 19
- 4
1
vote
0 answers
Toggle pause model-viewer animation
I'm currently developing a Shopify website with animated 3D models that really turn out great but the animations become quite repetitive. I tried to create a button that could toggle pause/play the animation but I couldn't do it. Shopify distributes…
Alexandre Buxo
- 45
- 4
1
vote
1 answer
Google Model Viewer Hide AR preview button when browser not support AR
I'm using google model viewer lib. for AR support for an e-commerce site.
Custom button View in you space
I want to hide AR preview button(View in your space) for those browsers who don't have capability of AR. and I also want to show custom "Add to…
Pratik_Jain499
- 11
- 2
1
vote
0 answers
Quick-look AR button disappears on iOS when using google model viewer + svelte components
The issue I'm having is that whenever I try to use any svelte components or special html attributes, the quick look AR button does not appear with google model viewer on iOS.
I know this is pretty specific but I'm looking to create an AR project…
adkaros
- 11
- 1