Online Music Hackathon

First Prize: $5000

Ends on Jul 22:
00
Days
00
Hours
00
Mins
00
Secs
Posts
HTML, CSS, JS
HTML, CSS, JS
Rules for Posting - Read me!
Some rules and guidelines to keep in mind as you share your great work on our boards: 1 - Be kind and courteous to others 2 - Make sure that any feedback you provide is constructive. 3 - Outside links are allowed, but you must provide the source. Ideally, things that you post will have been created on Repl.it. 4 - Avoid posting overly promotional material - the focus is, and always will be, a programming, learning, and collaborative community. :) 5 - Don't spam! Keep things SFW (Safe For Work). We may revoke your access to these boards if you are found to be in violation of any of these rules. Feel free to ask clarifying questions. Last updated 7/10/18 12:09 PST
63
posted to Share by timmy_i_chen (934) 1 year ago
🚨THE THEME IS MUSIC🚨: WIN $5,000! We're having another competition!
### Friends, foes, loyal Replers, Boy do I have some news for y'all! On July 1st, we're kicking off another competition and the stakes are higher than ever. ![richrichrich](https://storage.googleapis.com/replit/images/1561408399112_514da1dfbb25d3bc66b26fb7e7430790.gif) **Types of programs accepted:** *Any.* **Theme:** MUSIC! **Rules:** As always, *must* be original content & MUST be created *and* hosted on Repl.it **Prizes:** $5,000, $2,500, and $1,000 **Dates:** July 1 @ 00:00 PST to July 21 @ 00:00 PST **Judge:** Tom Lehman, the CEO of Genius ## To submit, all you have to do is share your repl on [Challenge](https://repl.it/talk/challenge)! Check out [our FAQ](https://repl.it/talk/announcements/MUSIC-HACKATHON-FAQ/16359) if anything is unclear or you have any questions. And feel free to ask anything you need there, too!
148
posted to Challenge by katyadee (813) 23 days ago
🐶Introduce yourself! 🐶
Hi everyone! ![waving](https://storage.googleapis.com/replit/images/1561489787610_61c528ae0267ed2696f0c625ff66db6c.gif) Use this space to share anything you want to share with our community - your name, where you're from, what you program in, what brought you here... whatever you're comfortable with! Can't wait to get to know y'all. 💖 Katya
65
posted to Announcements by katyadee (813) 22 days ago
3
Minecraft
all you have to do is play it go to how to play and read the instructions
23
posted to Share by duck132912 (4) 2 days ago
41
🎵 📦 Music Box Editor 📦 🎵
Simple editor for creating music box melodies with an animated music box that "plays" them for you. Very basic: Just click on the diamonds to generate a note and press play. There are some featured melodies included. * As a bonus I have added a database - it's a separated repl because I don't want the player to load longer. My official submission is the Music_Box_Editor, the DB is just a storage for notes that I can't finds space for in the actual application. To find more melodies or if you wan't to submit one to the database - click the button "MUSIC BOX DB". Fill the form to submit or press the magnify glass and copy the note data. Load it in the player - it will figure out the number of blocks and the type of the melody - but the delay is up to you (either use the optimal one suggested by the creator in the database post or the one you feel plays best). * The note sounds are from freesound.org. Animations are created by me in After Effects and exported as SVG animation which is then played in the browser with the lottie player. Make sure you tune-up the box when first loading to cache the sounds for better first preview. Features: -edit notes -play speeds -save notes and load notes -generate random notes -tuning up the music box -copy notes from sheet and auto-paste on next sheet -add new block "+" and delete block "-" or press "++" to generate N blocks from input and "clear" to delete all. -move notes with arrows -switch between two sizes of boxes - mini(9 notes) and grand(15 notes) from the cowbells button switch -toggle hold notes -two preview modes - show one block at a time or all blocks being visible while playing -mixing notes - combines two or more pieces together of any type. -build-in tunes: Ode of Joy, Twinkle Twinkle Little Star, Star Wars Theme, Jurassic Park Theme, Elf Song. note mixing feature user guide - paste notes on load input field and press +add -then put another one and another one and so on. Every time +add is pressed, load input field will be erased and the piece will be added in memory. When all needed peaces are collected - press mix'm button - this will merge all pieces together and the final type will be the one of the last piece. However don't mix mini with grand type (doesn't sound very good) - mix same types of pieces together ( mini + mini , grand + grand). Then all you have to do is press play - no load necessary. Bonus features: --save notes to a database https://musicboxdb-2--anthony-tonev.repl.co/ My idea was to write an app that is simple enough to be beginner friendly so anyone can learn to write simple music peaces without knowing complex note notations and also have an open source note sharing system where users build melodies on top off or inspired by other users melodies. Works best on desktop with chrome in full screen repl view. ![image](https://storage.googleapis.com/replit/images/1563100885459_aa7a1d93fd679e08e575b1f426b8e218.png) ![image](https://storage.googleapis.com/replit/images/1563099650447_9b7bffd9b0c6995d7978a616603b5cf7.png)
82
posted to Challenge by Anthony_Tonev (43) 14 days ago
4
Play chess and listen to music
Listen to the extremely relaxing and very quiet "ode to joy" while playing chess. Try playing chess while the chorus starts screaming. # Note UCI notation works like this: square the piece came from to square it went. For example: * Pond from e2 to e4 is e2e4 * Promotion from e7 to e8 (promoting to queen) is e7e8Q
5
posted to Challenge by rediar (59) 2 days ago
2
youtube
search in the search bar and enjoy the videos watch all you want
3
posted to Share by duck132912 (4) 12 hours ago
8
Fruit ninja clone game made with PhaserJS
I started to use Repl.it to developt my html5 games :) ![Screen Shot 2019-07-12 at 10.02.30 AM](https://storage.googleapis.com/replit/images/1562950978834_497e61d2be0e876b6dbb68908fea8122.png)
6
posted to Share by numcomx (101) 5 days ago
12
Canvas Basketball
Time your jump and shot to make it into the hoop. Press Space to jump, S to shoot F for solitaire mode W for walls C to clear screen of all balls D for debug info Smartphone controls: Touch down to jump release touch to shoot New "Clear balls" button added (I should have added this long ago) - Thanks democat for the feedback Also added hotkey for it, along with a scoreboard - Thanks ebest for the feedback
10
posted to Share by mwilki7 (111) 8 days ago
19
REPL BeatZ
I made animated headphones that model the ones I wear in real life. For the REPL Music Challenge, I decided to give my project a little twist with a recent update - when opening up the website, music will begin to play! This project was done entirely by myself, @EchoCoding. Please up-vote if you liked it - it'd be greatly appreciated!
9
posted to Challenge by EchoCoding (242) 14 days ago
17
RICKROLLING ALL DAY LONG
Hey, you said music. This was the first thing that came to mind. It's ironic the button to submit this says "Let's rock and roll." But yeah, hope you enjoyed this :) https://rickroll--canteventhink.repl.co/
7
posted to Challenge by canteventhink (18) 15 days ago
answered
1
Why won't my CSS nested element rule work?
In my CSS code, I created a rule that only affects `#banner .content h1` but it simply does not affect the h1 with id="banner" class="content"
5
posted to Ask by Yusamac205 (0) 17 hours ago
7
Musical Waves!!!
YAY!!! ---------- Introduction ========= Welcome to my project, _Musical Waves_. I created this project by myself (not a group project). In this program, you will journey into a new world filled with magic and some other amazing stuff. Actually, in a much more realistic point of view, you will waste time staring in awe as you watch lines dance across your computer screen representing different types of oscillators generate sound wave patterns and listen as the beautiful world of music takes over your mind (more like the sound of the sine oscillator gets stuck in your head for the rest of your life). Instructions ========= ![Screen Shot 2019-07-08 at 6.37.42 PM](https://storage.googleapis.com/replit/images/1562727134122_77e652851ed3bf0080cc56b9422e98b6.jpeg) The wave displayer on the top represents the wave created from the overlapping sound waves, whereas the displayer below that shows you multiple sound waves drawn on top of each other. _Note that this can only display four sound waves plus microphone input for performance purposes on the bottom wave displayer, however it still adds the sounds into the output sound._ When you click `Add Oscillator` or `Import Audio`, some controls will appear at the bottom of the screen. You should be able to figure them out yourself, so I haven't added labels yet. Have Fun Experimenting!!! ==================== Also remember this is still a work in progress, but it the current part of it works great, so feel free to give me any suggestions or tell me if you run into a bug! One More Thing ============ The microphone input only works if the program is opened in a separate tab, (not in this page) Please feel free to look through the code if you are interested!
6
posted to Challenge by SnailPotato (6) 7 days ago
4
Clone of hackertyper.com
Type like a hacker in the browser. Enjoy and vote. ![1_XYL3uiKBKSvLaNtbJOpa0Q](https://storage.googleapis.com/replit/images/1563113840200_8689d32c8a4f8a39a003fc5476e6f873.png)
1
posted to Share by SolarBoom (31) 3 days ago
42
WebCraft - A Online Minecraft!
MINECRAFT! IN A WEB BROWSER! AWESOME!!! It's a fun, simple game that you can do many things in! Just try to explore!
52
posted to Share by HENRYMARTIN4 (54) 2 months ago
154
Three Ways
Hello ! This is my three ways game. You can move the ball with k, l, and m or arrows. Press enter to play and retry. It's better to play in a new tab. I hope you will enjoy it. I'm still working on it, so it's not finished. I will add a system to change the size of the game on the screen, change the menu screen, and add a config to move with the arrows. You can tell me if you find bugs or things to improve. __If the screen is oversized, you can go to this link :__ https://three-ways--equation.repl.co/ You enjoyed the game ? Don't forget to upvote ! Now available : gold rush ! Go on the paddle to earn gold ! Have fun ! (Sorry for my bad English, this game comes from France ;)
100
posted to Share by Equation (169) 4 months ago
24
MEME Website
I have made a website on my own, and I have decided to share it to you guys on replit. Enjoy and don't forget to open it in a new tab with the symbol (" little square with a diagonal arrow ") because it's way better that way. Also don't forget to put a comment like a suggestion or an appreciation or something like that, and it will be very nice it you could vote for me on the top left. ** It is very important to open in a new tab !! ** _____________________________________________________________________________________ **For the challenge :** 1 - Hit, press or smash the **space bar** on your keyboard while you are on the main page and it will show you this : ![image](https://storage.googleapis.com/replit/images/1560181800501_3ceecf1717bd528b657be12c4bc00e1c.pn) - Keep pressing the **space bar** until you get to the end of the "story". 2 - Again, for the challenge i have made a page where you will need to press the **space bar** to get some photos memes, press this : ![image](https://storage.googleapis.com/replit/images/1560181658131_397843d8bcc5a2dcf1d9f80a1913abde.pn) ** I hope you will enjoy and if you do, don't forget to up vote! It will make me happy**
26
posted to Share by lsambrook (284) 1 month ago
4
Rap & Fame
There are 8 Rappers and there bio. Made by myself.
4
posted to Challenge by A_Moldy_Potato (7) 5 days ago
5
A geeky way to say “Happy Birthday”
It’s my friend’s birthday. I plan to send him some JS code that when pasted into DevTools plays the happy b’day song. This is the result. (Solo project.) - I used Web Audio API to create a simple music box. - Developed this in repl.it by creating a “Preview” button to let me test the code to copy. - Melody and chords are encoded into CJK characters to “disguise” the Happy Birthday song. The first 47 characters are the melody, the rest are the (broken) chords. - To not pollute the global scope, while being concise, local variables are declared as default parameters. e.g. `((paramX, paramY, localA=1, localB=2) => …)`. - The `t(f, b)` function plays a single note of frequency `f` at time `b`. - Each character is processed in forEach loop. The index is used to determine when to play the note. HBD @phoomparin!
1
posted to Challenge by dtinth (4) 6 days ago
93
Swing!
Here is my entry for the Game Jam - Swing! (yes, you have to shout it) The gist is pretty simple - you swing around using a grappling hook and you must avoid dying. Don't touch the red blocks and don't get shot by a Turret (duh). Play through the Levels or enter the Arena and try to survive. The way the game relates to the theme of Cash is.. uh.. you get to keep your cash because this game is free! For the best experience, open this link in a new tab: https://swing--matthewstirling.repl.co/ Full DevLog: version 4.2 - current (17.04.2019) - added guided missiles - added rope block wrapping - added level 4 - added explosion recoil - changed turrets appearance - added idle turret animation - added arena menu display turret behaviour version 4.1 (13.04.2019) - added practice mode - altered arena to account for easy winning strategies version 4.0 (12.04.2019) - added explosions - added super predictive turrets - added arena survival mode - added level 3 - redesigned menus - got rid of title card animation - added bouncy bullets - added death animation version 3.0 (05.04.2019) - added a main menu - added buttons - changed appearance of predictive turrets - made level 2 final challenge easier - added peak text version 2.0 (30.03.2019) - added level 2 - added turrets - improved hook sticking mechanic - changed controls (again) - optimized forces (jump strength, friction, drag) - added predictive aiming - removed 3 challenges from level 1 version 1.2 (23.03.2019) - added title card - added safe area at beginning - added checkpoint text version 1.1 (23.03.2019) - added 3 more challenges (total now 13) - made controls more intuitive - added checkpoints
97
posted to Share by MatthewStirling (102) 4 months ago
101
Goblin Hunter
Hello! This is the game I created for the game jam: Goblin Hunter. There are 2 players, the idea is to hunt (touch) the goblins that appear on the map, first to 20 points win! Player 1 moves with the arrow keys, and the Player 2 with WASD. Feel free to give feedback, if you want, you can look at the source code, I added comments so it's easier to understand. I recommend playing in a new tab/window.
35
posted to Share by Luisfetoga (115) 4 months ago
12
Press Space for FREE 👏 MEMES 👏
# [FREE 👏 MEMES 👏!](https://press-space-for-free-memes--liltaco.repl.co/) How can you say no to that? 😊 It has a nice style (I made the CSS, it's not gonna blow your mind), a bunch of content from Reddit, and you can even see how many upvotes a submission has and who uploaded it. It takes a random submission from a given subreddit (defaults to r/memes) with the reddit API when you press space. I am not responsible for any weird things you see there. [Have fun](https://press-space-for-free-memes--liltaco.repl.co/)! Some recommendations: + memes - get free memes! + dankmemes - a more abstract alternative. + me_irl - selfies of the soul + unixporn - woah those are some epic Unix setups! + programmerHumor - some programmer jokes + dadJokes - sorry for that one + programmerDadJokes - same but for programmers + anything else on Reddit... ![freememes](https://storage.googleapis.com/replit/images/1560357867088_2360153f15dc90d4b13a45172f5cfd8d.pn)
29
posted to Share by liltaco (47) 1 month ago
8
🎶🎵 FEEL THE MUSIC 🎶🎵 (version 2)
**Hey guys !** I present you my **Feel the music website**, I made it all by myself using a template that I modified. **Please upvote if you like it.** FOR NOW It tells you about music in general and what I like the most in music. It is the Beta version of the full website, I already have some good ideas of what I will be making, what type of pages I will make. New stuff will come out everyday so stay on alert. If you have any suggestion or ideas for me to improve my website please tell me everything you are thinking of. _____________________________________________________________________________________ **New page** : About groups, go and check it out. _____________________________________________________________________________________ I hope you will enjoy it and thanks for reading ;)
4
posted to Challenge by lsambrook (284) 15 days ago
84
Lost souls don't come back.
This is a small game with many endings, that I made in repl.it for the game jam. I made this in one day. Please enjoy. I am not going to spoil the game.If the character moves slow, it is because of your computer. If you like this submission, then check out: https://repl.it/talk/challenge/The-tree-of-peace/12976 .
59
posted to Share by PCL (233) 4 months ago
11
Qake demo
This is a threejs demo of pixelized games. This is how i made one of my games ... https://vox.vvc.repl.co - code at https://repl.it/@vvc/Vox . Click recreate to make your own game and add your own js and css. Original content by Magnus - LINK: https://github.com/Lallassu/Qake Post by: @vvc
44
posted to Share by vvc (46) 2 months ago
7
CROWDSOUND. Music. By People. For People.
“When plain words are not enough to express the heights of your feelings, add melody to it, a grandiose harmony, plus a great amount of authenticity and you’ll know the maestro deep inside bringing forth the hidden things to be seen and heard as exactly as they are.” - Anonymous Imagine a world where music is produced and listened to because of, well... the beauty, the art, and the expressiveness of music. If you could dream of a world where music are composed without the extra baggage of seeking for wealth, fame and popularity, it will definitely be a world with different songs and music compositions than ours.. This is what CROWDSOUND is all about! It is a platform where songs and music compositions are owned by the people for the people. CROWDSOUND is an open-collaboration to music production. You thought of a song lyrics and title? Write them in CROWDSOUND and invite or just let other interested people contribute by uploading, say for example, guitar, bass, or drumkit tracks that could be used to produce the song. But what if someone else prefer a different guitar track? No problem, let him/her upload or choose from the uploaded tracks of other people and have his/her own version of the song. In CROWDSOUND, everyone is free to contribute, everyone is free to listen. It is the place where everyone could make playlists from the songs of the people! By the end of the competition, the application allows: * Users to initiate a song * Anyone could contribute by uploading tracks (voice, guitar, drums, etc.) * Users could choose and generate the song based on the available tracks * Users may choose to * Play the most liked version of the song * Play a chosen version of the song from another user * Play own version Don’t forget to upvote!
4
posted to Challenge by BernardDon (6) 14 days ago
26
██💎Empty 3: Endgame💎██
**NOTE: THERE ARE NO ENDGAME SPOILERS IN THIS POST.** There have been many generations of Empty before this one. The legend begun with @mat1's infamous "Empty" and continuing on with none other than "Empty 2" (wow, what an original name) by @eankeen. However, I plan to finally end the saga with Empty 3: Endgame. That's right, the **ENDGAME**. No, I did not steal this from Avengers, I haven't even heard of that before. This is the Endgame because it is truly the most ultimate of all Empty repls that have preceded it, and provides a much more empty experience. Edwin, aka. eankeen, attempted to expose the lies of mat's "Empty" in his post, but that is not the empty way. He was showing anger and annoyance in his post, while what is truly required is simple emptiness and discipline. That is why I will abstain from condemning either of them, and simply explain why my Empty is the ultimate adaptation. # The Infinity Files The six infinity files were created before the universe itself: * Mind.py, giving the power of TensorFlow, data analysis, and the power to develop machine learning algorithms. ![mindpy](https://storage.googleapis.com/replit/images/1557078912545_9684ec8f4fd8d76133b11db2c403b2f5.pn) * Power.js, boosting any plain HTML and CSS web page with immense power and abilities to do things that plain HTML/CSS would never in their lifetime be able to accomplish. It is the front of the frontend. ![powerjs](https://storage.googleapis.com/replit/images/1557079095984_597fd11ffe9d36ce47bb7a1d6eebb114.pn) * Reality.css, shaping reality and defining the color, boundaries, and senses that we experience in our everyday lives. Without reality.css, the world would be a dull void. ![realitycss](https://storage.googleapis.com/replit/images/1557079187251_7df4ab503dbe172c3d3eb345dc7349f0.pn) * Soul.png, shaping all of our souls and giving us hope for the future. When you look at a meme that is in a .png format, you can't help but feel relieved and regain your hope in humanity. ![Capture](https://storage.googleapis.com/replit/images/1557079310032_9ee142de17ecfaf180559002007e0a3a.pn) * Space.txt, which is an empty text file just like the void of space. Think of how much space can be saved by having an empty text file instead of text files with characters in them! ![spacetxt](https://storage.googleapis.com/replit/images/1557079464718_3d0435a04415824deb02e8d8e043d373.pn) * Time.csv, providing all of the data of the history of the universe and of time itself. Time is documented within .csv, making it a great file to hold the time stone. ![Capture](https://storage.googleapis.com/replit/images/1557079562892_a8668b1adf66b4b3ce3f479b0d0a1062.pn) # The Power of the Files I, Mooopy, plan to use these Infinity Files with my Infinity Repl to wipe out all input and create perfect emptiness, thus saving thousands of gigabytes in storage and allowing us to save our resources. With the power of all the six stones, in combination with index.html, the gauntlet that binds them all together, I hit run repl. ... And what do you know? It's true emptiness. Nothing. A blank white canvas. But wait! You may be thinking ... what about the output? Well, if you switch over to the console tab, there is also nothing there! Not even a line telling you the version of the language or anything! And thus, thousands of EXABYTES of data can be spared and replaced with emptiness, which takes up almost nothing. My work here is done.
37
posted to Share by Mooopy (60) 2 months ago
18
Rings
Ring, my entry for the repl.it <space> competition, is a simple web app that adds a spinning ring with random properties (e.g. color, thickness, size) to the screen. Here are some pictures I took of what this can look like: ![img1](https://storage.googleapis.com/replit/images/1559841813027_ad1580cced82a398bf1c782b874f41b0.pn) ![img2](https://storage.googleapis.com/replit/images/1559841813575_7db6388a71fcf6bf0936e514eb9373b9.pn) ![img3](https://storage.googleapis.com/replit/images/1559841813728_8856d1f2161ba1479ee9a8377272fec1.pn) remember to upvote if you like this!
4
posted to Share by theangryepicbanana (655) 1 month ago
56
Agar.io
Use ASWD or the arrow keys to move.
31
posted to Share by JaidynA (57) 4 months ago
2
Superstar© SongWriter
### Ever wanted to become THE next big superstar? With Superstar© SongWriter you can"! When I heard about the music jam I was really excited! I have recently taken a statistics class and wanted to toy with music lyrics and bigrams! Perfect match! This is my slightly sarcastic take on modern-day advertising. I am not a designer and do not intend to hurt your eyes with my choice of colors =). The site is best enjoyed when it is a bit larger, so you can see the background image (just pull the code lever up). I hope you guys enjoy it and become the next big superstar! I would be honoured to land any place at the jam! The money (if any) would go to [open-source](https://github.com/inexorgame/) of course. DISCLAIMER: I take no guarantees for any bad wording included in the chart songs =)
2
posted to Challenge by Tomatenquark (1) 2 days ago