The creator exhibits a sophisticated synthesis of algorithmic thinking and aesthetic design that is rare for such a young age. This work highlights the power of early technical literacy in bridging the gap between digital consumption and creative engineering.
Deep Dive
Prerequisite Knowledge
- No data available.
Where to go next
- No data available.
Deep Dive
I made this FNAF art when I was 11Added:
I thought I would share this old [music] FNAF project I made on Khan Academy.
It says it was made 11 years ago, so I would have been about 11 or 12 at the time. So, this was three or four years before I made my [music] Mabel model.
I would say the character itself looks pretty nice.
I did use references, so I was able to get it more accurate than my from memory models.
You can also click [music] to make the background and eyes red.
I think it's also worth showing how I made it though, too.
It was all made [music] with the Khan Academy Processing JS programming language.
It has a variable for the animatronic, which [music] we'll get to later, a draw loop, if statements to check the animatronic variable, and then a whole bunch of fill commands and ellipses, and occasional other shapes.
The fill command [music] sets the RGB value of the next shapes you make.
Luckily, there's a UI for it as well.
The ellipse command creates an ellipse with the first [music] two values as the X and Y coordinates, and the next two values as the width and height.
I won't go into how all the other shapes work, but I think you get the idea.
All of this was created by typing in numbers and tweaking it until it looked right.
Now, you've probably already realized that I made more than one animatronic here. So, let's show the others.
You actually have to edit the script itself to change the character, which is pretty poor design.
I'll do golden_freddy first. [music] The variable is stored as a string, so the underscore could have just been a space, but [music] whatever.
As you can see, it's just the same model with the colors changed and his eyes gone.
When you click on this one, glowing dots appear for the eyes.
Let's look at Bonnie next.
I would say that Bonnie is definitely not as good as Freddy, but I still think that he's pretty good.
I'll also say that he doesn't have eyebrows, unlike another model I know.
Then again, the Freddy picture didn't have eyebrows, either, so, you know.
When you click on this one, he actually puts his hands [music] in the air.
I assume it's meant to some sort of attack, but it looks like it's Chica's next. She has eyebrows, unlike Freddy.
Something I think is worth mentioning is that I genuinely think the only reason I got the colors right on the bib in the from memory video is [music] because I had already done the colors here so many years prior.
Chica [music] looks kind of sad, though.
But if you click on her, she looks angry instead, or maybe just shocked.
The last animatronic is Foxy, who is not finished. It looks like a pretty good start, but I guess I just gave up on him.
Oh, and [music] and when you click it just goes red.
Before you ask, I am not going to finish him.
>> [music] >> Now, you may be wondering what the version number means. 3.6.1.
Well, actually it's if I get rid of [music] this extra space here, the number of total lines the code takes up.
361.
I thought this was a good way to come up with version numbers at the time.
If you look at my other projects, you'll see that a few times.
Speaking of which, I'll link [music] this project in the description for anyone who's interested in looking at it.
Anyway, that's all for today. See [music] you next time.
Related Videos
Agentforce NOW AMA: Build with React and Salesforce Multi-Framework
SalesforceDevs
490 viewsβ’2026-05-28
How agent o11y differs from traditional o11y β Phil Hetzel, Braintrust
aiDotEngineer
450 viewsβ’2026-05-28
Re: π£οΈπthepropheduπ2026 GST 103 CLASS (E-EXAM REVISION)
theprophedu
636 viewsβ’2026-06-04
WEB TECHNOLOGIES UNIT-2 | Degree 4th sem BCOM Computers web technologies unit-2 full explanationπ―β
LearnwithSahera
1K viewsβ’2026-05-29
More tests are always better? How to use AI to identify tests that bring little value
Alliance4Qualification
335 viewsβ’2026-05-29
Search Algorithms Explained in 60 Seconds! π€π¨
samarthtuliofficial
218 viewsβ’2026-06-01
People of Game of Thrones using JavaScript DOM
AltCampus
296 viewsβ’2026-05-30
Instagram accounts got PWNed
EricParker
13K viewsβ’2026-06-03











