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)*
WALLPAPER narrative game instructions

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
http://fungusgames.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)

 

SNEAKY EXTRAS

WALLPAPER 360 MUSIC VIDEO (drag to look around as it plays)

Download 360 Music Video for Virtual Reality Headsets (450mb)

ORIGINAL BANK STREET ARTS EXHIBITION MATERIAL

Project Overview (PDF)
Artists’ Statement (updated) (PDF)
High resolution screenshots from the project (ZIP)

EXHIBITION ARTWORK

Canvas-2

Canvas-1

Canvas-3

Canvas-4

Canvas-5

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. 🙂