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.

67 Comments

Jodi Sansone

1 year 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!

1 year ago02/11/19 at 3:44 am (UTC)

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

1 year 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.

1 year ago02/11/19 at 4:13 pm (UTC)

Thank you very much

1 year 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.

1 year 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

1 year 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

1 year ago02/10/19 at 10:10 pm (UTC)

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

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

I was concerned I may have taken it too fart LOL

1 year 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?

1 year 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/

1 year ago02/11/19 at 5:53 pm (UTC)

Thanks. Everyone on here is so helpful :)

1 year ago02/11/19 at 8:11 pm (UTC)

Haha, enjoyed the game!

Hillary Robinson

1 year 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

1 year ago02/11/19 at 5:53 pm (UTC)

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

Stefano Craba

1 year 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

1 year ago02/11/19 at 4:16 pm (UTC)

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

Brian PVigna

1 year 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

1 year 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

1 year 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

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

User error. What do you mean no love?

1 year 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!

1 year 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.

1 year 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

1 year 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.

1 year ago02/12/19 at 4:38 pm (UTC)

Love the typing hands action.

James Hron

1 year 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!

1 year 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.

1 year 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!

1 year ago02/12/19 at 10:56 pm (UTC)

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

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

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

1 year ago02/15/19 at 7:55 pm (UTC)

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

1 year 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

1 year 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

1 year 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!

1 year 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

1 year 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

1 year ago02/12/19 at 4:40 pm (UTC)

How did you set up the print function?

1 year 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

1 year 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

1 year 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

1 year 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

1 year 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

1 year 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

1 year 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 :)

1 year ago02/13/19 at 4:35 pm (UTC)

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

Marie Acree

1 year 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

1 year 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

1 year 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.

1 year 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.

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

Thanks for the info and Happy Valentine's Day!

1 year ago02/14/19 at 4:37 am (UTC)

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

1 year 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. :-/

1 year 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

1 year 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.

1 year ago02/14/19 at 12:45 pm (UTC)

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

David Anderson
Author

1 year 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

1 year 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/

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

I loved it. Thought it was clever.

Richard Watson
Hero

1 year 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

1 year 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

1 year 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.

1 year 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

1 year 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.

1 year 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

1 year 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

1 year 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

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

67 Comments