As a followup on the previous lesson about coloring a textfield, i made a solution how to color or animate a specific word or even character in Lectora with the aid of GSAP SplitText. Although it is possible to get the same done without GSAP it makes life so much easier that for this kind […]
Kray had a Kill List. Solved that. Main issue with his approach was probably the ‘tough to oversee’ conditions. Trying to get his working straight away failed for me too. So i first setup a simple approach with just numbers in the list, when i got that working i added a page with his texts […]
Holly asked for this on some other content of mine. Here is a basic and simple way only using RunJS code inside Lectora. Easiest way i can think of to get the actual position of an element.
On the forum ( i do think Jason ) asked for multiple dropdownboxes, filling with other choices when choosing one or the other option. Well just check it out, works sweet…
Several projects i worked on lately i did notice the lack of image compression on the images in Lectora. Offcourse does Lectora itself have a method of compressing images, but i do think that lacks in quality and size. So when delivering a project a developer should watch the quality of the compression. As i […]
Billy asked on the forum how to create a page with continuous audio. Sergey and Wendy both gave possible answers. This solution i had in mind for quite some time works swell. What all the ideas have in common is, that to ensure the audio keeps playing you have to make sure your Lectora project […]
Have not been as active as before on the community, mostly due to a contract job. Well that ends on January, so i will be more active again… and open for new interesting jobs and projects offcourse 😉 Quality assured as you all know…A question popped up on the forum about groups and how to […]
Last week 2 items came across on which i now made a sample. – Scaling from another point then the centerDarrel @klaatu allready shared the code, but to make it easier for whomever wants to use it i made this sample. As you can see in the sample its really easy and smooth to scale […]
I didnot like the ‘stuttering’ of the ypos in the previous envelop animation. So i decided to investigate the backgroundposition in CSS a bit more…in all browsers ( FF, Chrome and IE ) And now i got it to work with pixels instead of %. That makes it a lot easier to use these spritesheets […]
On the forum was asked for links to animations. Allthough i linked to several sites, it is not easy to find exactly what you need/want. Most stock animations are video based. When your good in AfterEffects or other postprocessing tools you can adapt any stock animation to what you need. Offcourse i can help ( […]
In the community a ‘sliding-effect’ was asked. Allthough this can be achieved by using separate images and the Lectora transitions, i prefer using Tweenmax like in this example.
As part of my reusable animation someon asked for a ‘cardflip’-animation.If you search the Internet you find dozens of solutions. Most of them work well for modern browsers, but misbehave in IE. So i made a setup that does work swell on IE too.. Have fun with it.. Math
In the forum transitions and the white flicker when loading new pages remain a constant topic. One solution for that is use a one-page-setup in Lectora. So i made a setup like that. Not perfect yet offcourse, but a nice start to build upon if you want a one-page-setup. Further i see this as a […]
Allready shared a basic setup on this principle on how to get better page transitions within Lectora. This is a more worked out version with several types of page transitions in it. On top there is a dropdown selection where you can select the possible transitions. For now limited to fade, cardflip, slide and scale. […]
On the forum Benjamin Green asked about a multiple answers solution for questions. With using a variable and a bit out-of-the-box thinking this is a way to solve that.
* CHANGED THE IMAGES, hope this works* On the forum ‘Switalba’ started a topic about an Online Journal. Really liked the idea and concept, and started thinking about how to realize something like that. My first attempt was using xApi, but that failed due too lack of proper resources to get deeper into xApi. John […]
Got triggered by a question to put together a setup for working with spritesheets in Lectora. Spritesheets have many advantages above gif and avi’s, to name a few, they are better controllable, work perfectly on mobiles and tablets, and are loaded in one bunch.The gaming industry embraced sprites for quite a long time, and thus […]
Daniel Carrol asked me if i knew a way to replay/restart a non-looping gif in Lectora. Codewise that wasnot too difficult, the biggest challenge is to target the proper element in the html. Using Firebug or other browser development tools ( both IE and Chrome have them too ) you can check what html name […]
Had this idea for quite a while, and a question in the forum triggered me to test it. Basically webojects load new pages, so you can animate and show them at will.Not 100% happy with the solution, because the webwidgets slow the publishing progress a lot. See this as a idea for inspiration, not as […]
A crosshair is a crossbrowser available cursor. Just add a class and use that where needed.
Andrew apparently had an issue with onDone action on a audio, Well recreated it, and works fine for me.. all 15 times 😉 Issue i run into though, is that my approach wont work in Chrome … 😉Hope this helps Andrew….
On the forum this question popped up, so i made a quick solution for it.
Well this subject is what i together with my partner in e-learning crime Ferry van Vliet excel in. Subjects that are basically dull and no fun, and still make something fun of it. So it is hard to choose from the courses we did. At the moment working on a Warranty Training for Harley Davidson. […]
On the forum i read a question about how to format text differently in one textbox. Answer was that it was difficult to do dynamically. Well could not resist offcourse to make a sample work like that. One other question popping up in the forum was about how to pass the content of a textbox […]
The default way Lectora wraps text around an image i dont like very much. Designwise i want to wrap text closer fitting to the boundary of images. After some experimenting i succeeded in that with the help of GSAP’s SplitText plugin ( http://greensock.com/SplitText ) and a JQuery hittest plugin ( http://e-smartdev.com/#!jsPluginList/hittestJQuery ) to check whether the textlines […]
One thing that always irritates me as a UI-designer is the fact that a lot of courses have little selection spots when using radio buttons and checkboxes. Notice that with a courseware developer i work a lot with, and seeing that in some of the shared content here too. And its a easy fix in […]
Someone asked for this on the forum, so i quickly mocked it up.