Transcolors on Khan Academy: Avatar Edition

Transcolors, a colorful puzzle game made on Khan Academy's Processing.js environment featuring Khan Academy avatars.
Transcolors, a colorful puzzle game made on Khan Academy's Processing.js environment featuring Khan Academy avatars.

After I revamped Transcolors on Khan Academy, I had a great idea. Why not use the built-in Khan Academy avatar images in the game? Play as Khan Academy avatars of four colors in this alternate version of Transcolors, a colorful puzzle game made on Khan Academy.

Updated

Category

Topic

Programming Language

Typeface Used

Transcolors on Khan Academy: Avatar Edition

In this Khan Academy-exclusive version of Transcolors, nothing has changed about the game except that good ol’ Smiley has been replaced by as many avatars as I could find fit for the four colors in the game.

What used to be “transforming” in the original game is merely switching out cast members for another one of the corresponding color. A simple change, but it adds a slightly different feel.

This is only a skin change – none of the gameplay has changed from the original. Enjoy!

The Cast

Here are all of the avatars I used. I had to leave out a few avatars whose colors didn’t quite match any of these four. Including them would make the game too confusing.

[fusion_checklist icon=”fa-circle” circle=”yes” circlecolor=”#e67176″] [fusion_li_item]Piceratops[/fusion_li_item] [fusion_li_item]Mr. Pink[/fusion_li_item] [fusion_li_item]Red Leaf[/fusion_li_item] [/fusion_checklist]
[fusion_checklist icon=”fa-circle” circle=”yes” circlecolor=”#f2ee72″] [fusion_li_item]Primosaur[/fusion_li_item] [fusion_li_item]Hopper[/fusion_li_item] [fusion_li_item]Winston[/fusion_li_item] [fusion_li_item]Yellow Leaf[/fusion_li_item] [/fusion_checklist]
[fusion_checklist icon=”fa-circle” circle=”yes” circlecolor=”#83b26f”] [fusion_li_item]Leafer[/fusion_li_item] [fusion_li_item]Oh Noes the Error Buddy[/fusion_li_item] [fusion_li_item]Old Spice Man[/fusion_li_item] [fusion_li_item]Green Leaf[/fusion_li_item] [/fusion_checklist]
[fusion_checklist icon=”fa-circle” circle=”yes” circlecolor=”#81bad9″] [fusion_li_item]Aqualine[/fusion_li_item] [fusion_li_item]Mr. Pants[/fusion_li_item] [fusion_li_item]Spunky Sam[/fusion_li_item] [fusion_li_item]Blue Leaf[/fusion_li_item] [/fusion_checklist]

Since the completion of Transcolors on Khan Academy, I have been working on an iOS app for Transcolors!

By | 2016-10-16T16:17:42-07:00 July 4th, 2016|0 Comments

About the Author:

Darryl Yeo is a young programmer, web developer, computer graphics artist, musician, and composer who hopes to inspire others through his projects and inventions. Read more about Darryl.

Leave A Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Go to Top