3 月 7

Spot It

分享者:林淑真老師

工具名稱:Make your own Spot It clone

網址:http://aaronbarker.net/spot-it/spot-it.html#d

特色:可自訂文字或圖片

製作方法:以下摘取自網路教學文章

In the text area , enter the items you would like to be made into cards. The game only works with certain numbers of items:

  • 3 items – 2 items per card
  • 7 items – 3 items per card
  • 13 items – 4 items per card
  • 31 items – 6 items per card
  • 57 items – 8 items per card

If you enter more or less than those numbers we will truncate your list down to the next lower number, except for below 2 where we won’t be able to use it at all. I don’t really understand the math/logic, so I am not sure why there aren’t 5 and 7 items per card options. I used what was made available in this article. If you know how to do 5 or 7, let me know.

Separate each item in the list by a return. You can use words, or provide images using one of the options below.

Adding Words

Add one work per line. Done.

Loading Images – Upload

You can drag images anywhere on to this page and they will be used for your game. The images are NOT uploaded to our site, but are saved in your browser. Images are restricted to 100kb each. Any that are larger than 100kb will automatically be resized for you. Depending on the number and size of your images this can take a while. We encourage you to make smaller images before dropping them onto the page, but we will try to work with what you give us

After you add them to the page an interface will be added where you can remove them from your local storage at any time. The filename before the extention will be used as an optional label. So for Mountain.jpg the label would be Mountain. The reason for the 100kb limit is that browsers restrict how much total can be saved, and this is our attempt to keep you under that limit.

If you upload photos, then you can not use the “Link to this set” option as those that you send links to will not have the images locally. You can not drag imgaes directly from another website, you have to get them on your computer first, and then drag them onto this page.

Loading Images – URL Reference

If you provide URLs instead of words we will attempt to load those URLs as images. If your images are different aspect ratios (square, landscape, portrait) your cards will be difference sizes as each card is made up of a different mixture of sizes. For best results, have all images be the same general aspect ratio.

You can optionally provide a label for images by adding a “,” to the end of the image URL and then putting your label. http://path/to/image.jpg,label here