Lesson notes 14.03.13
0 likes130 views
Importing images, video, and audio into Twine games can enhance the experience. Images can be added through HTML or Twine-specific syntax. Video is possible but was not part of the group's current plans. Audio can be added with HTML embedding code that specifies attributes like the file source, whether it autoplays, loops, and is hidden or visible. The background color was changed to red through a style sheet passage tagged as such, using CSS code. Font colors were also adjusted with CSS color codes.
![Lesson Notes 14.03.13
Twine- Advanced Knowledge.
Importing images into Twine is very simple however there are different methods of doing
it.
HTML- Put the webpage code into HTML brackets and the image will appear in your
game.
Twine Methods - To import a image you need to putʼ [img[ the web browser]]ʼ This only
works if the pictures are sized correctly for your game.
Importing Video Files Into Twine
Videos add a huge dimension to a game and will create more texture to make the game
more interesting. Although at this stage our group we are not thinking about putting video
into our game, it is still something that we could ultimately choose to import into our final
game if we feel that it needs it.
<html>
<EMBED src=”bird_chirp.wav”
autostart = true
hidden = true
loop = false >
</html>
Breaking down the code:
SRC- attribute specifies the URL of an external script file.
Autostart- Means if the music or sound effects will play automatically once the page has
been opened or whether you will have to click to play once on the page.
Hidden- This is whether you can visually see the play button/switch to turn it off.
Loop- If the look is on it will keep playing again and again until you click of the game but if
loop is off it will only play once and then switch off.
True & False- True means on and false means off.
Changing Background Colour
In our game we want the background to be consistently Red
throughout the game. We needed
to figure out how to do this. We
used the ʻTwine Cheat Sheetʼ and
different articles on the internet on
how to do advanced stuff on
Twine.
To start with,
1. Created a new passage on
Twine, named ʻGame Styleʼ
and tagged it ʻstyle sheetʼ.
2. Next we wrote ʻ body
{ background-colour: red }
however it didnʼt work, so we
changed colour to the
American spelling (color) as
Twine is a American Software
and it worked.](https://image.slidesharecdn.com/lessonnotes14-03-130422041246-phpapp02/85/Lesson-notes-14-03-13-1-320.jpg)
Lesson notes 14.03.13
- 1. Lesson Notes 14.03.13 Twine- Advanced Knowledge. Importing images into Twine is very simple however there are different methods of doing it. HTML- Put the webpage code into HTML brackets and the image will appear in your game. Twine Methods - To import a image you need to putʼ [img[ the web browser]]ʼ This only works if the pictures are sized correctly for your game. Importing Video Files Into Twine Videos add a huge dimension to a game and will create more texture to make the game more interesting. Although at this stage our group we are not thinking about putting video into our game, it is still something that we could ultimately choose to import into our final game if we feel that it needs it. <html> <EMBED src=”bird_chirp.wav” autostart = true hidden = true loop = false > </html> Breaking down the code: SRC- attribute specifies the URL of an external script file. Autostart- Means if the music or sound effects will play automatically once the page has been opened or whether you will have to click to play once on the page. Hidden- This is whether you can visually see the play button/switch to turn it off. Loop- If the look is on it will keep playing again and again until you click of the game but if loop is off it will only play once and then switch off. True & False- True means on and false means off. Changing Background Colour In our game we want the background to be consistently Red throughout the game. We needed to figure out how to do this. We used the ʻTwine Cheat Sheetʼ and different articles on the internet on how to do advanced stuff on Twine. To start with, 1. Created a new passage on Twine, named ʻGame Styleʼ and tagged it ʻstyle sheetʼ. 2. Next we wrote ʻ body { background-colour: red } however it didnʼt work, so we changed colour to the American spelling (color) as Twine is a American Software and it worked.
- 2. Change Font Colour In Game Now that out background is Red, we wanted to change some of the colours of the text to match and look better. To do this we used a few simple codes; color: black; (to change the main game text to black) To choose more complicated colours rather than primary ones, you have colour codes and import them into the codes to create the colours once on the game online. To import the colour codes you. How to add audio into the game. To help add even more levels of complex TH To add music- google how to add music to a webpage- and then inclose that into HTML tags.