Velocity (JavaScript library)
ವೇಗವು ಕ್ರಾಸ್-ಪ್ಲಾಟ್ಫಾರ್ಮ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಲೈಬ್ರರಿಯಾಗಿದ್ದು, ವೆಬ್ಸೈಟ್ ಆನಿಮೇಷನ್ನ ಕ್ಲೈಂಟ್-ಸೈಡ್ ಸ್ಕ್ರಿಪ್ಟಿಂಗ್ ಅನ್ನು ಸರಳಗೊಳಿಸಲು ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ. ವೇಗವು ಎಂ. ಐ. ಟಿ. ಪರವಾನಗಿ ಅಡಿಯಲ್ಲಿ ಪರವಾನಗಿ ಪಡೆದ ಉಚಿತ, ಮುಕ್ತ-ಮೂಲ ತಂತ್ರಾಂಶವಾಗಿದೆ. ಇದು ಅತ್ಯಂತ ಜನಪ್ರಿಯ ತೆರೆದ ಮೂಲ ವೆಬ್ ಅನಿಮೇಷನ್ ಎಂಜಿನ್ ಆಗಿದೆ. ಎಚ್. ಟಿ. ಎಂ. ಎಲ್ ಮತ್ತು ಎಸ್. ವಿ. ಜಿ ಅಂಶಗಳಿಗಾಗಿ ಸಂಕೀರ್ಣ ಅನಿಮೇಷನ್ಗಳನ್ನು ರಚಿಸುವುದನ್ನು ಸುಲಭಗೊಳಿಸಲು ವೇಗದ ವಾಕ್ಯರಚನೆಯನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ. ಅದರ ವರ್ಕ್ಫ್ಲೋ ಪ್ರಯೋಜನಗಳ ಜೊತೆಗೆ, ವೇಗವು ಸಿಎಸ್ಎಸ್ ಆಧಾರಿತ ಅನಿಮೇಷನ್ಗೆ ಸ್ಪರ್ಧಾತ್ಮಕವಾದ ಅನಿಮೇಷನ್ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಒದಗಿಸುತ್ತದೆ. ವೇಗವು ಅನಿಮೇಷನ್ ಸ್ಥಿತಿಗಳ ಆಂತರಿಕ ಸಂಗ್ರಹವನ್ನು ನಿರ್ವಹಿಸುವ ಮೂಲಕ ಮತ್ತು ವೇಗದ ದರದಲ್ಲಿ ದೃಷ್ಟಿಗೋಚರವಾಗಿ ನವೀಕರಿಸುವಾಗ ವೆಬ್ ಬ್ರೌಸರ್ಗಳು ಅನುಭವಿಸುವ ಅನಪೇಕ್ಷಿತ ನಡವಳಿಕೆಯಾದ "ಲೇಔಟ್ ಥ್ರಶಿಂಗ್" ಅನ್ನು ಕಡಿಮೆ ಮಾಡುವ ಮೂಲಕ ತನ್ನ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಸಾಧಿಸುತ್ತದೆ. ಒಟ್ಟಾರೆಯಾಗಿ, ಅದರ ಕೆಲಸದ ಹರಿವು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಯ ಪ್ರಯೋಜನಗಳು ವೇಗವನ್ನು ವೆಬ್ ಮತ್ತು ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್ಗಳೆರಡರಲ್ಲೂ ಸಂಯೋಜಿಸಬಹುದಾದ ಅತ್ಯಾಧುನಿಕ ಅನಿಮೇಷನ್ ಪ್ರೋಗ್ರಾಮಿಂಗ್ಗಾಗಿ ಬಳಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಇದರ ವಿಶಾಲವಾದ ಬ್ರೌಸರ್ ಮತ್ತು ಸಾಧನ ಬೆಂಬಲವು ಕಡಿಮೆ-ಶಕ್ತಿಯ ಸಾಧನಗಳನ್ನು ಬೆಂಬಲಿಸಬೇಕಾದ ದೊಡ್ಡ ಉದ್ಯಮ ವಿತರಣೆಗಳಿಗೆ ಸೂಕ್ತವಾಗಿದೆ. ಉಬರ್, ಸ್ಯಾಮ್ಸಂಗ್, ವಾಟ್ಸ್ಆ್ಯಪ್, ಟಂಬ್ಲರ್, ಎಚ್. ಟಿ. ಸಿ, ಮಜ್ದಾ ಮತ್ತು ಮೈಕ್ರೋಸಾಫ್ಟ್ ವಿಂಡೋಸ್ ಸೇರಿದಂತೆ ಅನೇಕ ಗಮನಾರ್ಹ ಜಾಲತಾಣಗಳ ಬಳಕೆದಾರ ಸಂಪರ್ಕಸಾಧನಗಳನ್ನು ಶಕ್ತಿಯುತಗೊಳಿಸಲು ವೇಗವನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಇದು ಕೋಡ್ ಹೋಸ್ಟಿಂಗ್ ಸೇವೆ ಗಿಟ್ಹಬ್ನಲ್ಲಿ ಅತ್ಯಂತ ನೆಚ್ಚಿನ ಯೋಜನೆಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ. 2015ರಲ್ಲಿ, ವೆಲಾಸಿಟಿಯನ್ನು ದಿ ನೆಟ್ ಅವಾರ್ಡ್ಸ್ ವರ್ಷದ ಓಪನ್ ಸೋರ್ಸ್ ಪ್ರಾಜೆಕ್ಟ್ಗೆ ನಾಮನಿರ್ದೇಶನ ಮಾಡಿತು. ವೆಲಾಸಿಟಿಯ ವೈಶಿಷ್ಟ್ಯಗಳೆಂದರೆಃ ಬ್ರೌಸರ್ ವಿಂಡೋ ಮತ್ತು ಎಲಿಮೆಂಟ್ ಸ್ಕ್ರೋಲಿಂಗ್ ಜೆಕ್ವೇರಿ ಫ್ರೇಮ್ವರ್ಕ್ನಿಂದ ಸ್ವಾತಂತ್ರ್ಯ ಅನಿಮೇಷನ್ ರಿವರ್ಸಲ್ (ಹಿಂದಿನ ಅನಿಮೇಷನ್ ಅನ್ನು ರದ್ದುಗೊಳಿಸುವ ಸಾಮರ್ಥ್ಯ) ಮತ್ತು ಅನಿಮೇಷನ್ ಲೂಪಿಂಗ್ ಎಸ್. ವಿ. ಜಿ ಎಲಿಮೆಂಟ್ ಅನಿಮೇಷನ್ ಆರ್. ಜಿ. ಬಿ ಮತ್ತು ಹೆಕ್ಸ್ ಕಲರ್ ಅನಿಮೇಷನ್ ಸಿಎಸ್ಎಸ್ನ ಟ್ರಾನ್ಸ್ಫಾರ್ಮ್ ಪ್ರಾಪರ್ಟಿ ಆನಿಮೇಷನ್ ವೆಲಾಸಿಟಿಯ ಯುಐ ಪ್ಯಾಕ್ ಭೌತಶಾಸ್ತ್ರ ಆಧಾರಿತ ಚಲನೆಯ ಮೂಲಕ ಪೂರ್ವ-ರಚಿಸಿದ ಅನಿಮೇಷನ್ ಪರಿಣಾಮಗಳು ಸ್ಪ್ರಿಂಗ್ ಈಸಿಂಗ್ ಪ್ರಕಾರದ ಮೂಲಕ ಏಕೀಕರಣ ಭರವಸೆ ಬ್ರೌಸರ್ ಬೆಂಬಲ ವೆಲಾಸಿಟಿ ಎಲ್ಲಾ ಪ್ರಮುಖ ಡೆಸ್ಕ್ಟಾಪ್ ಬ್ರೌಸರ್ಗಳನ್ನು (ಫೈರ್ಫಾಕ್ಸ್, ಗೂಗಲ್ ಕ್ರೋಮ್ ಮತ್ತು ಸಫಾರಿ) ಜೊತೆಗೆ ಐಒಎಸ್ ಮತ್ತು ಆಂಡ್ರಾಯ್ಡ್ ಮೊಬೈಲ್ ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಮ್ಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ. ಇದರ ಬೆಂಬಲವು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ 8 ಮತ್ತು ಆಂಡ್ರಾಯ್ಡ್ 2.3ರವರೆಗೂ ವಿಸ್ತರಿಸಿದೆ. ಲೈಬ್ರರಿಯನ್ನು ಒಳಗೊಂಡಂತೆ ಬಳಕೆ ವೆಲಾಸಿಟಿ ಲೈಬ್ರರಿಯು ಅದರ ಎಲ್ಲಾ ಪ್ರಮುಖ ಕಾರ್ಯಗಳನ್ನು ಹೊಂದಿರುವ ಒಂದೇ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕಡತವಾಗಿದೆ. ಸ್ಥಳೀಯ ಪ್ರತಿಗೆ ಲಿಂಕ್ ಮಾಡುವ ಮೂಲಕ ಅಥವಾ ಮ್ಯಾಕ್ಸ್ಸಿಡಿಎನ್ನ ಜೆಎಸ್ ಡೆಲಿವರ್ ಅಥವಾ ಕ್ಲೌಡ್ಫ್ಲೇರ್ನ ಸಿಡಿಎನ್ಜೆಗಳು ಸೇರಿದಂತೆ ಸಾರ್ವಜನಿಕ ಸರ್ವರ್ಗಳಿಂದ ಲಭ್ಯವಿರುವ ಅನೇಕ ಪ್ರತಿಗಳಲ್ಲಿ ಒಂದಕ್ಕೆ ಲಿಂಕ್ ಮಾಡುವ ಮೂಲಕ ಇದನ್ನು ವೆಬ್ ಪುಟದೊಳಗೆ ಸೇರಿಸಬಹುದು. ವಿಷಯ ವಿತರಣಾ ಜಾಲಗಳಿಂದ ನೇರವಾಗಿ ವೇಗವನ್ನು ಸೇರಿಸಲು ಸಹ ಸಾಧ್ಯವಿದೆ. (ಸಮಗ್ರತೆಯ ಗುಣಲಕ್ಷಣವನ್ನು ಸಬ್ಸೋರ್ಸ್ ಸಮಗ್ರತೆಗಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ.) ಸಂಪನ್ಮೂಲಗಳಿಗಾಗಿ ಯಾವಾಗಲೂ HTTPS ಅನ್ನು ಬಳಸಲು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ ಆದರೆ ಪ್ರೋಟೋಕಾಲ್ ಸಂಬಂಧಿತ URL ಗಳನ್ನು ಬಳಸಲು ಇದನ್ನು// ನೊಂದಿಗೆ ಬದಲಾಯಿಸಬಹುದು. <ಸ್ಕ್ರಿಪ್ಟ್ src = "https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.2/velocity.min.js" ಸಮಗ್ರತೆ = "sha384-fcLDUAwcSMMfmpKMJ0dO2// SL2WJ5/kkyz/yvgtMLXBEp3GdqrQF9ahRerhdLXn +" ಕ್ರಾಸ್ ಆರಿಜಿನ್ = "ಅನಾಮಧೇಯ"> </ಸ್ಕ್ರಿಪ್ಟ್> ಬಳಕೆಯ ಶೈಲಿಗಳು ವೇಗವು ಎರಡು ಬಳಕೆಯ ಶೈಲಿಗಳನ್ನು ಹೊಂದಿದೆಃ $. ವೇಗ ಕಾರ್ಯ, ಇದು ಜೆಕ್ವೇರಿ ಮೂಲ ವಸ್ತುವಿನಿಂದ ವಿಸ್ತರಿಸಲಾದ ಫ್ಯಾಕ್ಟರಿ ವಿಧಾನವಾಗಿದೆ. ಈ ವಿಧಾನವು ಜೆ ಕ್ವೆರಿ-ಸುತ್ತುವ ಅಂಶಗಳ ಬದಲಿಗೆ ಕಚ್ಚಾ ಡಿಒಎಂ ಅಂಶಗಳನ್ನು ಅನಿಮೇಟ್ ಮಾಡುತ್ತದೆ. ಪುಟದಲ್ಲಿ ಜೆ ಕ್ವೆರಿ ಇಲ್ಲದೆ ವೇಗವನ್ನು ಬಳಸುವಾಗ ಬಳಸಲಾಗುವ ಶೈಲಿಯು ಇದಾಗಿದೆ. $element.velocity () ಕಾರ್ಯ. ಪುಟದಲ್ಲಿ ಜೆ ಕ್ವೆರಿ ಇರುವಾಗ ಜೆ ಕ್ವೆರಿ ಎಲಿಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ಗಳನ್ನು ಅನಿಮೇಟ್ ಮಾಡಲು ಬಳಸುವ ಶೈಲಿ ಇದು. ವೇಗದಲ್ಲಿ ಅನಿಮೇಷನ್ ಕರೆಗಳು ಅನಿಮೇಟ್ ಮಾಡಲು ಬಯಸಿದ ಅಂಶವನ್ನು (ಗಳನ್ನು) ಪೂರೈಸುವುದು, ಅನಿಮೇಷನ್ ಮಾಡಬೇಕಾದ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು ಅನಿಮೇಷನ್ ಪ್ರಾಪರ್ಟಿ ಮ್ಯಾಪ್ ಮತ್ತು ಅನಿಮೇಷನ್ ಸೆಟ್ಟಿಂಗ್ಗಳನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು ಐಚ್ಛಿಕ ಆಯ್ಕೆಗಳ ಆಬ್ಜೆಕ್ಟ್ ಅನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ (ಉದಾಹರಣೆಗೆ. ಅವಧಿ). ವಾದಗಳು ವೇಗವು ಒಂದು ಅಥವಾ ಹೆಚ್ಚಿನ ವಾದಗಳನ್ನು ಸ್ವೀಕರಿಸುತ್ತದೆ. ಅಗತ್ಯವಿರುವ ಮೊದಲ ವಾದವು ಪೂರ್ವನಿರ್ಧರಿತ ವೇಗ ಆಜ್ಞೆಯ ಹೆಸರಾಗಿರಬಹುದು (ಉದಾಹರಣೆಗೆ. ಸ್ಕ್ರಾಲ್ ಅಥವಾ ರಿವರ್ಸ್) ಅಥವಾ ಅನಿಮೇಷನ್ ಮಾಡಬೇಕಾದ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಒಳಗೊಂಡಿರುವ ವಸ್ತುಃ// ಅಂಶದ ಅಗಲವನ್ನು 100ಪಿಎಕ್ಸ್ಗೆ ಮತ್ತು ಅದರ ಎಡ ಗುಣಲಕ್ಷಣವನ್ನು 200ಪಿಎಕ್ಸ್ $element.velocity ({ಅಗಲಃ "100ಪಿಎಕ್ಸ್", ಎಡಃ "200ಪಿಎಕ್ಸ್"}) ಗೆ ಅನಿಮೇಟ್ ಮಾಡಿ; ಐಚ್ಛಿಕವಾದ ಎರಡನೇ ವಾದವು ಒಂದು ವಸ್ತುವಾಗಿದೆ. ಅವಧಿ, ಸರಾಗಗೊಳಿಸುವಿಕೆ ಮತ್ತು ಪೂರ್ಣಗೊಳಿಸುವಿಕೆಯಂತಹ ಅನಿಮೇಷನ್ ಆಯ್ಕೆಗಳನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ (ಅನಿಮೇಷನ್ ಪೂರ್ಣಗೊಂಡ ನಂತರ ಕಾರ್ಯಗತಗೊಳಿಸಲು ಒಂದು ಅನಿಯಂತ್ರಿತ ಕಾರ್ಯ):// 100s ವಿಳಂಬಕ್ಕಾಗಿ ವಿರಾಮಗೊಳಿಸಿದ ನಂತರ 1000ms ಅವಧಿಯಲ್ಲಿ ಒಂದು ಅಂಶದ ಅಗಲವನ್ನು 100px ಗೆ ಅನಿಮೇಟ್ ಮಾಡಿ. $element.velocity ({ಅಗಲಃ "100px"}, {ಅವಧಿಃ 1000, ವಿಳಂಬಃ 100}); ಚೈನಿಂಗ್ ವೇಗದಲ್ಲಿ ಸತತ ಅನಿಮೇಷನ್ ಕರೆಗಳ ಸರಣಿಯನ್ನು ರಚಿಸುವುದು ಗುರಿ j ಕ್ವೆರಿ ಅಂಶ ವಸ್ತುವಿನ ಮೇಲೆ ವೇಗ () ಕರೆಗಳನ್ನು ಬ್ಯಾಕ್-ಟು-ಬ್ಯಾಕ್ ಇಡುವುದನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆಃ $ಅಂಶ. ವೇಗ ({ಎತ್ತರಃ 300}, {ಅವಧಿಃ 1000})// ಹಿಂದಿನದು ಪೂರ್ಣಗೊಂಡ ನಂತರ ಈ ಅನಿಮೇಷನ್ಗೆ ಮುಂದುವರಿಯಿರಿ. ವೇಗ ({ಮೇಲ್ಭಾಗಃ 200}, {ಅವಧಿಃ 600})/ಮತ್ತು ಮತ್ತೊಮ್ಮೆ. ವೇಗ ({ಅಪಾರದರ್ಶಕತೆಃ 0), {ಅವಧಿಃ 200); ವೇಗದಲ್ಲಿ ಸ್ಕ್ರೋಲಿಂಗ್ ಮತ್ತು ರಿವರ್ಸಲ್ ಸ್ಕ್ರೋಲಿಂಗ್ ವೇಗದಲ್ಲಿ "ಸ್ಕ್ರಾಲ್" ಅನ್ನು ವೇಗದಂತೆ ಹಾದುಹೋಗುವುದನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ. ವೇಗದಲ್ಲಿ ಅನಿಮೇಷನ್ ರಿವರ್ಸಲ್ ವೇಗದಲ್ಲಿ ಮೊದಲ ವಾದವಾಗಿ "ರಿವರ್ಸ್" ನಲ್ಲಿ ಹಾದುಹೋಗುವುದನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆಃ// ಅಂಶದ ಎತ್ತರವನ್ನು $element.velocity ({ಎತ್ತರಃ "500px"}, {ಅವಧಿಃ 500}) ಅನಿಮೇಟ್ ಮಾಡಿ;// ಹಿಂದಿನ ಅನಿಮೇಷನ್ ಅನ್ನು ರಿವರ್ಸ್ ಮಾಡಿ; ಹಿಂದಿನ ಅವಧಿಯನ್ನು ಬಳಸಿಕೊಂಡು ಅಂಶದ ಮೂಲ ಎತ್ತರಕ್ಕೆ ಮರಳಿ ಅನಿಮೇಟ್ ಮಾಡಿ $element.velocity ("ರಿವರ್ಸ್"); ವೇಗದಲ್ಲಿ ರಿವರ್ಸ್ ಕಮಾಂಡ್ ಹಿಂದಿನ ಕರೆಯಲ್ಲಿ ಬಳಸಿದ ಅನಿಮೇಷನ್ ಆಯ್ಕೆಗಳಿಗೆ ಡೀಫಾಲ್ಟ್ ಆಗುತ್ತದೆ. ಹೊಸ ಆಪ್ಷನ್ಸ್ ಆಬ್ಜೆಕ್ಟ್ನಲ್ಲಿ ಪಾಸ್ ಆಗುವುದು ಹಿಂದಿನದನ್ನು ವಿಸ್ತರಿಸುತ್ತದೆಃ $element.velocity ({ಎತ್ತರಃ "500px"}, {ಅವಧಿಃ 500});// ಹಿಂದಿನ ರಿವರ್ಸ್ ಕರೆಯ ಆಪ್ಷನ್ಸ್ ಆಬ್ಜೆಕ್ಟ್ ಅನ್ನು ಹೊಸ ಅವಧಿಯ ಮೌಲ್ಯದೊಂದಿಗೆ ವಿಸ್ತರಿಸಿ $element.velocity ("ರಿವರ್ಸ್", {ಅವಧಿಃ 1000}); ಹಿಸ್ಟರಿ ವೆಲಾಸಿಟಿಯನ್ನು ಜೂಲಿಯನ್ ಶಾಪಿರೋ ಅವರು ಪ್ರದರ್ಶಕರ ಮತ್ತು ಡಿಸೈನರ್-ಆಧಾರಿತ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನಿಮೇಷನ್ ಲೈಬ್ರರಿಗಳ ಕೊರತೆಯನ್ನು ಪರಿಹರಿಸಲು ಅಭಿವೃದ್ಧಿಪಡಿಸಿದರು. ಜನಪ್ರಿಯ ವೆಬ್ ಡೆವಲಪರ್-ಕೇಂದ್ರಿತ ಇಂಟರ್ನೆಟ್ ತಂತ್ರಜ್ಞಾನ ಕಂಪನಿಯಾದ ಸ್ಟ್ರೈಪ್, ವೇಗದಲ್ಲಿ ಪೂರ್ಣಾವಧಿಯ ಅಭಿವೃದ್ಧಿಯನ್ನು ಮುಂದುವರಿಸಲು ಅಗತ್ಯವಾದ ಆರ್ಥಿಕ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಒದಗಿಸಲು ಸಹಾಯ ಮಾಡಲು ಅನುದಾನದ ಮೇಲೆ ಶಾಪಿರೋವನ್ನು ಪ್ರಾಯೋಜಿಸಿತು. ವೆಲಾಸಿಟಿಯ ಆಂತರಿಕ ಅನಿಮೇಷನ್ ಎಂಜಿನ್ನ ಹೆಚ್ಚಿನ ಕಾರ್ಯಕ್ಷಮತೆಯು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್-ಆಧಾರಿತ ವೆಬ್ ಅನಿಮೇಷನ್ ಅನ್ನು ಮರುಬಳಕೆ ಮಾಡಲು ಸಹಾಯ ಮಾಡಿತು, ಇದು ಅನಿಮೇಷನ್ ಮೇಲೆ ಗಮನವನ್ನು ಹೊಂದಿರದ ಹಳೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಗ್ರಂಥಾಲಯಗಳಿಗಿಂತ ಅದರ ವೇಗದ ಅನುಕೂಲಗಳಿಂದಾಗಿ ಈ ಹಿಂದೆ ಸಿಎಸ್ಎಸ್-ಆಧಾರಿತ ಅನಿಮೇಷನ್ಗೆ ಒಲವು ಕಳೆದುಕೊಂಡಿತ್ತು. ಸೆಪ್ಟೆಂಬರ್ 2014 ರಲ್ಲಿ, ಶಾಪಿರೋ ವೆಲಾಸಿಟಿ ಮೋಷನ್ ಡಿಸೈನರ್ ಅನ್ನು ಬಿಡುಗಡೆ ಮಾಡಿದರು, ಇದು ಲೈವ್ ಪ್ರೊಡಕ್ಷನ್ ವೆಬ್ಸೈಟ್ಗಳಲ್ಲಿ ಅನಿಮೇಷನ್ಗಳನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುವ ಸಾಧನವಾಗಿದ್ದು, ಇದು ಐಡಿಇ ಒಳಗೆ ನಂತರದ ಬಳಕೆಗಾಗಿ ರಚಿಸಲಾದ ಅನಿಮೇಷನ್ ಕೋಡ್ ಅನ್ನು ನೈಜ ಸಮಯದಲ್ಲಿ ರಫ್ತು ಮಾಡಲು ಅವಕಾಶ ಮಾಡಿಕೊಟ್ಟಿತು. ಮಾರ್ಚ್ 2015 ರಲ್ಲಿ, ಪೀಚ್ಪಿಟ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪುಸ್ತಕವನ್ನು ಬಳಸಿಕೊಂಡು ಶಾಪಿರೋ ಅವರ ವೆಬ್ ಆನಿಮೇಷನ್ ಅನ್ನು ಪ್ರಕಟಿಸಿತು, ಇದು ವೇಗವನ್ನು ಬಳಸಿಕೊಂಡು ವೆಬ್ ಆನಿಮೇಷನ್ಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸುವ ಆರಂಭಿಕ ಮತ್ತು ಸುಧಾರಿತ ತತ್ವಗಳನ್ನು ಕಲಿಸುತ್ತದೆ. 2015ರ ಮಧ್ಯದ ವೇಳೆಗೆ, ವೇಗದ ಅಭಿವೃದ್ಧಿಯನ್ನು ಮತ್ತು ನಿರ್ವಹಣೆಯನ್ನು ಶಪಿರೊ ಪ್ರತ್ಯೇಕವಾಗಿ ಮುಂದುವರೆಸಿದೆ. ವೃತ್ತಿಪರ ಉದ್ಯಮ ಪರಿಸರದಲ್ಲಿ ವೇಗವನ್ನು ಬಳಸುವುದರ ಜೊತೆಗೆ, ಇದನ್ನು ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಪ್ರಯೋಗ ಮತ್ತು ಹರಿಕಾರರ ಅಭ್ಯಾಸಕ್ಕೂ ವ್ಯಾಪಕವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ. ವೇಗದ ಮೇಲೆ ನಿರ್ಮಿಸಲಾದ ಪರಿಕಲ್ಪನೆಯ ಪುರಾವೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಯೋಜನೆಗಳನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಪ್ರಮುಖ ಸಮುದಾಯ ಕೋಡ್ ಹಂಚಿಕೆ ಸೇವೆಯಾದ ಕೋಡ್ಪೆನ್ಗೆ (ಉದಾಹರಣೆಗೆ) ಪೋಸ್ಟ್ ಮಾಡಲಾಗುತ್ತದೆ. ಇನ್ನೂ ನೋಡಿ D3.js ರಾಫೆಲ್ Three.js jQuery ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮ್ವರ್ಕ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಲೈಬ್ರರಿ ಮತ್ತಷ್ಟು ಓದುವಿಕೆ ಜೆಕ್ವೇರಿ ಇಲ್ಲದೆ ಅನಿಮೇಟಿಂಗ್ ಅನಿಮೇಷನ್ಗಳನ್ನು ಸುಲಭವಾಗಿ ಸೇರಿಸಲು ವೇಗವನ್ನು ಹೇಗೆ ಬಳಸುವುದು Velocity.js ಬಾಹ್ಯ ಕೊಂಡಿಗಳನ್ನು ಬಳಸಿಕೊಂಡು ವೇಗದ ಯುಐ ಅನಿಮೇಷನ್ ವೇಗ ಡೆಮೊ ಗ್ಯಾಲರಿ ಉಲ್ಲೇಖಗಳು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಲೈಬ್ರರಿಗಳು MIT ಪರವಾನಗಿ 2014 ಸಾಫ್ಟ್ವೇರ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಜಾಕ್ಸ್ (ಪ್ರೋಗ್ರಾಮಿಂಗ್) ಸಾಫ್ಟ್ವೇರ್ನಲ್ಲಿ ಪ್ರೋಗ್ರಾಂ ಮಾಡಲಾದ ಉಚಿತ ಸಾಫ್ಟ್ವೇರ್