Chicken Code

• 

  Cover 1

• 

  Cover 2

Inspiration

Inspired by a game called Rabbids Coding, where users are required to help the Rabbids to reach the finish line by solving a problem, namely determining the route that the Rabbids must pass, by giving the command to go forward, turn left, turn right until the Rabbids can get to the finish line

What is Chicken Code

Chicken Code is a webAR made using ZappAR and A-Frame which aims to hone logic skills, especially for children, this AR has the theme of education and games so it is very suitable for use by children who are trying to hone their brain skills with very rich media. enjoyed by children (i.e. games and smartphones)

How do I make it

Step 1: make the game fully a-frame

It would be very difficult if I made a game directly using zappAR, therefore I first made the whole game from scratch until it was 99% used by me, why 99%? read the further explanation. I use a collection of 2D and 3D assets that I made myself using Adobe Photoshop for 2D and 3D creation using Blender. Because this augmented reality is in the nature of a website, my challenge is to make all assets very light so that they can be supported on smartphones with low specifications.

Step 2: Installing the entire game on the ZappAR HTML code

Maybe this can be said to be very easy when seen from the title I made, but it turned out to be wrong, there was an additional challenge that I had to face, namely how to make the size, position and rotation match what I expected. Because at first, I made this game from A-Frame, and then at this stage, I have to make this game compatible with ZappAR. I'm using the example project that ZappAR provided which is "Instant Tracked Solar System", I just took some tags like the UI and some HTML tags to support my webAR. And finally, my webAR is 99% + 1% complete 👏👏

Challenges I face

The size of the project and the optimization of my javascript coding really affect the smoothness of the game, I want users to be able to play my webAR game smoothly without the slightest bit of lag. I compress my textures and 3D objects to a minimum without visibly damaging the assets.

An achievement that I am proud of

I made this project in just 20 hours, yes if you count it in hours it is indeed 20 hours haha 🤣. But originally I did this for 3 days, maybe I spend 6-7 hours per day.

What's next for Chicken Code

Currently, there are only 10 challenges available with easy to medium difficulty, next, I want to add maybe 5 more hard difficulty levels for this game.

Built With

• a-frame
• css3
• html5
• javascript
• zappar