What is used to do this effect in webpage/javascript? - javascript

I found this website: http://www.vazco.eu/
What is used to do the animation (http://cl.ly/image/41100r2F401N)
behind "Our Latest Projects" with dots and line - is not the only place where I see this but since now no idea how to achieve something similar!
can be done with pure javascript or with any js framework? can some one point me in the right direction please!
I don't know how to ask/explain better ...
Thank you and please forgive my bad english!

In this site he is using SVG and for the drawing effect with time, you can use framework like vivus

Related

i want to make a 3D moving Box using React

I am looking for some advises or help regarding 3d Moving box in react something like this https://packlane.com/customize/mailer-box?quantity=250&sub_type=standard
If anyone can help it would mean a lot.
Thanks
You can use Blender to export animation. then use THREE.js to display it on a web browser (threejs works with React pretty well)
Here is a good tutorial that can give you a better idea: https://unboring.net/workflows/animation.html

Hexagon effect in javascript slider

My client has been asking about a javascript slider with hexagon effect. Something like http://huracan.lamborghini.com/#!/en/gallery (click on a car, then next/previous).
I have been searching the web for a few hours now, but i can't seem to find anything!
Anybody seen this before?
Thanks for your help!
Well, quick google on transitions,javascript and css3 got me to this:
http://www.joelambert.co.uk/flux/
There is an effect named "Blocks2". You might look into the source code of that and adjust it as needed.
Let me know what you think.

JS: simple hitArea code?

I recall from Actionscript that was very easy to detect when two elements were touching, very useful for games for instance, just a method called hitArea
since I'm in rush and i cant write the code from scratch I wonder if there is anything easy to use, a plugin maybe that works in JS and can tell me when elemA and elemB are in the same spot on the screen
Thanks
actually JQuery Collision is the answer

Need to make a vertical timeline

I need to make a vertical javascript timeline like below link which is now created with flash.
Can someone give me a reference plugin? Or kindly advice me is it possible with plane javascript or javascript frameworks. I have little bit idea about plane javascript and jquery.
http://www.guardian.co.uk/world/interactive/2011/mar/22/middle-east-protest-interactive-timeline
I did some research on it. But did't get any good result.
Thanks in advance.
https://github.com/balancemedia/Timeline
Demo: http://builtbybalance.com/github-timeline/
there could be some more: https://github.com/search?langOverride=&language=JavaScript&q=timeline&repo=&start_value=1&type=Repositories
A good tutorial:
http://www.9lessons.info/2012/01/facebook-timeline-design-using-jquery.html
the whole thing is done in flash. you can achieve this in javascript(definitely with css), but there is not straight forward method for it. Even in flash it wasn't done in a straight forward method. It took some efforts to sync the movements of the timeline and the events path. start with developing custom scroll bar using javascript and css, and then develop the rest.

Advanced animations with Javascript

I'm trying to convert a site from flash to HTML/CSS/JS ( don't ask why, I just have to ) but I'm stuck about the animations that I need.
Please follow the link and look at the site: http://www.sultanahmetkoftesi.com
As you can see, the moving layers are accelerated when you move the mouse. That is exactly what I want to do.
I'd be glad if you can provide an example or snippet.
Pure Javascript or jQuery code is fine for me.
Maybe these two projects can somehow help you...
1. http://css-tricks.com/1660-jquery-robot/
2. http://webdev.stephband.info/parallax.html
Good luck...
You may also want to look at http://spritely.net/

Categories