Twine website
WALLPAPER Twine example
WALLPAPER Twine example archive (for importing into Twine)
WALLPAPER Twine scripts and resources
WALLPAPER narrative game for PC (2015 edition)*
Recommended software, downloads and resource sites

* recommended spec: i7 processor, 8GB RAM, 2GB graphics, mouse & keyboard or gamepad, headphones/speakers

WALLPAPER Twine scripts and resources

COLOURS
Background (dark blue): #030329
Links (light blue): #8ac3ff
Hover over links (red): #cf171f
Text (white): #FFFFFF
FONTS (TAKEN FROM GOOGLE FONTS)
@import url(https://fonts.googleapis.com/css?family=Lora);
REFERENCING IMAGES, AUDIO AND VIDEO
<img src="The URL of your image" style="width: 100%;" media="(max-width: 1280px)" />
<video src="The URL of your video" width="640" height="480"></video>
<audio src="The URL of your sound effect" autoplay>
STYLESHEET DEFAULTS
@import url(https://fonts.googleapis.com/css?family=Lora);

body, tw-story
{
 font-family: 'Lora', serif;
 background: url(http://dreamingmethods.com/wallpaper/twine/images/wallpaper-background.jpg);
 background-repeat: no-repeat;
 background-position: center top;
 background-color: #030329;
}

tw-passage
{
 color: #ffffff;
}

tw-link
{
 color: #8ac3ff;
}

tw-link:hover 
{
 color: #cf171f;
}
RESOURCE LOCATIONS
http://dreamingmethods.com/wallpaper/twine/images/
http://dreamingmethods.com/wallpaper/twine/audio/

 

IMAGES
<img src="http://dreamingmethods.com/wallpaper/twine/images/arrival.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />
<img src="http://dreamingmethods.com/wallpaper/twine/images/inside-greenhouse.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" /
<img src="http://dreamingmethods.com/wallpaper/twine/images/sundial.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />
<img src="http://dreamingmethods.com/wallpaper/twine/images/case.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />
<img src="http://dreamingmethods.com/wallpaper/twine/images/towards-the-house.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />
<img src="http://dreamingmethods.com/wallpaper/twine/images/front-door.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />
<img src="http://dreamingmethods.com/wallpaper/twine/images/door-open.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />
<img src="http://dreamingmethods.com/wallpaper/twine/images/back-towards-car.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />
<img src="http://dreamingmethods.com/wallpaper/twine/images/stepped-inside.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />
<img src="http://dreamingmethods.com/wallpaper/twine/images/answerphone.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />
<img src="http://dreamingmethods.com/wallpaper/twine/images/livingroom.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />
<img src="http://dreamingmethods.com/wallpaper/twine/images/kitchen.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />
<img src="http://dreamingmethods.com/wallpaper/twine/images/greenhouse.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />
<img src="http://dreamingmethods.com/wallpaper/twine/images/wallpaper-background.jpg" style="width: 100%; border: 2px silver solid;" media="(max-width: 1280px)" />

AUDIO
<audio src="http://dreamingmethods.com/wallpaper/twine/audio/arrival.mp3" autoplay>
<audio src="http://dreamingmethods.com/wallpaper/twine/audio/answerphone.mp3" autoplay>
<audio src="http://dreamingmethods.com/wallpaper/twine/audio/footsteps.mp3" autoplay>
<audio src="http://dreamingmethods.com/wallpaper/twine/audio/open-boot.mp3" autoplay>
<audio src="http://dreamingmethods.com/wallpaper/twine/audio/footsteps-carpet.mp3" autoplay>
<audio src="http://dreamingmethods.com/wallpaper/twine/audio/piano.mp3" autoplay>
<audio src="http://dreamingmethods.com/wallpaper/twine/audio/cloth.mp3" autoplay>
<audio src="http://dreamingmethods.com/wallpaper/twine/audio/footsteps-tiles.mp3" autoplay>
<audio src="http://dreamingmethods.com/wallpaper/twine/audio/unlock-door.mp3" autoplay>
VARIABLES

Opening page:
(set: $carrying_briefcase to false) 

Front door of the house:
(if: $carrying_briefcase is false)[PJ has forgotten his briefcase.]
(if: $carrying_briefcase is true)[PJ got the case. Front door can be unlocked.]

Opening the car boot and collecting the briefcase:
(set: $carrying_briefcase to true)

Recommended software, downloads and resource sites

EXAMPLES OF DIGITAL FICTION/NEW MEDIA WRITING

http://www.newmediawritingprize.co.uk
https://elmcip.net/knowledgebase
http://eliterature.org/
http://collection.eliterature.org/3/
http://www.inanimatealice.com
http://www.dreamingmethods.com
http://www.webyarns.com
http://www.crissxross.net
http://www.mezbreezedesign.com
http://www.luckysoap.com
http://www.vispo.com
http://prynovella.com
http://www.taleoftales.com

SOFTWARE (FREE)

http://unity3d.com
https://www.gimp.org
http://www.audacityteam.org
https://notepad-plus-plus.org
https://www.visualstudio.com/vs/visual-studio-express
https://filezilla-project.org
https://www.openoffice.org/download/
https://www.blender.org
http://codesigning.ksoftware.net

SOFTWARE (PAID)

http://unity3d.com (Plus or Pro)
http://www.ambiera.com/coppercube
http://www.adobe.com/uk/creativecloud.html
http://www.actualinstaller.com

AUDIO RESOURCES

http://www.freesound.org (free)
http://www.audiojungle.net
http://www.freesfx.co.uk (free)

VIDEO RESOURCES

https://videos.pexels.com (free)
http://www.videohive.net
http://www.istockphoto.com
http://www.pond5.com
http://www.videocopilot.net

IMAGE AND PHOTO RESOURCES

http://www.dreamstime.com
http://www.morguefile.com (free)
http://www.shutterstock.com
http://www.istockphoto.com

3D MODEL RESOURCES

https://www.cgtrader.com/free-3d-models (free)
http://www.turbosquid.com/Search/3D-Models/free (free)
http://www.turbosquid.com
https://3docean.net

SCRIPTS AND TUTORIALS

http://labs.dreamingmethods.com
http://labs.dreamingmethods.com/code
http://labs.dreamingmethods.com/boilerplate
http://www.w3schools.com
http://www.htmldog.com
https://www.lynda.com (paid)

VIRTUAL AND AUGMENTED REALITY

http://www.unity3d.com (free version allows VR/AR development)
https://www.zappar.com
https://developers.google.com/vr/concepts/vrview (360 photos/videos)
https://aframe.io
https://developer.oculus.com

BROWSER EXTENSIONS – CHROME (FREE)

Colour Picker
What Font
Web Developer

UNITY EXTENSIONS – PLAYMAKER

Playmaker Unity Extension (paid)
Playmaker Ecosystem (free)

 

FURTHER HELP & SUPPORT

For support writing and developing your own digital fiction beyond this workshop please email andy@onetoonedevelopment.org – please allow a few days for a reply. :)