GithubHelp home page GithubHelp logo

up-house-a-frame's Introduction

Make the Up House in A-Frame!

Carl Fredricksen has decided he wants to honor his recently deceased wife by flying to places she always dreamed of. He has a plan. He's going to add balloons to his house until it flies away. He has calculated that if he adds 25 jumbo balloons to his house, he can get his house to lift off the ground. Your job is to help him to this.

Your Task:

You can find a working example of what you will create here. The steps to creating it are below!

  1. Create a box next to the house. When clicked upon, the box should add a balloon sphere to a random location above the house. The spheres should be appended to the entity with the id of "house-balloons"

  2. Use a counter variable to keep track of how many balloons have been added above the house. When 25 balloons have been added, append an animation that makes the entire "house-balloons" entity (containing both the house and the balloons float upwards.

Bonus

  1. Make each balloon also have a random color when added to the scene.

  2. Create a string to attach each ballon to the house.

  3. Make the balloon house float upwards, but also float away from the camera on the z-axis

  4. Create another object that, when clicked, deletes balloons from the house. When the number of balloons goes below 25, the house should float back down.

up-house-a-frame's People

Contributors

twant avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.