bad apple but in code.org

peptobepto

no audio because image load times are too random to work fluidly in realtime but the visuals are there
https://studio.code.org/projects/applab/B--_SwBElbZqbESRSQC-ZJHa70vgYYb0pdSjpCkrkeM
this is just the first version. Soon, ill have it all on the project and will draw it out with the canvas tool but for now, at least I can say I got bad apple to play on the code.org applab

[WUT] Adam

peptobepto if it has a screen, bad apple will be seen

miztis

peptobepto I LOVE YOU SO MUCH

Varrience

peptobepto Soo you basically did what i did with the rick roll? lmao i could've just shown you that if that's what you were planning to do, no need to host the images separately if you just let CDO host them themselves unless you really want to put that kind of burden on your domain

peptobepto

to do this, I used ffmpeg to turn the video into a set of pngs at about 30 fps. This gave me roughly 6100 frames to deal with. The canvas tool can load individual images from the web so I hosted them all on my website and then wrote a script to load each one in order individually. This is no different than putting them on a slideshow and has inconsistent load times which means the video will desync from audio pretty fast. My hope is that with the version i plan on making, I can play it as fast or slow as i want with limited slowdowns/skipping

peptobepto

my plan for v2 is to compress the video to 25X25 pixels, lower the saturation so that its all black and white, and then map out each pixels color as either "b" for black and "w" for white. Then ill just write a loop to iterate through each pixel color and then draw it to the screen if its "B" and move 25 pixels to the right if its "w". every 25 iterations, the x coordinate for where to draw gets reset to 0 and the y coordinate increases by 1. This is by no means the most efficient way to do this but the canvas tool is relatively fast and by my testing it can handle moving up to 1000 squares at 60 frames a second so this should work better. Ill be able to add audio too!

peptobepto

this was the original goal but i was trying to store it in a csv file and code.org has trouble loading those if they are over a megabyte. Mine was about 28 megabytes :(

DragonFireGames

Elegant

peptobepto

[WUT] Adam its the #1 rule of technology lol

peptobepto

miztis im making it even better rn. This ones gonna be realtime and with audio

person

Woowa

peptobepto

Alright, some sad news. I will not be able to get it to work in real time with the new method. Javascript is just too abstracted to move fast enough through the list. I created my own compression algorithm to turn the songs data from 28 megs all the way down to 366kb but even that is too many. Ill see what i can do with the first (more boring) method.

https://studio.code.org/projects/applab/7F5r5kZhzoQdEDiSuZRp9hmp1793IJLn_kMBSgbnwOM/edit

here is the project in its current state

Letti42

Varrience poor guy is remaking what we’ve already done

peptobepto

Varrience i have no idea who you are so i couldnt have copied it. Also, i dont feel like uploading 6000 images by hand, nor do i feel like writing a script to do it for me cuz js sucks

peptobepto

Varrience oh also my website is hosted on one of githubs servers so the strain can be handled

DragonFireGames

Letti42 reinventing the wheel isn't all bad though

peptobepto

Letti42 I have no idea who you are. I came up with this method myself and if you had the same idea at some point, then it is pure coincidence. Besides, you didn't do bad apple (which is lame)

Varrience

peptobepto you can just put all the pngs into a folder and upload em like thousands at a time, sure the website may freeze but that's the fun of it, you should have some idea of who i am though.... if you ever looked through my posts

peptobepto ah yea just looked more into it, you should probably load them all in first though since browsers cache requests like that so you won't get stutters in between your video btw

gZany

peptobepto Hmm... are you new to cdo? or do you just not check the code of any actually good project on cdo?

gZany

peptobepto @Letti42 is a very good coder who deserves the Legendary rank in my game but I'm to lazy to change it. (along with @DragonFireGames)

Letti42

peptobepto if the servers are so good then just preload the images and audio so they get cached then just play them again together, at the same time. Applab has a callback for playSound so you can get it to sync up

peptobepto

Varrience i just tried it that way. Sadly, with the ammount and size of the images, there is actually a stronger delay than if i were hosting them myself. I could lower the framerate but I want to make as few sacrifices as possible. Right now, my best bet is just slowing it down, recording it, then speeding it up

DragonFireGames

gZany if you are going to change it, make owokoyo a new rarity called "god"

peptobepto

gZany i just don't follow cdo news or keep up with any of that. I log on to the form to post or comment here and there but I try to keep interaction with the community to here and to a minimum. I haven't been doing a very good job at that but oh well