This is a hybrid WebGL part task trainer/online learning object. I designed it as an experiment for 3D web development using glTF™ (GL Transmission Format) with its cost-effective specification that is royalty-free. Instructions: Select each identifierContinue reading
Cardiology Observations (RISE 360)
This is an Articulate 360 Showcase Example of Rise. I experimentally prototyped this with a focus on heart animations in the gif format. Something no one was doing at the time. i should also pointContinue reading
Human embryogenesis [weeks 1-9]
This is an example of a dynamic timeline infographic that has a morphing slider thumb that changes as you drag it. It also has a transparent Storyline background that overlays a looping mp4 attached toContinue reading
Goniometers V1 and V2
Here are 2 Goniometers I made using completely different types of software. The first is V1, which was built with Flash and converted via Swiffy to HTML5. The second one V2 is built using Storyline’s dials. V2 isContinue reading
Branched Emergency Response Simulation
This experiment is a branched simulation using openly available YouTube links left over from HeartRescueNow.com, which sadly is now defunct. There are 11 video sequences that make up this scenario. However, this is quiteContinue reading
Tidlybit Science Videos
Tidlybit is a showcase of animated science lessons that were designed to be bite-sized chunks of Real Science content. I did the animation, music, video, and voice over using Adobe Character Animator, Animate, Photoshop,Continue reading
Autofocus Medical Content
The Autofocus infographic exploits screen real estate by providing compact amounts of material hidden within a scene. When an area is hovered or clicked the screen autofocuses to the specific content relevant to theContinue reading
HeroLand
“Hey Richard – I’m founder and CEO of Articulate. I am BLOWN AWAY with what you have done here. It’s beautiful. Congrats. “ – Adam Schwartz founder and CEO of Articulate *** HeroLand has recently been calledContinue reading
3D Bench Alignment for Prosthesis(demo version)
The story behind this creation is that it almost wasn’t. The original creation was designed (not by me) as an almost $90k vendor project in Unity3d. Unfortunately, due to NAPI plugin removal from Google ChromeContinue reading
Unique focus method
This is shows a method I created for dynamic focus of objects. It can be useful for a variety of interactions. Click the screen’s foreground, midground, and background. CLICK HERE.
Deming’s Red Bead Experiment
This elearning challenge was about Deming’s Red Bead Experiment. I will admit that I did not know what this was initially, however within 24 hours I had built a fairly good simulation to teach theContinue reading
Matching Game
This matching game was part of elearning challenge 121. I built and coded this, and added a timer and screen blocker. Everything was built in Storyline 2 to see how far it could be pushed.Continue reading
Negative Space
This is a player redesign for E-Learning Challenge 119. It utilizes comic panel styling and negative space to emphasize the Roy Lichtenstein content. http://richardleehill.com/hero/elc119/
Mantis Slider Infomatic
This is an Intro Slide that facilitates some initial instruction via slider control. It utilizes a parallax ghosted image. VISIT HERE: http://richardleehill.com/hero/elc117/
Clover Empathy
This is an animation that was done entirely within Storyline. All images and interactions were constructed to see what could be done without external tools. http://richardleehill.com/hero/elc114/
Wash Your Hands
Here’s a lesson on hand washing designed for the Food and Beverage industry. It uses simple icons built entirely within Storyline, and a humorous narrative, which leads to a simple assessment at the end. http://richardleehill.com/hero/elc116/
Foot Anatomy
For Articulate Storyline’s eLearning challenge 118 I experimented with 3D rendered video as an underlay to markers that I had built, as well as prebuilt ones. This was rapidly prototyped but is fairly effective inContinue reading
2 axis Parallax in Storyline
This is a parallax effect that utilizes a series of sliced topographical images of the model Atsumi. As she is moved from side to side and animated over an arch, she appears to have 3Continue reading