DB13, The Reader

Member Since

8/24/2012

Last Activity

4/20/2014 10:38 PM

EXP Points

50

Post Count

13

Storygame Count

1

Duel Stats

0 wins / 0 losses

Order

Marauder

Commendations

0

No Profile Entered

Storygames

Help Tom Escape!
This is simply a demo of image mapping. There is little story involved and what is present isn't meant to be thrilling or exciting. The images are low quality for a reason. There are no plans on taking this particular 'story' any further.

Recent Posts

How To: on 7/2/2013 1:50:54 AM

The actual image mapping part is simple, but extremely  tedious.  So, the easiest way to do it is to use an image mapping tool.  (ex. http://www.image-maps.com/). 

After you finish the mapping there are parts in your code that look like this:

Pretty much what this says is the area that you are mapping, in this case a rectangle, has the specified coordinates.  Next it tells you were that area that you mapped is linked to and finally the title which will display when you mouse-over the area.

From here, with this website, comes the HORRIFICALLY painful second step, if you do not write it down ahead of time.

Here is an example of one in my story:

Room 1

Because you do not link to a specific URL you will have to link to a link.  With this website there is no way to identify links other than jotting them down.  Every time you create a new link in your story, jot down which number it is.  Then where it says: ('FollowLink',6'); you want to input the number of which link you want to go to.

For example, if you have an option of clicking on an orange or an apple and the link that you want the orange option to be on is the 7th link you created and the link that you want the apple option to be on is the 14th link you created then input those numbers in the above code.

Hope this makes sense, I am bad at explaining things.  If you have a question just post a reply and I will try to explain it better.


Image Maps on 6/30/2013 9:51:14 PM

Here is a follow up: http://chooseyourstory.com/forums/advanced-editor-forum/message/9678#202274


Image Mapping on 6/30/2013 9:50:50 PM

Here is an example of incorporating image mapping into your story: http://chooseyourstory.com/story/help-tom-escape~21.

What is image mapping? http://en.wikipedia.org/wiki/Image_map

As stated in the description, this is merely a demo for image mapping.  There is very little story involved because of this.  This was a two day project so keep that in mind when viewing the story, image, and publishing quality.


Image Maps on 6/29/2013 4:59:33 AM

What I mean by image map is something like this http://en.wikipedia.org/wiki/Image_map.

For example, if there is a picture of a fruit bowl, and in the fruit bowl is an apple and an orange, is it possible to map the apple to link to a document about apples and the orange to link to a document about oranges (while still being the same image and not two separate images).

Unless I looked at your example incorrectly, which could be the case as I just skimmed through it while I was multi-tasking, then I think the way I worded it was a bit confusing. 


Image Maps on 6/28/2013 11:35:41 PM

Out of curiosity, has anyone attempted to make an image map on this site? Is it even possible?

An example of an application of an image map would be: If there is a particular maze section in the story, rather than forcing the reader to memorize the layout of a maze, give the reader the maze as an image and allow them to navigate the maze by clicking on the image.

Of course, you could always just have an image for each page that differs according to where the reader is/has been, but not only would that take twice the amount of time to write but it would also prevent the reader from interacting with something other than text (which can be quite monotonous in a long story).


Background Looping and Source View on 6/28/2013 11:24:46 PM

The quality of the image is too high as it is.  If I were to keep it at its original resolution, it would be well over the max. allowed 100k bytes.  On top of that the max. size you can upload is 550 x 600 px.  I could, theoretically resize it to 550 x 600 px and lower the quality to keep it within the 100k bytes requirement but said picture would look strange and wouldn't make sense (the new shape).

I am actually satisfied with recommending the viewer resize their window because it keeps the image looking 'proper'.  I realize now that, for this particular image, stretching the background would make it look out of place as well.  (The only downside is viewing on smartphones and tablets as you cannot re-size the window, but with the limitations in place I am fine with that).

For other background images in the story, I am sure I can just resize the image to fit the requirements of the site seeing as the initial image is at a much lower resolution.


Background Looping and Source View on 6/28/2013 10:17:31 PM

I think it will just be easier to recommend resizing window prior to starting the story.


No Links. You may go back or reset to start over. on 6/28/2013 9:12:49 PM

Never thought of this, thank you.


No Links. You may go back or reset to start over. on 6/28/2013 5:36:18 PM

Is there anyway to remove this besides adding links through the "add links option"?  For example, if I do have an option to click on an image however, regardless of having links, the message "No Links. You may go back or reset to start over." still appears on the page.


Background Looping and Source View on 6/28/2013 4:56:20 PM

I think I figured out my own issue.  I was testing script in the page editor as opposed to the script editor.