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.

[animation] Geometries merged with animation

See original GitHub issue

Due to the big amount of geometries that are in my scene, I tried to use the geometry-merger component (https://github.com/supermedium/superframe/tree/master/components/geometry-merger). The problem appears when I want to add animation to a geometry that has been merged, this an example, I want to add a rotation animation for the cylinder but it does not work:

    <a-scene environment="preset: forest" cursor="rayOrigin: mouse" raycaster="objects: [geometry]">
      <a-entity geometry-merger="preserveOriginal: true" material="vertexColors: face" merged-hover-highlight>
        <a-entity geometry="primitive: box; buffer: false" material="visible: false" face-colors="color: red" position="-2 0.75 -3"></a-entity>
        <a-entity geometry="primitive: sphere; buffer: false" material="visible: false" face-colors="color: blue" position="0 0.75 -3"></a-entity>
        <a-entity geometry="primitive: cylinder; buffer: false" material="visible: false" face-colors="color: green" 
        animation="property: rotation; to: 360 360 0; loop: true; dur: 10000"
        position="2 0.75 -3" scale="0.5 0.5 0.5"></a-entity>
      </a-entity>
    </a-scene>

Is there a specific way to add animation to a geometry that has been merged?. It is really important to me to have the functionality of merging geometries.

Btw, I see that at some point the “geometry merge” functionality was added to A-Frame, but I don’t know where it is in the current version or how to use it (https://github.com/aframevr/aframe/issues/1160), so I decided to use the Superframe one.

Description:

  • A-Frame Version: 1.0.4
  • Platform / Device: doesn’t matter

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
dmarcoscommented, Apr 15, 2020

For usage support best is to open a question on https://stackoverflow.com/questions/tagged/aframe

Nice folks there to help.

1reaction
donmccurdycommented, Apr 15, 2020

Merging geometries, and animating those geometries independently, are mutually exclusive.

I could imagine a similar feature being built with instancing instead of merging (geometry-instancer?) based on THREE.InstancedMesh, but at the moment I’m not aware of such a component.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Adobe Animate Tutorial - Drawing Objects and Merge Concept
In this tutorial we will be discussing on how to draw objects and how the merge concept works inside of Adobe Animate #adobeanimate ......
Read more >
After Effects Tutorial: Merge Path Animation - YouTube
If you haven't worked with " Merge Path" in shape layers, this tutorial is for you. In this tutorial I explain you the...
Read more >
Transform and combine graphic objects in Animate
To create new shapes by combining or altering existing objects, use the Combine Objects commands in the Modify menu (Modify > Combine Objects)....
Read more >
Group and animate a set of objects - Microsoft Support
The best way to animate multiple objects on a slide in the same way is to group them first. That way, you only...
Read more >
Video: Animate pictures, clip art, text, and other objects
Training: You can animate just about anything in PowerPoint 2013. And it's easy to do. Animate text, pictures, charts, shapes, and create advanced...
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