Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jim60105/unfairspinwheel

The world is unfair, and so is our spin wheel. A spin wheel game that allow you to control the odds. (Vue.js)
https://github.com/jim60105/unfairspinwheel

agplv3 fortune-wheel game spin-wheel vue3

Last synced: 12 days ago
JSON representation

The world is unfair, and so is our spin wheel. A spin wheel game that allow you to control the odds. (Vue.js)

Awesome Lists containing this project

README

        

# ![icon](https://github.com/jim60105/UnfairSpinWheel/blob/master/public/img/icons/ios/32.png?raw=true) Unfair Spin Wheel


open graph


The world is unfair, and so is our spin wheel.

https://unfair.spin-wheel.click

Get ready for an exciting ride at Unfair Spin Wheel!

Our game is unlike any other out there, as you have the power to control the odds and take the game to a whole new level of excitement.

## πŸ‘€ Eye-catching features✨



### βš–οΈ Weighted Spins



Set the weight for each item on the wheel.

The spin is random, but your settings can actually sway the outcome, making the game a bit "unfair".

### πŸ“ Bulk Edit Mode



With Bulk Edit Mode, importing a ton of items is a breeze.

Plus, no need to worry about missing weight data - we'll take care of it by adding ",1" for you automatically.

### πŸ”Š Customizable Sound Effects



Customize your gaming experience by tweaking the sound effects!
While we offer a range of preloaded sounds, but you can also upload your own to truly make it one-of-a-kind.

Well, I shouldn't have said "upload".
Your audio file didn't actually go up to any server or anything like that. It's simply saved right here in your browser, just like your spinner data.

### πŸ’Ύ Automatic Data Storage





We have the amazing **PouchDB** to handle all your data!

It's all saved automatically in the browser, so it's always there for your next gaming session.

### πŸ”— Sharing with your friends



Share your fun spinner with your friends!

It's worth mentioning that your spinner data is stored in the URL.
This is a pure frontend application, we won't store your data.

### πŸŽ₯ OBS mode



Attention streamers!
We've got something special just for you - our OBS mode!

Open our site in OBS using the browser source, and the layout will seamlessly blend with your livestream.

Full instructions


1. In OBS, go ahead and add the source called **"Browser"**.
![2023-11-09 04 26 26](https://github.com/jim60105/UnfairSpinWheel/assets/16995691/20574952-81be-498e-bc32-4931cb4caa67)
2. Type in the URL `https://unfair.spin-wheel.click/` and adjust the Width and Height to `800`
![2023-11-09 04 27 13](https://github.com/jim60105/UnfairSpinWheel/assets/16995691/2d094da8-62cb-4a26-86ab-ef534aca0445)
3. Make use of the **"Interact"** feature to navigate through the website.
![2023-11-09 04 35 18](https://github.com/jim60105/UnfairSpinWheel/assets/16995691/2d907293-10e0-46ca-8586-526496aa86ee)

## 🎲 How to Play

1. To play the Unfair Spin Wheel game, head over to our website at [unfair.spin-wheel.click](https://unfair.spin-wheel.click).
2. Once you're there, simply click on the "<<" button at the right of the page to open the side panel.
3. From there, you can adjust the weight of each item to your liking.
4. If you want to add some extra fun, don't forget to customize the sound effects under the "Settings" tab.
5. And finally, when you're ready, just give the wheel a good spin by clicking on it.
6. Enjoy the game!

## πŸ“Ž Usage scenarios

### What's for dinner?



Let's tackle the age-old question: **What's for dinner?**

For indecisive folks (like me), why not leave it up to fate?
Introducing the spin wheel dinner decider, perfect for those moments of indecision.
But our hearts can be biased. Maybe tonight's dinner will be McDonald's after all.

### Youtuber Livestream Draws





Want to make your online draws more interactive and engaging?
Look no further than the Unfair Spin Wheel!

This tool is completely free and adds a fun twist to your livestream content.
Give it a try and see how it can spice up your audience's experience.

### World Population Spinner



If you were reborn, which country would you be assigned to?

Click here to get the data for this population spin wheel.
πŸ‘‰ [World Population Spinner Data](https://unfair.spin-wheel.click?group=%E4%B8%96%E7%95%8C%E4%BA%BA%E5%8F%A3&data=eJxdWNlWIzsSfPdX3Mfpc2rOKalKtfwda4MxxgbTZjNbN4buy2JsNrO0-ZixyuWn-wsTkZKhZ3iTrJJSkZERKWz91r6cBypWSaZD_FXGw-uy0Ru_vBS3m3a5b7fWbafGBSo1smAy2uBMFJkolgkre9jbt7L7Pn45CnSa-qX26d4evxTtnj08D3SsZBbT3VXbWLOrv2S1StJstho7BDqMwsRNXB_btZOiVg1UkmeRC-99aTJaxpYIKYldyPb7T3xoW91A6Vy7M4qdbtG5wkTsoywbAzuqlXetQKkwyd2Hx4sIJFChid1X5emPyf33orfNyDCtXCDl45qt7wR5HvvAqgfFUQcAjYevnxjlBleUnzvH5dydXX4MMqPd3cZva0VnB2OlMlkyeuInWRyZXMK9-8ZxkoWZjMtaX8ZpqBP3-62MEy0gVgCovd0H5gw0Uak_uL4zPcQY-BmXql_27AJAByZLBcDK5Olqsj0MjNG5mX1y3AqMirXbotW1c5ceAaPC2IWzuzIePgdxpkKMkwrgnjSuJ9W9IE4TF1G50OMncWoSglmZ7r4XJ8_29SkAaLHxU5PV0Wfq4xnsk8WGfR5M57eDWGdZMgOsVrXLtQDMy9Vs1XKt3L3mlGOD0OMddwy4k0fyO5dEaQrwON78VdwfkBxRkmXGb1SuD-xql9tHSehORHS2t170d4Io1onOYnw72OOhnVteplYdv_Xwm1IOqJsqNiU5QbBcrjy52J1eY0kU5XJ0uVmdtucwTtx4en41Hn31VRLpJJeMlBuX42EViEs02nO6fD-f3NeDKMwiLeP-KeAuHp7sYBjoPHI0AQGKuzWAiikl1K_YC2x0Mdk8YmgaSdf-aMBLuFCMayf4QUnVVYrRXXE_CHQSOaLZdeGDNpkv4fbc9KU73f8asJKy2aE7XdazZMErBuUCDNVRlMps8W13VuGR1mmoYgZBLmptHF6IZbqyjmzZ-ilmVeaAHS7aZhWXR02gGAMy3mV274WfqzzT7vKt1bL9i6ipPM18aPuz4s0TlyeoBc91laJyV-oVu7E0aXXs2X6gMu04bk-PABzAIZwqTSPH_PoT6aRAcxybVxCRu4Zsl5o88_CSrT_nOeX4z-1BHPkBs5FxcB9f2eNt2_uJqTCnhGGqCzWAxGVOGsrRAXWTexmVutCeRwhNTkSatK9bX5SY8sJ8cAFSsoowJUpVKbcGSB3igBCa1NXp4JBahrGobGWy8YrbTB6vZXvs7Wb_nv8UdGqWSxjox72gNy7HIO3qr2JvgVMOr8n9UrEDQ1GxY7dtnOE2GHuyAPJidwN7k4VQ2MjJW_1J8hgaLZUC-trloYzdbYfr5couxrF2NbN5WjaXqD8qjJy4IFBksKh1JkuPmFVuI3vTmC7-RgroGHmSU20r49duWUX9Q9GTjNoC1q9iM7Ird24ENmyDhQwq90BBA8p5bKJBGIa49_vTi3JtjPGGN1xEKJP75mfScuWitt0LwCenwIKUv-ePywDiTIUgOBSq1GvgpL5sr5u23w9SE9OKwLO9YtgL0jjPlDuOtOtcB6kW5Cq2d8MqRLlFntNgs09ukidRJhZ6CPA9hZNchL_CkoM2NwWoxOjIuEp3BgwyB3BbiZkZdzUGkSRlK6hCntI6Zz3BoWg-UIVnCAeMR6fGFRw-tEcL4itpFhtnlPblsjh4w4wDuWjfMrbDU86QG5Vy7YoFCMNKeNb0dYMgX8LSYmfiCBgCP35rMlkmlvKjJsEJP7z5LzcOQLeMPxfrf7PAMEyTDz__dHKjQ9mFAg-9PLvgqeAr3JsVImmubfm-Js7FacD8JupF7Ck39MRKsXQAXNyM-LaYIm6LshdQPsRE1vjuqLy7B75ghlgkFgrbLjYR8KQKD4ZBfOT-HZ_DM1UmaVhfJsQgrhO7OEwpxRXgApqi1_HljP3ILzolyOcWl6sr5cMlJbDVBV2gvn_RSB8uYaSZ41r7qhi8inOljh2wRs--yCjZsdzaQ73DxCKHMg442yd2zaUgUnmUujplB-lCRBOSms_OALD6-SxxRXZZm-492psDNJW5o2T9lAqn01juhqotB0_iaKmWNMDvudXZPvgIW4PPCdD1Sf_O01bHhu7J8IrO9XThB01LZibbu7M1Ok9Tlww2hNVdupZOPugGjGahwvyVN07kcvlxegL7BPScBD7l0uVMXPNQKEyC_76WYepSyyMGi7AEwOFTewSJNmEcJeZT_UkLGKIyWSz5fjibzrf-8Ab0U5wvDvt2eFj0IYNRJmHY-iKMlg1AYw13Ic5sliPnVLYxYO0OD3EjTKZycXAX3c_MNiPtEvrzlIbdfZf-G46dOuWgZdMXwtQtazeL9-Mgy4W65d3vYu_G1QuUThS43DxAnjAClzBq1XAKEwHt1VK9dTobulogxCqhibfnJqMze_cYpMpdc3TH7ipJleyIoLa20BLQbhNF2yAdUTE0dZB6tAxp0pAU-mTx48aenGId887uloUDV0Snyglmd_RUXmxBdjAj_g5SjV_bqOTIYI9y_hHXwe7F4K4YvLMpixPXpfQfy-YayzR2bgvEePM4zCBYIh2tVZZtlPEB5bemL5yx2GJAULFfb3lR5AcyTmb9D4aotpwhNK8AWXHYYWkZr53o1lbWaSOz-hIN5csKtg91RnuNpl6eG_0rWD9Xfz7csjDxjTASiu5qHY1hHKOHxH3bLKnRBsIAN4l2D1WIBkaJ_iObjuI5-kaunnYGs-4B2oeLT3c6vBP6I-3aAtqKYzOT7BWgd0wZ-uPZ6cy4WWWgKAvh3ewxgWbb9xZs1nFo0V5hZkHykzcIKOAZD-flvcc7z-akQwoz0BwcOuOTU7nCpC4BFVbrlecaP01oq1-9is7AQiswXThnh5L4kpN-Jpx1ksNrtpGwBm3kqYD81k_59JEOgSGgQY3Q_R288RxcIMkr0r61-CGUIDLsByBbdGFYW4oiTCrTdg2f-OgQdZqgExkVy9-4JepZp7joMy-VQDK1JG655jjI7c4bDOL2DbckmJDfJPUX_0yjSf9QNFTGDdtxf6ZJ5MInb9O9BzFmvJ-UsPj-mV2AXyVljpJiz4O2rNGUfSMTaZIPSM4WghzoqlmmNQQEH7IrfUgiq8utiGESEftwhghi4RGFpAIvvCjQwxXbveLbOZfvvaKm0BqJBdzX5cnHR69_XP_Lkf5jiy8opAgZcBM04csR_6uRxlAIJomis4fnm4asyoP8_7jBHyI2dYRB56gs9KkHkybbfbk9037t_n2hsrSCVkdI5IhlQOMKdRftFFIDvvdA-TZVUEmvh3D4mvQdR7OJtTIO_7gSs4uquLuFNIApX4IcrPrjx8n-TTn3SFCFwHgLfAlMnsqlWWgQlNr7f-bm2Zf8uCkOR4gDufB0OTz_Nz3jxfcISLVR4vGtAbvxWBz63D_KZ6AkiaZHIlrv6FvrRWOfCL8-Uo9yXsx9xfXsXSSav78JLAk4S4vCrzVoBxolNlZoXogY7v39odxasIPTIENh0TqFKv-8rfIfTUc7_7xVZ8TKI_-vqqJzxUbzrG1vG_jFPr7ReyvABlctFz54ln7K_PTnBlujzm4Q_Rdzkiwt)

> [!WARNING]
> We didn't preload it in the example because it's a little... lacking in performance.
> When there are too many items, it requires more resources to draw the wheel.
> This can lead to a decrease in fps on certain mobile devices.

### And more...

Let us know how you use our spin wheel!
[Share your creative ideas with us](https://github.com/jim60105/UnfairSpinWheel/discussions/categories/show-and-tell) so we can feature them here.

Happy spinning!

## πŸ“ License

### Code

agplv3

[GNU AFFERO GENERAL PUBLIC LICENSE Version 3](./LICENSE)

This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License along with this program. If not, see .

### Npm packages dependencies

We rely on these awesome open source projects as the foundation for our projects.

- MIT Licensed: Vue.js, PrimeFlex, PrimeVue, CrazyTim/spin-wheel, transitive-bullshit/random, adaltas/node-csv, pako, shareon
- Apache-2.0 Licensed: PouchDB

### Images

All the images were generated using DALLΒ·E 3 by [Image Creator from Microsoft Bing](https://www.bing.com/images/create) and are used in accordance with the [Bing Conversational Experiences and Image Creator Terms](https://www.bing.com/new/termsofuse).

Source: [Logo](https://www.bing.com/images/create/logo2c-website-logo2c-flat-design2c-round-logo2c-a-log/652cf17272a44197870b64f09860bf6a?id=GlUAiIfl%2fvVzGiPoy8CdMA%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP), [Main Image](https://www.bing.com/images/create/spin-wheel-game2c-web-design-material2c-dark-mode-de/652bec3676ed40afac326e7bd32cf3c6?id=sGSw5bLqrygiMyekuUrIMw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP), [The pointer](https://www.bing.com/images/create/spin-wheel-game2c-web-design-material2c-dark-mode-de/652bec3676ed40afac326e7bd32cf3c6?id=f9mxG3pI%2b0%2fia%2bnjccBykg%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP)

### Sound Effects

SoundButtons

The [SoundButtons project](https://github.com/sound-buttons) is the driving force behind the Funny Voices, with all copyright belonging to the original artists.

The remaining sound effects are from [Pixabay](https://pixabay.com/), and used in accordance with their [Pixabay Terms of Service](https://pixabay.com/service/terms/) license.

These amazing materials take our game to a whole new level!

[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fjim60105%2FUnfairSpinWheel.svg?type=small)](https://app.fossa.com/projects/git%2Bgithub.com%2Fjim60105%2FUnfairSpinWheel?ref=badge_small) [![CodeFactor](https://www.codefactor.io/repository/github/jim60105/unfairspinwheel/badge)](https://www.codefactor.io/repository/github/jim60105/unfairspinwheel)