Vytvořte si vlastní Dobble

Obsah skrze URL. Hra Dobble kterou vidíte je vytvořena pomocí odkazů vložených jako paramtery URL. Tento obsah není poskytován těmito stránkami a neneseme za něj žádnou odpovědnoust. Tato volba umožňuje sdílet Dobble s ostatními aniž by bylonutné ukládat data na tyto stránky.

Vytvořte si vlastní Dobble se slovy či obrázky dle vaší volby. Veškerá logika použítá pro sestavení karet pochází z blogu Radigan Engineering.

Možnosti vzhledu

Zvolte velikost tisku: 3x5 (vodorovně) 5x3 (na výšku) 4x6 (vodorovně) 6x4 (na výšku) 3.5x3.5 (čtverec/kruh)

Věcí v sloupci: 2 3 4
Zobrazit popisky:
Náhodně pootáčet:
Velký text (for site words):
Barevně (for site words):

Zobrazit návod k tisku

Návod k tisku

Spustit tisk (ctr + p)

Tisk na karty je trochu procesu. Stálo hodně úsilí, aby to bylo možné, abyste je mohli vytisknout přímo na indexové karty, abyste ušetřili spoustu úsilí při řezání více karet na jeden větší papír, ale tisk karet dá trochu práce.

Máte několik možností jak tisknout:

Index card/photo printing

I am on a Mac and have only gotten this to work on Google Chrome (not Safari or Firefox). Hopefully it will similarly work on Chrome on Windows.

When printing do the following:

The above is complicated and yet at the same time vague. Sorry about that. I wish it could be easier, but printing in this way just isn't an easy thing. Good luck :)

Hrát Dobble

Můžete si Dobble zahrát také online a zjistit jak rychle najdete 10 párů. Klikněte na každou věc která je na kartách stejná.

Začít hru

Čas:

Správně: /10

Konec hry

Vstupní data


Odkaz na tento balíček

Zobrazit návod jak přidat obsah

Do textového pole výše, zadejte data ze kterých chcete vytvořit karty. Hra funguje jen s určitým množstvím položek:

Pokud zadáte více menbo méně položek než je uvedeno víše váš seznam bude zkrácen na nejblížžsí nižší možné číslo, kromě méně než 2 položek, v takovém případě není sestavení možné. Opravdu nerozumím matematice/logice, takže si nejsem jistý, proč neexistují verze s 5 a 7 položkami na jednu kartu. Prostě jsem použil co bylo v tomto článku (Aj). Pokud víte jak vytvořit verzi s 5 nebo 7 polořkamy, dejte my vědět.

Oddělte každou položku v seznamu entrem. Můžete použít slova nebo obrázky jednou z níže uvedených možností.

Přidání slov

Napište jedno slovo na řádek. Hotovo.

Načítání obrázků - Upload

Můžete přetáhnout obrázky na tuto stránku a ty pak budou použity pro vaši hru. Obrázky NEJSOU nahrané na našich stránkách, ale jsou uloženy v prohlížeči. Obrazky jsou omezeny na 100 kb každý. Každý, který je větší než 100 kB, se automaticky zmenší. V závislosti na počtu a velikosti obrázků to může chvíli trvat. Doporučujeme vám, abyste předtím, než obrázky vložíte na stránku, vytvořili menší obrázky, ale budeme se snažit pracovat s tím, co nám dáte

Po přidání se zobrazí možnost vložené obrázk ykdykoli odebrat. Názvy obrázku je možné použít jako volitelné popisky. Takže pro soubor Hora.jpg bude popisek Hora. Limit 100 kb lje nastaven kvuli omezením prohlížečů na obsha který lze uložit, a limit je způsob jak se vejít do těchtoomezení.

Pokud obrázky nahrajete, nelze použít možnost "Odkaz na balíček" jedině že by příjemce měl k dispozici použité obrázky. Obrázky nelze přetáhnout přímo z jiného webu, je třeba je nejdříve stáhnout do vašho počítače, a následně přidat na stránku.

Načítání obrázků - Odkaz URL

Pokud místo slov použijete odkazy URL pokusíme se je načíst jako obrázky. Pokud budou mít vaše obrázky rozdílný poměr stran (čtverec, naležato, na výšku) vaše karty budou mít různou velikost protože jartybudou tovřený různým poměry obrázků. Pro ideální výsledek, použíjte obrázky se stejným poměrem stran.

Volitelně můžete přidat URL obrázkům popisky jejich napsáním za "," (čárku). http://cesta/k/obrazku.jpg,tady popisek

Zobrazit detali skládání karet (Aj)

Details

Items provided:
Items used: (may be different due to needing to be specific numbers)
Cards:

Locally stored images

These are the images we are storing locally for you. You can remove them all or only certain ones by clicking them below. Any you remove will no longer be available for showing in a game. If you have any saved games, the images referenced there that you delete will come up broken.

Items marked in green are used in the current set. Click an image to add it to the current set, click it again to remove it. Click "Delete" to remove it all together.

Add all locally stored images to game Remove all locally stored images from game Delete all images

Ukázková Data

Uložená data

Volitelně můžete data uložit na později. Budou uložena jen na vašem stroji, na stránku se nic nukládá.

Uloži nyní načtená data

Načtěte předchozí data kliknutím na jejich název.

Zobrazit informace projektu (Aj)

About this project

Our family purchased the original Spot it game and I was fascinated by how there could only be one match no matter what two cards you looked at. I went to the internet to find out how it worked. I found several discussions about it that were all above my mental capacities for math. Then I bumped into this article that had examples of what the cards would be for different item counts. Well, if I didn't have to figure things out, I could do something with that.

I thought it would be really cool to make my own Spot It game with my own pictures. So I started digging into making a version that could accept input and generate the game for me. After way too many hours of playing with the code and neglecting my family, this site was created. This allows you to provide your own images or words and cards will be "randomly" generated. I used the structure from RadiganEngineering but randomize the card order and randomize the order of the items within each card.

Naturally I had to keep adding functionality, demo content, save the data locally, pass content in via the URL, load demos via URL, etc. The basic card generation and game I had done in a day, all the other stuff took several weekends.

I hope this is of benefit to others. I found this blog post about creating a Spot It game with family pictures. It looks like it took a lot of work to make that happen. Hopefully this site allows similar creations in a fraction of the time.

I don't pretend to think this is perfect. It was hacked together pretty quickly despite it taking so long. I debated between using newer technologies (SASS, ES6, etc) to help myself improve, but for now I decided to leave it as basic JavaScript so that it is easier for others to understand. Some day I may make it fancier. So for all my techy friends, don't mock my lack of using the latest and greatest, it was for the greater good :) Some day it will bother me enough to update everything, but for now it is what it is.

If you have any feedback, questions, etc you can author on twitter or give feedback on the GitHub project.

Přetáhněte obrázky kamkoli. Lze vlkádat pouze soubory .jpg, .gif nebo .png.

Zpraocvávám soubor:

Fork me on GitHub