forked from clyde-lt/SprunkiIncredibox
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
315 lines (296 loc) · 18.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sprunki Incredibox - Create Your Own Sprunky Beats! | SprunkiIncredibox.com</title>
<meta name="description" content="Dive into the world of Sprunki Incredibox! Mix, match, and create unique Sprunky beats with our quirky characters. Experience music creation like never before.">
<link rel="apple-touch-icon" sizes="180x180" href="https://s.sprunkiincredibox.com/img/icon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://s.sprunkiincredibox.com/img/icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://s.sprunkiincredibox.com/img/icon/favicon-16x16.png">
<link rel="icon" href="/favicon.ico"/>
<link rel="manifest" href="/site.webmanifest">
<link rel="canonical" href="https://sprunkiincredibox.com/"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="./style.css?v=09301430">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1522458956946675"
crossorigin="anonymous"></script>
</head>
<body>
<header>
<div class="container">
<nav>
<div class="logo">
<a href="./"><i class="fas fa-music"></i> SprunkiIncredibox.com</a>
</div>
<ul class="nav-links">
<li><a href="https://sunoai.ai/welcome/sprunkiw" target="_blank"><i class="fas fa-music"></i> AI Music</a></li>
<li><a href="#play-now"><i class="fas fa-play"></i> Play Now</a></li>
<li><a href="./download/"><i class="fas fa-download"></i> Download</a></li>
<li><a href="#about"><i class="fas fa-info-circle"></i> About</a></li>
<li><a href="#features"><i class="fas fa-star"></i> Features</a></li>
</ul>
<div class="burger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
</div>
</header>
<section class="hero">
<div class="hero-content container">
<h1>Free Sprunki Incredibox Game</h1>
<h2 style="color:white;">Welcome to <a href="https://sprunkiincredibox.com/" style="color:white;">SprunkiIncredibox.com</a> Play Sprunky Music Game</h2>
<p>Create, mix, and groove with the spunkiest beats around!</p>
<a href="#play-now" class="cta-button"><i class="fas fa-play"></i> Play Sprunki Now</a>
<a href="https://sunoai.ai/welcome/sprunki" class="cta-button"><i class="fas fa-music"></i> Create AI Music Free Now</a>
</div>
</section>
<section id="play-now" class="play-area">
<div class="container">
<h2>Play Sprunki Incredibox Now</h2>
<div class="game-container">
<iframe src="https://s.sprunkiincredibox.com/game/sprunki/index.html" frameborder="0" width="100%" height="800px"></iframe>
</div>
</div>
</section>
<section class="about-sprunki" id="about">
<div class="container">
<h2>What is Sprunki Incredibox?</h2>
<p>Sprunki Incredibox is not just a game; it's a musical revolution! Born from the wildly popular Incredibox platform, Sprunki takes beat creation to a whole new level of fun and creativity. With Sprunki Incredibox, you're not just making music – you're crafting sprunky symphonies that defy convention and unleash your inner musical maverick.</p>
<p>At its core, Sprunki Incredibox is all about mixing and matching quirky sounds to create unique, sprunky beats. But what sets Sprunki apart is its cast of lovably weird characters, each bringing their own sprunky flavor to your musical concoctions. From beatboxing robots to yodeling yetis, the Sprunki crew is here to make your music-making experience unforgettable.</p>
</div>
</section>
<section class="features" id="features">
<div class="container">
<h2>Sprunki Incredibox Features</h2>
<div class="feature-grid">
<div class="feature-item">
<div class="feature-icon">🎵</div>
<h3>Unique Soundscapes</h3>
<p>Discover a world of sprunky sounds and offbeat samples.</p>
</div>
<div class="feature-item">
<div class="feature-icon">🕺</div>
<h3>Quirky Characters</h3>
<p>Meet our cast of eccentric Sprunki beatboxers and singers.</p>
</div>
<div class="feature-item">
<div class="feature-icon">🌈</div>
<h3>Vibrant Visuals</h3>
<p>Immerse yourself in a colorful, animated Sprunki world.</p>
</div>
<div class="feature-item">
<div class="feature-icon">🔊</div>
<h3>Sprunki Effects</h3>
<p>Add zany effects to create truly unique compositions.</p>
</div>
</div>
</div>
</section>
<section class="how-it-works" id="how-to">
<div class="container">
<h2>How to Sprunki Incredibox</h2>
<div class="step-grid">
<div class="step-item">
<div class="step-number">1</div>
<h3>Choose Your Sprunki</h3>
<p>Select from our lineup of quirky characters.</p>
</div>
<div class="step-item">
<div class="step-number">2</div>
<h3>Mix Your Beats</h3>
<p>Drag and drop to create your sprunky composition.</p>
</div>
<div class="step-item">
<div class="step-number">3</div>
<h3>Add Sprunki Magic</h3>
<p>Enhance your mix with wild effects and transitions.</p>
</div>
<div class="step-item">
<div class="step-number">4</div>
<h3>Share Your Sprunki</h3>
<p>Show off your creation to the Sprunki community.</p>
</div>
</div>
</div>
</section>
<section class="sprunki-history">
<div class="container">
<h2 style="color: white;text-align: left;">The Sprunky Saga: How Sprunki Incredibox Came to Be</h2>
<p>The tale of Sprunki Incredibox is as wild and wonderful as the beats it helps create. It all started when a group of music-loving mad scientists decided that the world of digital music creation needed a dose of sprunky chaos. Inspired by the success of Incredibox, they set out to create something even more outrageous.</p>
<p>After months of mixing musical potions and conducting experiments with sound waves, Sprunki Incredibox was born. The team infused each character with a unique sprunky personality, ensuring that every beat created with Sprunki would be a one-of-a-kind auditory adventure.</p>
<p>Since its launch, Sprunki Incredibox has taken the music creation world by storm, attracting sprunky souls from all corners of the globe. Today, it stands as a testament to the power of thinking outside the box – or should we say, thinking "sprunki-ly"!</p>
</div>
</section>
<section class="community" id="community">
<div class="container">
<h2>Sprunki Community Vibes</h2>
<div class="testimonial-grid">
<div class="testimonial">
<p>"Sprunki Incredibox is like nothing I've ever played before. It's addictively fun and wildly creative!"</p>
<p class="author">- SprunkyBeats101</p>
</div>
<div class="testimonial">
<p>"The Sprunki characters are hilarious! I can't stop mixing beats with these quirky little guys."</p>
<p class="author">- MelodyMaker22</p>
</div>
<div class="testimonial">
<p>"As a music teacher, I love using Sprunki Incredibox to introduce my students to rhythm and composition. It's educational and tons of fun!"</p>
<p class="author">- Harmonious_Educator</p>
</div>
</div>
</div>
</section>
<section class="sprunki-modes" id="modes">
<div class="container">
<h2>Sprunki Modes: Choose Your Sprunky Adventure</h2>
<p style="margin-bottom: 15px;">Sprunki Incredibox offers a variety of modes to keep your sprunky creativity flowing. Each mode presents a unique theme and set of characters, ensuring that your Sprunki experience is always fresh and exciting.</p>
<div class="mode-grid">
<div class="mode-item">
<h3>Sprunki Classic</h3>
<p>The original Sprunki experience, featuring our core cast of sprunky characters and sounds.</p>
</div>
<div class="mode-item">
<h3>Sprunki Disco Fever</h3>
<p>Get groovy with disco-inspired Sprunki beats and funky fresh characters.</p>
</div>
<div class="mode-item">
<h3>Sprunki Space Odyssey</h3>
<p>Blast off into a galaxy of cosmic sounds and alien Sprunki beings.</p>
</div>
<div class="mode-item">
<h3>Sprunki Time Warp</h3>
<p>Travel through musical eras with historically-inspired Sprunki characters and beats.</p>
</div>
</div>
</div>
</section>
<section class="sprunki-tips">
<div class="container">
<h2>Sprunki Pro Tips: Elevate Your Sprunky Beats</h2>
<ul class="tip-list">
<li><strong>Mix it Up:</strong> Don't be afraid to combine unexpected Sprunki sounds. The quirkier, the better!</li>
<li><strong>Rhythm is Key:</strong> Even in the sprunky world of Sprunki Incredibox, a solid rhythm foundation will make your beats shine.</li>
<li><strong>Explore All Modes:</strong> Each Sprunki mode offers unique sounds and characters. Try them all to expand your sprunky repertoire.</li>
<li><strong>Listen and Adjust:</strong> Use the solo function to listen to individual Sprunki elements and fine-tune your mix.</li>
<li><strong>Share Your Sprunki:</strong> The Sprunki community loves hearing new creations. Don't be shy – share your sprunky masterpieces!</li>
</ul>
</div>
</section>
<section class="faq">
<div class="container">
<h2>Frequently Asked Sprunky Questions</h2>
<div class="faq-item">
<p class="faq-question">Q: What makes Sprunki Incredibox different from regular Incredibox?</p>
<p>A: Sprunki Incredibox takes the core concept of Incredibox and injects it with an extra dose of quirkiness and creativity. With Sprunki, you'll find more outrageous characters, zanier sounds, and an overall more sprunky experience!</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: Do I need musical experience to enjoy Sprunki Incredibox?</p>
<p>A: Not at all! Sprunki Incredibox is designed for everyone, from musical novices to seasoned pros. Its intuitive interface makes it easy for anyone to start creating sprunky beats in no time.</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: Can I use my Sprunki Incredibox creations in my own projects?</p>
<p>A: Absolutely! We encourage Sprunki users to let their creativity run wild. Feel free to use your Sprunki beats in personal projects. For commercial use, please check our licensing terms.</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: How often does Sprunki Incredibox update with new content?</p>
<p>A: We're constantly working on new sprunky surprises! We typically release new Sprunki characters, sounds, and modes every few months. Keep an eye on our updates to catch all the latest Sprunki goodness!</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: Is Sprunki Incredibox available on mobile devices?</p>
<p>A: Yes! Sprunki Incredibox is available on both iOS and Android devices. You can download the app from the App Store or Google Play Store to enjoy sprunky beat-making on the go.</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: Can I collaborate with other Sprunki users?</p>
<p>A: While direct real-time collaboration isn't currently a feature, you can share your Sprunki creations with the community. Other users can then remix your beats, creating a fun, indirect collaboration!</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: Are there different difficulty levels in Sprunki Incredibox?</p>
<p>A: Sprunki Incredibox is designed to be accessible to all, but as you explore more complex beat combinations and unlock special features, you'll find the experience naturally becomes more challenging and rewarding.</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: Can I export my Sprunki creations as audio files?</p>
<p>A: Yes! Sprunki Incredibox allows you to export your beats as high-quality audio files. This feature is great for sharing your creations outside the app or using them in other projects.</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: Is there a limit to how many Sprunki characters I can use in one composition?</p>
<p>A: Each Sprunki mode has a set number of character slots available. While this creates a fun challenge, it also ensures that your beats remain balanced and don't become too chaotic (unless that's what you're going for, of course!).</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: Are there any hidden features or Easter eggs in Sprunki Incredibox?</p>
<p>A: Oh, absolutely! We love hiding little surprises throughout Sprunki Incredibox. Keep experimenting with different combinations and you might unlock some truly wild and wacky secret features!</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: Can I use Sprunki Incredibox offline?</p>
<p>A: Yes, once you've downloaded the Sprunki Incredibox app, you can create and play with your beats offline. However, you'll need an internet connection to share your creations or access new updates.</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: Is Sprunki Incredibox suitable for children?</p>
<p>A: Absolutely! Sprunki Incredibox is fun for all ages. It's a great tool for introducing children to rhythm, composition, and the joy of music creation in a playful, engaging way.</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: Can I suggest new ideas for Sprunki characters or sounds?</p>
<p>A: We love hearing from our Sprunki community! While we can't promise to implement every idea, we always appreciate suggestions. Feel free to reach out to us through our contact page with your sprunky ideas.</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: Is there a Sprunki Incredibox community I can join?</p>
<p>A: Yes indeed! We have a vibrant community of Sprunki enthusiasts. Join our forums, follow us on social media, and participate in our regular beat-making challenges to connect with fellow Sprunki lovers.</p>
</div>
<div class="faq-item">
<p class="faq-question">Q: How did Sprunki Incredibox get its name?</p>
<p>A: The name "Sprunki" comes from combining "spunky" and "funky" - two words that perfectly capture the essence of our quirky, energetic take on Incredibox. It's all about bringing that extra spark of fun to beat-making!</p>
</div>
</div>
</section>
<section class="sprunki-call-to-action">
<div class="container">
<h2>Ready to Get Sprunki?</h2>
<p>The world of Sprunki Incredibox is waiting for you! Dive in and start creating your own sprunky beats today. Whether you're a musical maestro or a curious beginner, Sprunki has something for everyone. Join our community of sprunky creators and let your imagination run wild!</p>
<p style="text-align: center;margin-top: 30px;">
<a href="#play-now" class="cta-button">Start Your Sprunki Adventure Now!</a>
</p>
</div>
</section>
<footer>
<div class="container">
<p>© 2024 SprunkiIncredibox.com. All rights reserved. Embrace the Sprunki spirit!</p>
</div>
<div class="container">
<p><a href="https://github.com/qiayue/SprunkiIncredibox" style="color:white;">Sprunki Incredibox Github</a></p>
</div>
<div class="language-selector">
<p>Choose your language:</p>
<ul>
<li><a href="./" hreflang="en">English</a></li>
<li><a href="./ko/" hreflang="ko">한국어</a></li>
<li><a href="./ru/" hreflang="ru">Русский</a></li>
<li><a href="./pt/" hreflang="pt">Português</a></li>
</ul>
</div>
</footer>
<script>
const navSlide = () => {
const burger = document.querySelector('.burger');
const nav = document.querySelector('.nav-links');
const navLinks = document.querySelectorAll('.nav-links li');
burger.addEventListener('click', () => {
nav.classList.toggle('nav-active');
navLinks.forEach((link, index) => {
if (link.style.animation) {
link.style.animation = '';
} else {
link.style.animation = `navLinkFade 0.5s ease forwards ${index / 7 + 0.3}s`;
}
});
burger.classList.toggle('toggle');
});
}
navSlide();
</script>
<div style="display:none">
<script defer data-domain="sprunkiincredibox.com" src="https://click.pageview.click/js/script.js"></script>
</div>
</body>
</html>