Morning post: 2018-05-20

Monday, May 21, 2018

A family with young children was chased by cheetahs after they got out of their car at a Dutch safari park.

The family of five can be seen running back to their car as the cheetahs leap at them. The tourists filming the video are clearly in distress and can be heard screaming ‘no, no, no’ as they follow the car. A woman can be seen running with a toddler in her arms as the cheetahs chase them (Picture: Viral Hog) The big cats can be seen coming from every side of the car (Picture: Viral Hog) Sylvia de Graaf, who said she witnessed the incident on Monday, said: ‘The French family gets out of the car at least two times and seem completely unaware of the danger they are in.’ Sylvia said the family’s grandmother grabbed a three-year-old toddler as the big cats rushed towards him. She added that it was a ‘miracle’ that they managed to escape without a scratch. Park manager Niels de Wildt told Dutch radio station NOS that the family had been ‘incredibly lucky’. Read more: https://metro.co.uk/2018/05/11/family-chased-by-cheetahs-after-getting-out-of-their-car-at-safari-park-7538258/?ito=cbshare Twitter: https://twitter.com/MetroUK | Facebook: https://www.facebook.com/MetroUK/

Solar

HomeDemosTutorialDocsCustom BuildSupportTests/BenchmarksTeam Fabric.js demos · Solar system Adaptation of LibCanvas demo (function() { fabric.Object.prototype.originX = fabric.Object.prototype.originY = 'center'; var canvas = this.__canvas = new fabric.Canvas('c', { hoverCursor: 'pointer', selection: false, perPixelTargetFind: true, targetFindTolerance: 5 }); // load sun and center it fabric.Image.fromURL('../assets/sun.png', function(sunImg) { canvas.add(sunImg); sunImg.center(); }); var planetSize = 26, totalPlanets = 12, rotationSpeed = 20000, orbits = [ ], planets = [ ], planetNames = ['Selene', 'Mimas', 'Ares', 'Enceladus', 'Tethys', 'Dione', 'Zeus', 'Rhea', 'Titan', 'Janus', 'Hyperion', 'Iapetus']; var hoverCircle = new fabric.Circle({ radius: 13, fill: '#000', stroke: 'rgb(0,192,255)', strokeWidth: 3, left: -100, top: -100 }); var planetLabel = new fabric.Text('', { fill: '#fff', fontSize: 16, fontFamily: 'Open Sans', textBackgroundColor: '#002244' }); // load sprite with planets fabric.Image.fromURL('../assets/planets.png', function(planetsImg) { // temp canvas to generate planet images var tempCanvas = new fabric.StaticCanvas(); // only to fit one planet onto temp canvas tempCanvas.setDimensions({ width: planetSize, height: planetSize }); // make sure image is drawn from left/top corner planetsImg.originX = 'left'; planetsImg.originY = 'top'; // add it onto temp canvas tempCanvas.add(planetsImg); for (var i = 0; i < totalPlanets; i++) { createOrbit(i); } canvas.add(hoverCircle); for (var i = 0; i < totalPlanets; i++) { createPlanet(i, planetsImg, tempCanvas); } canvas.add(planetLabel); }); function createOrbit(i) { var orbit = new fabric.Circle({ radius: 26 * i + 90, left: canvas.getWidth() / 2, top: canvas.getHeight() / 2, fill: '', stroke: 'rgba(0,192,255,0.5)', hasBorders: false, hasControls: false, lockMovementX: true, lockMovementY: true, index: i }); canvas.add(orbit); orbits.push(orbit); } function createPlanet(i, planetsImg, tempCanvas) { // offset planets sprite to fit each of the planets onto it planetsImg.left = -planetSize * i; planetsImg.setCoords(); tempCanvas.renderAll(); // get data url for that planet var img = new Image(); img.onload = function() { // create image of a planet from data url var oImg = new fabric.Image(img, { name: planetNames[i], index: i, scaleX: 1 / canvas.getRetinaScaling(), scaleY: 1 / canvas.getRetinaScaling(), // position planet 90px from canvas center and 26px from previous planet left: (canvas.getWidth() / 2) - 90 - (planetSize * i), top: canvas.getHeight() / 2, // remove borders and corners but leaving object available for events hasBorders: false, hasControls: false }); canvas.add(oImg); planets.push(oImg); animatePlanet(oImg, i); } img.src = tempCanvas.toDataURL(); } function animatePlanet(oImg, planetIndex) { var radius = planetIndex * 26 + 90, // rotate around canvas center cx = canvas.getWidth() / 2, cy = canvas.getHeight() / 2, // speed of rotation slows down for further planets duration = (planetIndex + 1) * rotationSpeed, // randomize starting angle to avoid planets starting on one line startAngle = fabric.util.getRandomInt(-180, 0), endAngle = startAngle + 359; (function animate() { fabric.util.animate({ startValue: startAngle, endValue: endAngle, duration: duration, // linear movement easing: function(t, b, c, d) { return c*t/d + b; }, onChange: function(angle) { angle = fabric.util.degreesToRadians(angle); var x = cx + radius * Math.cos(angle); var y = cy + radius * Math.sin(angle); oImg.set({ left: x, top: y }).setCoords(); // only render once if (planetIndex === totalPlanets - 1) { canvas.renderAll(); } }, onComplete: animate }); })(); } var hoverTarget, prevHoverTarget; canvas.on('mouse:over', function(options) { hoverTarget = options.target; }); canvas.on('mouse:out', function(options) { hoverTarget = null; prevHoverTarget = options.target; }); canvas.on('after:render', function() { orbits.forEach(function(orbit) { orbit.strokeWidth = 1; orbit.stroke = 'rgba(0,192,255,0.5)'; }); if (hoverTarget && !hoverTarget.text) { var hoveredPlanet = planets[hoverTarget.index]; var hoveredOrbit = orbits[hoveredPlanet.index]; hoveredOrbit.set({ strokeWidth: 3, stroke: 'rgb(0,192,255)' }); hoverCircle.set({ left: hoveredPlanet.left, top: hoveredPlanet.top }); planetLabel.set({ left: hoveredPlanet.left + 50, top: hoveredPlanet.top + 20, text: hoveredPlanet.name }); } else { hoverCircle.set({ left: -100, top: -100 }); planetLabel.set({ left: -100, top: -100 }); } }); })(); Do you like fabricJS? If you want it continue running and you do not mind tech related ads, please allow this website in your adblocker. ❤️ Thank You!

Morning post

Monday, May 21, 2018

A family with young children was chased by cheetahs after they got out of their car at a Dutch safari park.

easysaran.wordpress.com

Search This Blog

Solar

Pages