Hi I wonder if this is also possible with thunkable…
To click the correct image (randomly placed) and correct automatic?
Thanks to help me
Karel
PS: I found something of @Mark Randomize image + text - #15
but is it that what I need?
Yes, it would be possible.
The 4 clock faces would have to be different images component – or perhaps even button so that the player could click on his or her choice – each associated with a randomly picked image ressource file.
You will however to ensure that one (randomly selected) of the 4 images is associated with the right answer, and that the already picked images are no longer considered for selection of the next image to show (since having one with the right answer 11 is somewhat not that challenging if all the other one show the same wrong possible answer), but that is definitely possible to do.
Hi,
As said @CBVG do is possible, but I like simple solutions, even though they have some risk for the future.
Do you have a list of questions, a list of images with indexes that are associated with each question and the index of the correct answer, which is specified by the delimiter in question, for example:
a list of images to be with indexes
dial_11.png#1
dial_8.png#2
dial_6.png#3
dial_5.png#4
Select the dial, showing 5 o’clock in the morning?#4
4 - an index of the right of the dial in the initial array of images related to the issue.
Then you must create a temporary list in which the images are mixed in random order and bring them in the form of buttons on the screen.
When the user selects the dial, you will need to get its index (the index can be stored in the Visible property with the image of the button) and compare it with the correct index in question. If they match, then the answer is correct.
No, I came up with the decision even easier. You need to keep the name of the right image after question! This name can be stored in the Visible property of a buttons.
HI people, I’m very new… so I understand a little bit what you suggest:
something like this @actech or @CBVG … please I would like to find a tuturial or App-test
11_00#11_00.png
11_10#11_10.png
11_15#11_15.png
But how to make this possible in an app?
Thanks to make an example
Greetings
Karel
Try a simple example
https://x.thunkable.com/projects/5d8915c0d56821428da08156/project/properties/designer/
Press Rundom button for random images without restarting the application
1 Like
Thanks @actech,
I understand the variable ‘backgroundcolor for a square w64 h64’ but how a list of pictures?
Can I add picture as background in the squares?
Also how to make arrows in colors?
for example
Thanks to give me some help.
Karel
You need to instead use the Background Picture block for pictures as you correctly indicated in the first image.
I do not understand, you want to draw the scale and color of the arrow means Thunkable X? If so, any difficulties, because until Thunkable X is not possible to draw and make the inscriptions on the canvas.
There are more complex way - to create a line of scale in the form of black Column. Under this Column need to create some Label c numbers in the Row. draw arrows will be difficult, but it is possible to use two different colors as the Column line arrows without tips. All of these items you will need to align and use absolute positioning - this would be very difficult.
thanks but I don’t know where the images need to be uploaded in Thunkable…
I typed
red.png = answer1.png = clock11_10.png
green.png = answer2.png = clock11_20.png
blue.png = answer3.png = clock11_25.png
yellow.png = answer4.png = clock11_40.png
this is to much work to make all clocks ==> other idea
Other idea to make images: blanco clock with onto 2 lines that maybe we can let spin the big and small lines to a clock by entering only the numbers of a clock…
The idea for the arrows :can we make the lenght of a line connected to an input value?
so the linr grows or shrink by the value…
thanks to help me
… and the kids
Karel
Check “Study clock app”.
https://x.thunkable.com/projects/5d89c959b519a216598722d2/project/properties/designer/
Other idea to make images: blanco clock with onto 2 lines that maybe we can let spin the big and small lines to a clock by entering only the numbers of a clock…
To implement this method requires the block to rotate the components and positioning the center of rotation. Such blocks Thunkable X is not present.
1 Like
> The idea for the arrows :can we make the lenght of a line connected to an input value?
> so the linr grows or shrink by the value…
This can be done, but you need to explore the possibilities Thunkable X. In Canvas component can be used to create and watch, and arrows with the coordinate axes but my application above creates a lot easier.
Waauw this is working…! Thanks a lot @actech
but you gave the images the name with a number?
Why can’t I see the image in the file browser?
Students like points,
can they be send to the teachers email?
thanks a lot…
I’m looking forward!
Karel
Because now I need to work with edpuzzle.com
and can it be also this way?
I renamed the file names for convenience. You can not rename them.
This watch I cut from a single image using a graphical editor
Use the Image component to display images in the application.
If you want a preview of the images in the IDE, please report it to the developers - https://docs.thunkable.com/bugs-and-feature-requests
2 Likes
Because now I need to work with [edpuzzle.com ](http://edpuzzle.com)
and can it be also this way?
This can also be done if you are confident in their ability to do so in Thunkable X…
1 Like
Thanks a lot, but the only thing is I don’t really know to make text into a blocks of the colors…
The problem is solved for one example, know I have to try myself.
But, normally I like www.goformative.com also a lot but multiple choice WITH images is not free…
so I like much more thunkable… but I have to learn still a lot.
Should it be also possible with a slider to navigate to the questions,
so the students know the number of question ?
The way www.goformative.com works is a long page with all the questions: I would like more thunkable with each question on a new screen and bullets under it… do you understand me better when I show me my example? http://goformative.com/join/COABRN
Thanks
Karel
A youtube-slider can go left and right to a video the way Edpuzzle works?
Should it be also possible with a slider to navigate to the questions?
Yes, you can use the slider. But you need a discrete slider, so it jumped at the desired point.
Width = Fill container
Max value = 4
Step = 1
Text to color:
App with navigation on slider. To eliminate the jumping of the slider when the page is opened it must be placed on an invisible Column, which will become visible after the installation of the slider.
https://x.thunkable.com/projects/5d89c959b519a216598722d2/project/properties/designer/
This is an example to demonstrate the use Slider. It has particular, but I have not be able to talk about them, because that you have to write a whole book to do so. Try to start to explore the documentation Thunkable X - https://docs.thunkable.com/
In it you will find just a lot of answers to your questions.
1 Like
Waauw cool, I want to wonder how you can add a next question into the ‘screen 2’…
1+) Please if the answer is correct, can the border of the clock become green (if the answer is wrong: red) , a popup is good idea for more information for the child.
2+) The slider ‘bullet’ should become red or green when it is a correct answer or not…
3+) Can it be possible to check the number of times the child had to test to get the correct answer?
Thanks a lot help me out
Thanks to help me so fast
Karel