images/visual graphics

cyberfox
24 Sept 2016, 06:40

Can i put images in the background of my text based game? like a jpg image or a png transparent visual graphics near the writting?

The screen with the writting will be black background buyt sometimes will either show a image in background or transparent png image graphic near the writting or after.

How do you import graphics into the game? for a text based game for Quest?


hegemonkhan
24 Sept 2016, 06:57

here's some links:

http://docs.textadventures.co.uk/quest/guides/modifying_the_ui__advanced_.html
http://docs.textadventures.co.uk/quest/guides/javascript.html


cyberfox
24 Sept 2016, 07:44

so with this I can put a graphic in my game or image? so if i want a blank screen with a graphic shown then when i click it i want it to go back to the text, or how to show a graphic near a text content?

Change the look and feel with built-in functions

There are some built-in functions to change the UI.

SetFramePicture (filename)
ClearFramePicture
SetBackgroundOpacity (opacity)
SetBackgroundColour(string colour)
SetBackgroundImage (filename)
SetAlignment(string alignment)
SetFontName
SetFontSize
SetForegroundColour
SetWebFontName


The Pixie
24 Sept 2016, 07:44

Here are some more links:

This one describes how to change the background image:
https://github.com/ThePix/quest/wiki/UI-Part-02:-HTML-elements-and-CSS-attributes

This one has a hack for uploading images if you are working on-line right at the end.
https://github.com/ThePix/quest/wiki/UI-Part-09:-Images

All these links refer to text adventure, if yours is a game book they may not work.


cyberfox
24 Sept 2016, 07:56

what if i don't want to make image as background image, but just a graphic on a screen? and when i click on the screen it will go to the text part of the game.

With background images i want different images for parts of the game as well.


cyberfox
24 Sept 2016, 22:49

Ok i found this youtube tutorial. About adding images/graphics to a text based game.

So if i can do this in the game editor how come there were links that i had to change the source code to put the images in?

Is this a easier way to do this?

https://www.youtube.com/watch?v=kaZvBxUkDGY&list=PL38B91F04663EE7A2&index=8