Share An E-Learning Valentine Game, Template, or Interactive Infographic (2019) #219

Share An E-Learning Valentine Game, Template, or Interaction 2019 #219

Valentine's Day Interactions #219: Challenge | Recap

Whether your e-learning valentine is a special someone or a special project, you can help your fellow community members get a jump on finding e-learning love by sharing your favorite Valentine’s Day game, template, or interactive infographic.

We know you’re busy, so we’re making this week’s challenge an easy one. Here are a few lovely examples to get your creative heart pumping.

Hugs ‘n’ Kisses

Here’s a creative version of everyone’s favorite childhood game. Shared in the community on Valentine’s Day, this e-learning game is a great opportunity to learn advanced Storyline techniques.

View project | Download

Love Letter Mad Libs

Get ready for some romance themed silliness with this mad-lib Valentine. Storyline variables make it easy to create this fun interaction!

View project | Download source

Valentine's Day Challenge #70

Check out the sweet examples from our first Valentine's Day challenge in 2017.

Challenge of the Week

This week your challenge is to design an interactive graphic, demo, or activity that features a Valentine’s Day theme.

Suggested interactions:

History of Valentine’s Day
Valentine’s Day Around the World
Top 10 Things To Do On Valentine’s Day
Saint Valentine: Facts vs. Legends
Interactive Valentine’s Day Cards
Valentine’s Day Recipes

Last Week’s Challenge

Before you put your heart into this week's challenge, check out the buzzworthy personality quizzes your fellow community members shared over the past week:

Personality Quizzes in E-Learning #218: Challenge | Recap

New to the E-Learning Challenges?

The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

68 Comments

Jodi Sansone

2 years ago02/10/19 at 3:33 am (UTC)

Ask the Oracle Demo: https://bit.ly/2UNTLQH Download: https://bit.ly/2WPmaHU The mad libs challenge from a couple weeks ago made me nostalgic for games I played when I was a kid. This Valentine story pays homage to my Magic 8-Ball. It was pretty simple to make--it has a random number variable, some layers, entry and exit animations, and some cool vector art by Rea Molko. My sources say you might like it. :) Have a great week!

2 years ago02/11/19 at 3:44 am (UTC)

What format do you publish to to get the link above?

2 years ago02/11/19 at 3:28 pm (UTC)

Hi Hilary, I have an AWS S3 account...I learned about using it from Tom Kuhlman last year in one of the Articulate live sessions. It is very cost effective and I think you can get a free year. Just search on that term in the forums and I think you'll find a discussion on it by Tom. I'm not that skilled with the cloud, but this works really well for me.

2 years ago02/11/19 at 4:13 pm (UTC)

Thank you very much

2 years ago02/12/19 at 11:55 am (UTC)

I want to ask the oracle what Jodi's secret sauce is for cranking out amazing demos so quickly.

2 years ago02/12/19 at 2:38 pm (UTC)

Funny! I do have a something you might call a process though. At any one time I have 3 or 4 unfinished stories that interest me, but haven't come together yet. Then I see a challenge and go "Gee, I think I can adapt that one to #219". It's like a bullpen. RIght now I'm sitting on one for "How to Give Your Cat a Pill" and a Cat Zodiac story. So if you need some challenge topics maybe a web objects one would be great, or a meaningful comparison? Or a "how to demonstrate something"? My stories are longing to be set free in the challenges. :) Chat soon!

Alexander Salas

2 years ago02/10/19 at 4:38 pm (UTC)

Here's the first one for a lil fun http://stylelearn.com/elhchallenges/219_valentine/story_html5.html

2 years ago02/10/19 at 10:10 pm (UTC)

That's fart-astic, Alex! Love your sense of humour.

2 years ago02/11/19 at 2:24 am (UTC)

I was concerned I may have taken it too fart LOL

2 years ago02/11/19 at 3:45 am (UTC)

Can I ask how you publish yours to share? I used review but not sure if this is the best way?

2 years ago02/11/19 at 5:51 pm (UTC)

Hi Hillary, Review is one inexpensive way but, it requires you to maintain your Articulate360 subscription I believe. The best option is to host your own site or use an Amazon AWS S3 server https://aws.amazon.com/free/

2 years ago02/11/19 at 5:53 pm (UTC)

Thanks. Everyone on here is so helpful :)

2 years ago02/11/19 at 8:11 pm (UTC)

Haha, enjoyed the game!

Hillary Robinson

2 years ago02/11/19 at 3:43 am (UTC)

Here is a quick fun facts one, my first share... https://360.articulate.com/review/content/50d46dbb-1de9-4279-a0a2-71e04e2b9d43/review

2 years ago02/11/19 at 5:53 pm (UTC)

Nice work, the wheel animations made the hearts look like they were been drawn.

Stefano Craba

2 years ago02/11/19 at 3:13 pm (UTC)

Give it a try Demo: https://360.articulate.com/review/content/0c1904db-bec2-4b84-a779-d89ca0c6213d/review Download: https://www.dropbox.com/s/5pppydzav5i37zx/valentine.story?dl=0

Hillary Robinson

2 years ago02/11/19 at 4:16 pm (UTC)

Nice job! I like the font with heart for the o very clever.

Brian PVigna

2 years ago02/11/19 at 7:33 pm (UTC)

I did a V-Day facts project, something simple to get us in the Valentines spirit: https://360.articulate.com/review/content/e4275aac-8168-41fb-97d1-ef0a0cbc0bcd/review

Zsolt Olah
Hero

2 years ago02/12/19 at 3:04 am (UTC)

Red roses or not, let's not drift far away from our main mission: learning. This is a light Valentine's day themed challenge: Answer the question and see how to use Storyline to check free text entry against a correct answer based on how similar the texts are. Oh, and how to penalize you if missed any of the three keywords included in your answer. Life is a box of chocolate. http://www.rabbitoreg.com/examples/valentine/story_html5.html

2 years ago02/12/19 at 1:42 pm (UTC)

Hey Zsolt, I love the concept but, the "Submit" button is not giving me any "love".

Zsolt Olah
Hero
Alexander Salas

2 years ago02/12/19 at 2:08 pm (UTC)

User error. What do you mean no love?

2 years ago02/12/19 at 2:15 pm (UTC)

I think he means the submit button seems to be inactive. I wanted to see your work too and it wasnt advancing. We're in suspense!

2 years ago02/12/19 at 3:42 pm (UTC)

Oh, there's nowhere to go :) It's just a one-slider to demo how free text can be checked against similarity to expected answer, including key words. Here's a video clip explaining. https://www.youtube.com/watch?v=97XKu2629zc The Valentine version has just a box of chocolate if you noticed. The more Hit % you get, the more it's open.

2 years ago02/12/19 at 8:04 pm (UTC)

Ok I see what the expected behavior is. I typed "love" and nothing happens. So, if is no match I would expect it to give me some feedback but, "no love" LOL

Zsolt Olah
Hero
Alexander Salas

2 years ago02/12/19 at 11:32 pm (UTC)

Well, that means Love is 0% similar to the expected answer :) Which you can view by clicking on one of the books.

2 years ago02/12/19 at 4:38 pm (UTC)

Love the typing hands action.

James Hron

2 years ago02/12/19 at 4:34 am (UTC)

Created a "Last Minute Gift Purchase" interactive! https://s3.us-east-2.amazonaws.com/jameshronportfolio/ValentinesDayChallenge/index.html Any feedback would be greatly appreciated - I am very much trying to learn more! Thank you!

2 years ago02/12/19 at 2:24 pm (UTC)

I haven't seen a challenge lately with links to the internet so thanks for reminding me of that feature. David Anderson, how about a web objects challenge? If I were to give one piece of feedback, I noticed when I was trying to choose my gift I didn't see any hover effect under my cursor. That might be a nice touch because I personally like a signal that my cursor is doing or activating something when I am moving it around.

2 years ago02/12/19 at 3:17 pm (UTC)

Thank you for the feedback! I removed the hover effect early in the project because it was confusing with the "visited" effect - but never put it back in! I agree, that would certainly make it easier to use and understand!

2 years ago02/12/19 at 10:56 pm (UTC)

Great idea, Jodi. I just moved web objects to this Friday.

2 years ago02/13/19 at 1:23 pm (UTC)

Cool topic and I can't wait to see what folks come up with.

2 years ago02/15/19 at 7:55 pm (UTC)

James. Can you tell me how you personalized your AWS link? Thanks!

2 years ago02/15/19 at 9:08 pm (UTC)

Hey Jeni, I called my bucket in AWS "jameshronportfolio" - I think the AWS naming convention just uses that, and then my module folder name (in this case "ValentinesDayChallenge"). Other than that, I didn't do anything special to personalize it. Hope this helps!

Rosaria Marraffino

2 years ago02/12/19 at 2:11 pm (UTC)

Here's my entry: Design and print your Valentine's day card: https://360.articulate.com/review/content/298d2b72-e11e-4071-8f6f-39789ba0f98d/review Any feedback welcome!

Jodi Sansone
Rosaria Marraffino

2 years ago02/12/19 at 2:27 pm (UTC)

So cute! I have totally forgotten that you can actually print from storyline. All the graphic elements worked together very nicely. Thanks for posting it!

2 years ago02/12/19 at 7:42 pm (UTC)

Thanks Jodi. It means a lot coming from you. You are an inspiration for me, your work is always amazing!

Jodi Sansone
Rosaria Marraffino

2 years ago02/13/19 at 1:24 pm (UTC)

Thanks for explaining the javascript. I forgot about that too! I was thinking of the print results feature for quizzes.

Jeni Johnson
Rosaria Marraffino

2 years ago02/12/19 at 4:40 pm (UTC)

How did you set up the print function?

2 years ago02/12/19 at 7:45 pm (UTC)

Hi Jeni! I stumbled upon this post a while ago and then remembered about it for this challenge: https://community.articulate.com/discussions/building-better-courses/print-anything-in-storyline I just executed some simple Javascript that was available in the post.

Marie Acree
Rosaria Marraffino

2 years ago02/13/19 at 4:08 am (UTC)

Curious if you will share the file? I would love to play and learn the elements used

2 years ago02/13/19 at 10:58 am (UTC)

Hi Marie, here's the link to download the .story file: http://bit.ly/challenge219 Enjoy!

Alicia Williamson

2 years ago02/12/19 at 6:42 pm (UTC)

I'm doubling down with a combination of last week and this week - a Valentines quiz. https://360.articulate.com/review/content/4848e9a5-93f1-46d9-a925-bc5d164daa18/review

Dennis Gifford

2 years ago02/12/19 at 6:55 pm (UTC)

Here is a Valentine game I created for our online design team. It still has some bugs to work out, but it's close to finished. (When you get to Question 2, it might help to know that these are goals for our school district). https://360.articulate.com/review/content/3b3944ed-80f5-40e8-8bbb-6cb3d74bab9e/review

Tom Kappa

2 years ago02/12/19 at 11:05 pm (UTC)

Hi! New storyliner here! Hope you like it! It combines valentine fun plus learning :D https://tomtries.articulate-online.com/6935974705

Samuel Apata

2 years ago02/13/19 at 3:48 pm (UTC)

Babies also need love on Valentine's Day: https://360.articulate.com/review/content/15ba9e7e-72b1-4bc9-8b5a-8e688a50d537/review This one is for Georgina :)

2 years ago02/13/19 at 4:35 pm (UTC)

Very inventive! I never think of using multiple sliders and dials like that.

Marie Acree

2 years ago02/13/19 at 10:48 pm (UTC)

My first E-learning Hero Challenge: Valentine gift guide-What to buy her? https://360.articulate.com/review/content/cf720c70-7082-4cdd-af27-4d6e06cee194/review

Holly Castellow

2 years ago02/14/19 at 3:08 am (UTC)

I created a drag-and-drop interaction for this one. It is on the lighter side for those who are coupled up and those who are single to enjoy equally! :) Happy V-day to my favorite eLearning community! <3 https://bit.ly/2N5A8B1

2 years ago02/14/19 at 3:47 am (UTC)

Hi Holly, I liked your intro animation and the composition of the drag and drop page with the hearts. How do you do your animation? Do you have a favorite program? I liked that it was nice and simple, and it communicated your concept.

2 years ago02/14/19 at 2:08 pm (UTC)

Thanks, Jodi! For the introduction and exit slide animations on this one, I used a template from Motion Array which I downloaded to After Effects. I sometimes create animations on my own and am working on getting better at it but Motion Array is a great resource to get quality animations incorporated quickly. It's also a great way to learn how to use After Effects and Premiere Pro. They offer a lot of templates which you can modify.

2 years ago02/14/19 at 2:22 pm (UTC)

Thanks for the info and Happy Valentine's Day!

2 years ago02/14/19 at 4:37 am (UTC)

Awesome! I am also curious about the animation and interactions. Looking forward to your response

2 years ago02/14/19 at 2:15 pm (UTC)

Thanks, Marie! :) The drag-and-drop interaction was set up with different variables, triggers and layers. I will post the source file once I get some kinks worked out. I noticed the exit slide did not appear after all drag items were dropped on my iPhone. It works as expected on my laptop though. :-/

2 years ago02/14/19 at 2:46 pm (UTC)

I was playing with it on my iphone and didnt see the exit slide either.

Julie Grosclaude

2 years ago02/14/19 at 10:47 am (UTC)

Happy Valentine's Day everyone ! https://360.articulate.com/review/content/047a79cb-9d23-4ee4-9566-abd84c4060bb/review Here's my entry to help you figure out, if you are doing well with your partner or if it could match with the one you love.

2 years ago02/14/19 at 12:45 pm (UTC)

Ummm... I don't like this game 38%? Lol. Clever use of animation!

David Anderson
Author

2 years ago02/14/19 at 2:51 pm (UTC)

Happy Valentine's Day everyone! Evidently there were some broken links in the recap post. Everything should be good now. https://community.articulate.com/articles/elearning-valentines-day-examples/

Karlis Sprogis

2 years ago02/14/19 at 3:05 pm (UTC)

Hey everyone! We're a bit late with our submission, but we still hope to make it to the perfect date. So, we came up with a fun little game that lets you plan the perfect Valentine's date! See the demo here: http://demo.fastercourse.com/storyline/FasterCourse_Challenge_219/story_html5.html And download the source file here - https://fastercourse.com/download/free-storyline-360-game-the-perfect-date/

2 years ago02/17/19 at 2:18 am (UTC)

I loved it. Thought it was clever.

Richard Watson
Hero

2 years ago02/15/19 at 1:10 am (UTC)

Happy Valentines Day to everyone in the Community! This is just a quick sample. Start with some background music, add an animated GIF and then use motion paths to make it happen. I hope you find it "amusing". https://wp.me/p2Kzu0-1HE

2 years ago03/01/19 at 7:51 pm (UTC)

Nice use of animated gifs w/ motion paths, Richard. I've updated the recap to include your blog post and demo: https://community.articulate.com/articles/elearning-valentines-day-examples#RichardWatson

Lisa Gross

2 years ago02/17/19 at 2:15 am (UTC)

Hi Everyone. I posted my first challenge, Pick My Valentine, in review 360: https://360.articulate.com/review/content/075805a5-3867-49b8-81c2-8053b94ea8c6/review It allows you to choose some options for a blind date. It's fairly simple, but hope you find it entertaining.

2 years ago03/01/19 at 7:52 pm (UTC)

Welcome to the challenges, Lisa! Thanks for sharing a fun example this week. Here's a link to your demo in this week's recap post: https://community.articulate.com/articles/elearning-valentines-day-examples#LisaGross

Susan Schleef

2 years ago02/22/19 at 11:41 pm (UTC)

I wanted to share a simple method I use for creating animated GIFs from static images. I have some fun Valentines Day examples, but since I didn't get this posted in time, I showed a Valentines example but then used a non-holiday image in my demo which you can watch here: https://youtu.be/-ND4txFiiaU I'm also happy to share my PowerPoint file if anyone wants to see that. But I'm not sure if I can upload the file here. Please let me know if there is a way to do that.

2 years ago03/01/19 at 7:55 pm (UTC)

That's a really helpful tutorial, Susan! You know, your example would make a great entry for last week's challenge on using animated gifs in elearning: https://community.articulate.com/articles/using-animated-gifs-in-elearning/ Feel free to cross-post your example in that challenge. Here's a link to your video demo in the recap: https://community.articulate.com/articles/elearning-valentines-day-examples#SusanSchleef

Aman Vohra

2 years ago03/16/19 at 10:49 am (UTC)

"Will you be my Valentine?" YouTube Video: https://youtu.be/nNwIvNCwO04 Mobile compatible HTML5 output: http://bit.ly/2Y17vdd

2 years ago03/16/19 at 11:14 am (UTC)

Thanks for sharing this week, Aman. Did you create all the graphics in Storyline? The character animations look really great. Here's a link to your example in the recap: https://community.articulate.com/articles/elearning-valentines-day-examples#AmanVohra

Ron Katz

12 days ago04/06/21 at 6:47 am (UTC)

Here is my entry - Nothing Gonna Stop Us Now Demo: https://360.articulate.com/review/content/921959e8-faa3-44d4-a57b-b118d0e9bde1/review

Share An E-Learning Valentine Game, Template, or Interactive Infographic (2019) #219

Hugs ‘n’ Kisses

Love Letter Mad Libs

Valentine's Day Challenge #70

Challenge of the Week

Last Week’s Challenge

New to the E-Learning Challenges?

Related Content

Sweets for the Sweet: Share An E-Learning Valentine #70

21 Lovely Valentine's Day Examples and Games for E-Learning Designers #219

A Week in Review: February 12, 2016

68 Comments