A-frame Html flower of life

Hello! :grinning: This is Jiarui, I’m new to this forum and just started learning A-frame! I’m currently stuck on this project of making the Flower of life by creating simple geometries in the environment. I can’t figure out what’s wrong with the code but this circle I created won’t show in the environment. Can someone help me find what’s missing? Thank you :heart:!

Hello, and welcome to the forums!

The issue is that your circle isn’t nested in the scene. That’s why your scene only shows the color you specified.

Here’s what I mean. You currently have

    <a-scene background="color: #FF5733"></a-scene>

Notice that you don’t have anything before the end tag </a-scene>

If you want things to show up, you’ll need to include it in the scene

    <a-scene background="color: #FF5733">
         YOUR CODE HERE
    </a-scene>

So for the code in your source that you linked:

    <a-scene background="color: #FF5733">
      <a-circle
        color="#F5C85D"
        position="0 2 -10"
        radius="1"
        opacity="1"></a-circle>
    </a-scene>

That course was a lot of fun. I’m sure you’re going to enjoy it.

1 Like

Hello Scott,
Thank you so much for these corrections, I really appreciate this!! I didn’t realize the objects needed to be nested inside the scene, thank you again! Hope you have a great day :heart: :sunny:

Best,
Jiarui

1 Like