question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

A-Frame not displaying transparent textures as expected

See original GitHub issue

Describe the bug What happened, and what did you expect to happen?

I expected arrows from a png with alpha layer to render transparently (only showin the arrow)

Screenshot (58)

To Reproduce Steps or commands ran to reproduce the behavior:

  1. Using Exokit, Go to https://aframe-building-ui.glitch.me/ node . -x webvr https://aframe-building-ui.glitch.me/
  2. Click on “Weather”
  3. See arrows rendered as black boxes (error)
  4. Go to same page in chrome (non webvr) and see arrows rendering correctly

Additional context Add any other context about the problem here.

System information:

  • OS: [e.g. Windows 10]

  • Exokit Version [e.g. v0.0.512] 8733938323179d85b782f2a86721f0299e8ca863

  • Node version

  • Npm version/build log if applicable

  • Is your Exokit downloaded or built?

Screenshots If applicable, add screenshots to help explain your problem.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
kfarrcommented, Jun 14, 2019

FWIW Tested on originally filed issue exokit sha 8733938323179d85b782f2a86721f0299e8ca863 and using crossorigin component this fixes the issue as another workaround

Screenshot (65)

0reactions
avaercommented, Jun 14, 2019

Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

A-Frame Texture not Transparent - blender - Stack Overflow
Open the node editor and make sure that you are displaying Shader Nodes and are taking the Shader Nodes from the object, e.g....
Read more >
Alpha Channel Video transparency broken since version 0.9
Just wanted to share a live example to demonstrates that the latest three.js version ( R112 ) supports webm video textures with transparency....
Read more >
material - A-Frame
If the transparent property is not true , then the material will remain opaque and opacity will only affect color. 1.0. repeat, Texture...
Read more >
VR Course Help: Textures Won't Load - Codecademy Forums
I am trying to apply my knowledge to a small project on my own. However, none of my load. Textures appear simply as...
Read more >
Slow rendering - Android Developers
Android displays bitmaps as OpenGL textures, and the first time a bitmap is displayed in a frame, it's uploaded to the GPU. You...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found