123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785 |
- var _markers = {};
- var _mymap = null;
- function stopLinkext() {
- $('a.linkext').on('click', function(e) {
- e.preventDefault;
- return false;
- })
- }
- // Streetmap
- function map(h_parts, markerObj) {
- _mymap = L.map('mapid').setView([48.9367935,2.3569287], 17);
- setTimeout(_mymap.invalidateSize.bind(map));
- L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
- maxZoom: 18,
- id: 'mapbox.streets'
- }).addTo(_mymap);
- var LeafIcon = L.Icon.extend({
- options: {
- iconSize: [15, 49],
- iconAnchor: [7.5, 5],
- }
- });
- // var markers = {};
- var greenIcon = new LeafIcon({iconUrl: 'user/themes/r2c/images/pointeur2.svg'})
- var id, targets;
- for (var i = 0; i < dyn_data.mappoints.length; i++) {
- id = dyn_data.mappoints[i].id;
- targets2 = typeof dyn_data.mappoints[i].target != 'undefined' ? dyn_data.mappoints[i].target.split(',') : [];
- _markers[id] = L.marker([dyn_data.mappoints[i].lat, dyn_data.mappoints[i].long], {
- icon: greenIcon,
- targets:targets2
- })
- .on("click", function(e){
- // e c'est l'evenement click html normal
- // this c'est le marker
- // console.log('marker click', e, this);
- console.log("marker targets", this.options.targets);
- synchBloks(this.options.targets);
- })
- .bindPopup(dyn_data.mappoints[i].title)
- .addTo(_mymap);
- _markers[id]._icon.id = id;
- var cible = dyn_data.mappoints[i].target;
- markerObj = _markers[id];
- // console.log('markerObj',markerObj);
- }
- };
- function markerFunction(id){
- console.log("markerFunction", id);
- console.log("marker", _markers[id]);
- _mymap.panTo(_markers[id].openPopup().getLatLng());
- // var target = $('#streetmap.mCustomScrollbar');
- // var href = target.find(markers);
- // console.log('marker', markers);
- // console.log('h_parts', h_parts);
- // console.log('href',href);
- // console.log('target',target);
- // var href = target.find(h_parts[0]);
- // h_part1 = h_parts[0];
- // for (var i in markers){
- // if (markers == h_part1 ) {
- // console.log('true');
- // // markerV.openPopup(); //marche pas
- // }
- // }
- }
- // change mouse_event
- function clickhand(){
- $(".handler").on("mousedown", function (e) {
- e.preventDefault();
- $(this).addClass("mouseDown");
- }).on("mouseup", function () {
- $(this).removeClass("mouseDown");
- });
- };
- function drag() {
- var $hand = $( ".handler" );
- var $hand1 = $( ".hand1" );
- var $hand2 = $( ".hand2" );
- var p = 100;
- //marge
- var mrg = 1;
- // Blocs
- // find
- var $recits = $hand.parents('#page').find('#recits');
- var $itw = $hand.parents('#page').find("#interviews");
- var $img = $hand.parents('#page').find("#images");
- var $stmp = $hand.parents('#page').find("#streetmap");
- var $rs = $hand.parents('#page').find("#reseaux-sociaux");
- var $links = $hand.parents('#page').find("#links");
- // handler
- // dimension
- var $Whand = parseFloat($hand.outerWidth(true));
- var $Hhand = parseFloat($hand.outerHeight(true));
- $hand1.draggable({
- containment: "#start",
- scroll: false,
- drag: function(event, ui){
- var oW = parseFloat($("#start").outerWidth(true));
- var oH = parseFloat($("#start").outerHeight(true));
- var ajustH = (100 * ( 25/ oH )) + "%";
- var stophand = (0.8 * oW) - 130;
- ui.position.left = Math.max( 200, ui.position.left );
- ui.position.left = Math.min( stophand, ui.position.left );
- // handler
- // position
- var pos = $hand1.position();
- var pos1 = $hand2.position();
- var pos11 = parseFloat(pos1.left) + 25;
- // center handler
- var ajustW = $Whand / 2;
- var ajustH = $Hhand / 2;
- // position XY
- var xPos = ( p * parseFloat( ((ui.position.left)) / oW) ) + "%" ;
- var yPos = ( p * parseFloat( ((ui.position.top)) / oH ) ) + "%" ;
- var xPos2 = ( p * parseFloat( ((ui.position.left ) ) / oW) ) + "%";
- var yPos2 = ( p * parseFloat( ((ui.position.top ) ) / oH) ) + "%" ;
- var xPos3 = ( p * parseFloat( (pos1.left + ajustW) / oW) ) + "%";
- var yPos3 = ( p * parseFloat( (ui.position.top ) / oH) ) + "%" ;
- //handler2
- var $handler2 = $(this).parent().find('.hand2');
- var PosHand = ( parseFloat(p * parseFloat((pos11 - 25) / oW)) - parseFloat(p * parseFloat( (ui.position.left) / oW)) ) + "%";
- // application dimension
- $hand2.css({
- 'top': yPos3,
- })
- $recits.css({
- "width": xPos,
- "height": yPos,
- "left": "-2px",
- })
- $itw.css({
- "left":xPos2,
- "width": PosHand,
- "height": yPos,
- "min-width": "200px"
- })
- $img.css({
- "height": yPos,
- "min-width": "200px",
- })
- $stmp.css({
- "width":xPos,
- "top": yPos2,
- "bottom":"1px",
- "height": 'auto',
- })
- $links.css({
- "top": yPos2,
- "left":xPos2,
- "width":PosHand,
- "bottom":"1px",
- "height": 'auto',
- })
- $rs.css({
- "top": yPos2,
- "bottom":0,
- "height": 'auto',
- })
- // if itw < 200
- var testPourcent = parseFloat( p * parseFloat(ui.position.left + 238) / oW ) + "%";
- var img200 = parseFloat( p * parseFloat( (oW - (pos11 - 25 )) / oW) ) + "%" ;
- if ( $itw.width() < 200) {
- $img.css({
- "width": img200,
- })
- $rs.css({
- "width": img200,
- })
- $hand2.css({
- 'left':testPourcent,
- })
- } else {}
- },
- stop: function( event, ui ) {
- var parent = $(this).parents('#start');
- $(this).css({
- left:parseInt($(this).css('left'))/parent.width()*100+"%",
- top: parseInt($(this).css('top'))/parent.height()*100+"%",
- });
- },
- });
- $hand2.draggable({
- containment: "#start",
- scroll: false,
- drag: function(event, ui){
- var oW = parseFloat($("#start").outerWidth(true));
- var oH = parseFloat($("#start").outerHeight(true));
- var stophand = (oW - 200) - 50;
- console.log(stophand)
- ui.position.left = Math.max( 400, ui.position.left );
- ui.position.left = Math.min( stophand, ui.position.left );
- // handler
- // position
- var pos = $hand1.position();
- var pos1 = $hand2.position();
- var pos11 = parseFloat(pos.left) + 25;
- // center
- var ajustW = $Whand / 2 - 1;
- var ajustH = $Hhand / 2 + 1;
- var ajustW200 = $Whand / 2 + 6;
- var ajustW2 = $Whand / 2 + 1;
- var ajustH2 = $Hhand / 2 + 1;
- var ajustW3 = $Whand / 2 + 3;
- var ajustH3 = $Hhand / 2 + 1;
- // position XY
- var xPos = ( p * parseFloat( ( oW - (ui.position.left) ) / oW) + "%" );
- var yPos = ( p * parseFloat( (ui.position.top ) / oH ) ) + "%" ;
- var xPos2 = ( p * parseFloat( ( oW - (ui.position.left) ) / oW ) ) + "%";
- var yPos2 = ( p * parseFloat( (ui.position.top ) / oH ) ) + "%" ;
- // var xPos3 = ( p * parseFloat( (oW - (pos.left)) / oW ) ) + "%";
- var xPos3 = ( p * parseFloat( (pos1.left + ajustW) / oW) ) + "%";
- var yPos3 = ( p * parseFloat( (ui.position.top ) / oH ) ) + "%" ;
- //handler2
- var $handler2 = $(this).parent().find('.hand2');
- var PosHand = (parseFloat(xPos3) - parseFloat(xPos)) + "%";
- var PosHand1 = ( parseFloat(p * parseFloat( (ui.position.left) / oW)) - parseFloat(p * parseFloat((pos11 - 25
- ) / oW))) + "%";
- // application dimension
- $hand1.css({
- 'top': yPos3,
- })
- $recits.css({
- "height": yPos,
- })
- $itw.css({
- "width": PosHand1,
- "height": yPos,
- })
- $img.css({
- "width": xPos,
- "height": yPos,
- })
- $stmp.css({
- "top": yPos2,
- "bottom":"1px",
- "height": 'auto',
- })
- $rs.css({
- "width":xPos,
- "top": yPos2,
- "bottom":0,
- "height": 'auto',
- })
- $links.css({
- "top": yPos2,
- "width":PosHand1,
- "bottom":"1px",
- "height": 'auto',
- })
- // if itw < 200
- var test = ui.position.left - 225
- var testPourcent = ( p * parseFloat(test) / oW ) + "%";
- var img200 = ( p * parseFloat( ((pos.left )) / oW) + "%" );
- if ( $itw.width() < 200) {
- $recits.css({
- "width": img200,
- })
- $stmp.css({
- "width": img200,
- })
- $itw.css({
- "left": img200,
- })
- $links.css({
- "left": img200,
- })
- $hand1.css({
- 'left':test,
- })
- }else {}
- },
- stop: function( event, ui ) {
- var parent = $(this).parents("#start");
- $(this).css({
- left:parseInt($(this).css('left'))/parent.width()*100+"%",
- top: parseInt($(this).css('top'))/parent.height()*100+"%",
- });
- },
- });
- };
- // draggable
- function dragcanvas() {
- var $reseau = $('#reseaux-sociaux canvas');
- var $links = $('#links svg')
- $links.draggable({
- scroll: false
- });
- // $reseau.draggable({
- // scroll: false
- // });
- }
- // hidden scroll + synchro
- function mCustomScrollbar() {
- $('.blocs').mCustomScrollbar({
- mouseWheel:{
- deltaFactor: 5
- },
- scrollInertia: 1000,
- });
- $(document).on("click","a[href^='#'],#links .nodes text[href^='#'],#streetmap img[href^='#'], #images img[href^='#']",function(e){
- e.preventDefault();
- var targets = $(this).attr("href").split(',');
- // console.log('hrefs', hrefs);
- synchBloks(targets);
- });
- }
- function scrollBlockTo($block, href){
- $block.mCustomScrollbar("scrollTo",href,{
- scrollInertia:1000,
- });
- }
- function fillColorMapLink(targets, h_parts){
- var target = $('#links.mCustomScrollbar');
- console.log('target',target);
- var href = target.find(h_parts[0]);
- console.log(href);
- var $text0 = $(this).find(href);
- var text = $('.nodes text.group1');
- var text2 = $('.nodes text.group2');
- var text3 = $('.nodes text.group3');
- text.css({
- 'font-size':'inherit',
- 'fill':'black',
- });
- text2.css({
- 'font-size':'inherit',
- 'fill':'grey',
- });
- text3.css({
- 'font-size':'inherit',
- 'fill':'lightgrey',
- });
- if (href) {
- href.css({
- 'font-size':'1.2rem',
- 'fill':'blue',
- });
- }
- }
- function synchBloks(targets, h_parts) {
- console.log('synchBloks : targets', targets);
- var h, h_parts;
- for (var i = 0; i < targets.length; i++) {
- h = targets[i];
- h_parts = h.match(/^#(([^_]+)_(.+)$)/);
- switch (h_parts[2]) {
- case 'rct':
- scrollBlockTo($('#recits.mCustomScrollbar'), h);
- break;
- case 'int':
- scrollBlockTo($('#interviews.mCustomScrollbar'), h);
- break;
- case 'img':
- scrollBlockTo($('#images.mCustomScrollbar'),h);
- break;
- case 'mp':
- scrollBlockTo($('#streetmap.mCustomScrollbar'), h);
- console.log('h_parts', h_parts);
- markerFunction(h_parts[1]);
- break;
- case 'lk':
- scrollBlockTo($('#links.mCustomScrollbar'), h);
- fillColorMapLink(h, h_parts);
- break;
- case 'rs':
- var target = $('#reseaux-sociaux.mCustomScrollbar');
- paperjs(h, h_parts);
- break;
- // case '':
- // etc
- // break;
- default:
- }
- }
- }
- function paperjs(targets, h_parts) {
- paper.install(window);
- window.onload = function(targets, h_parts) {
- // Get a reference to the canvas object
- var canvas = document.getElementById('canvas');
- // Create an empty project and a view for the canvas:
- paper.setup(canvas);
- // Create a Paper.js Path to draw a line into it:
- // The amount of segment points we want to create:
- var amount = [1, 2, 3, 4, 5];
- var height = 200;
- var width = 500;
- // Create a new path and style it:
- var path = new paper.Path({
- fillColor: 'grey',
- });
- path.blendMode = 'multiply';
- path.closed = true;
- path.fullySelected = false;
- path._reseaux = "OutilsGoogle";
- var path2 = new paper.Path({
- fillColor: 'grey',
- });
- path2.blendMode = 'multiply';
- path2.closed = true;
- path2.fullySelected = false;
- path2._reseaux = "OutilsFramasoft";
- var path3 = new paper.Path({
- fillColor: 'grey',
- });
- path3.blendMode = 'multiply';
- path3.closed = true;
- path3.fullySelected = false;
- path3._reseaux = "Slack";
- var path4 = new paper.Path({
- fillColor: 'grey',
- });
- path4.blendMode = 'multiply';
- path4.closed = true;
- path4.fullySelected = false;
- path4._reseaux = "Facebook";
- var path5 = new paper.Path({
- fillColor: 'grey',
- });
- path5.blendMode = 'multiply';
- path5.closed = true;
- path5.fullySelected = false;
- path5._reseaux = "Messenger";
- var path6 = new paper.Path({
- fillColor: 'grey',
- });
- path6.blendMode = 'multiply';
- path6.closed = true;
- path6.fullySelected = false;
- path6._reseaux = "Whatsapp";
- var path7 = new paper.Path({
- fillColor: 'grey',
- });
- path7.blendMode = 'multiply';
- path7.closed = true;
- path7.fullySelected = false;
- path7._reseaux = "Instagram";
- var path8 = new paper.Path({
- fillColor: 'grey',
- });
- path8.blendMode = 'multiply';
- path8.closed = true;
- path8.fullySelected = false;
- path8._reseaux = "Skype";
- var path9 = new paper.Path({
- fillColor: 'grey',
- });
- path9.blendMode = 'multiply';
- path9.closed = true;
- path9.fullySelected = false;
- path9._reseaux = "Tinder";
- var path10 = new paper.Path({
- fillColor: 'grey',
- });
- path10.blendMode = 'multiply';
- path10.closed = true;
- path10.fullySelected = false;
- path10._reseaux = "Wiki";
- var path11 = new paper.Path({
- fillColor: 'grey',
- });
- path11.blendMode = 'multiply';
- path11.closed = true;
- path11.fullySelected = false;
- path11._reseaux = "Mails";
- var path12 = new paper.Path({
- fillColor: 'grey',
- });
- path12.blendMode = 'multiply';
- path12.closed = true;
- path12.fullySelected = false;
- path12._reseaux = "SitesWeb";
- var path13 = new paper.Path({
- fillColor: 'grey',
- });
- path13.blendMode = 'multiply';
- path13.closed = true;
- path13.fullySelected = false;
- path13._reseaux = "Twitter";
- var path14 = new paper.Path({
- fillColor: 'grey',
- });
- path14.blendMode = 'multiply';
- path14.closed = true;
- path14.fullySelected = false;
- path14._reseaux = "AirBnb";
- for (var i = 0; i <= amount.length; i++) {
- var maxPoint = new paper.Point(100, 100);
- var point = maxPoint;
- path.add(point);
- path2.add(point);
- path3.add(point);
- path4.add(point);
- path5.add(point);
- path6.add(point);
- path7.add(point);
- path8.add(point);
- path9.add(point);
- path10.add(point);
- path11.add(point);
- path12.add(point);
- path13.add(point);
- path14.add(point);
- }
- // dimension blob
- // position blog
- view.onFrame = function(event) {
- for (var i = 0; i <= amount.length; i++) {
- // all
- var segment = path.segments[i];
- var segment2 = path2.segments[i];
- var segment3 = path3.segments[i];
- var segment4 = path4.segments[i];
- var segment5 = path5.segments[i];
- var segment6 = path6.segments[i];
- var segment7 = path7.segments[i];
- var segment8 = path8.segments[i];
- var segment9 = path9.segments[i];
- var segment10 = path10.segments[i];
- var segment11 = path11.segments[i];
- var segment12 = path12.segments[i];
- var segment13 = path13.segments[i];
- var segment14 = path14.segments[i];
- // Size blob
- var width = 100; var height = 120;
- var width2 = 110; var height2 = 120;
- var width3 = 50; var height3 = 140;
- var width4 = 110; var height4 = 120;
- var width6 = 90; var height6 = 95;
- var width5 = 80; var height5 = 120;
- var width7 = 120; var height7 = 120;
- var width8 = 95; var height8 = 130;
- var width9 = 150; var height9 = 80;
- var width10 = 100; var height10 = 110;
- var width11 = 90; var height11 = 100;
- var width12 = 115; var height12 = 70;
- var width13 = 100; var height13 = 115;
- var width14 = 100; var height14 = 120;
- // vistesse de deplacement
- var v = 0.01;
- var movx = Math.sin(event.time * (v + 0.05)) * 400; var movy = Math.cos(event.time * (v + 0.02)) * 200;
- var movx2 = Math.sin(event.time * (v + 0.02)) * 380; var movy2 = Math.cos(event.time * (v + 0.08)) * 210;
- var movx3 = Math.sin(event.time * (v + 0.01)) * 360; var movy3 = Math.cos(event.time * (v + 0.01)) * 220;
- var movx4 = Math.sin(event.time * (v + 0.04)) * 420; var movy4 = Math.cos(event.time * (v + 0.06)) * 180;
- var movx5 = Math.sin(event.time * (v + 0.05)) * 440; var movy5 = Math.cos(event.time * (v + 0.05)) * 190;
- var movx6 = Math.sin(event.time * (v + 0.02)) * 390; var movy6 = Math.cos(event.time * (v + 0.04)) * 230;
- var movx7 = Math.sin(event.time * (v + 0.03)) * 410; var movy7 = Math.cos(event.time * (v + 0.03)) * 170;
- var movx8 = Math.sin(event.time * (v + 0.04)) * 400; var movy8 = Math.cos(event.time * (v + 0.02)) * 200;
- var movx9 = Math.sin(event.time * (v + 0.04)) * 350; var movy9 = Math.cos(event.time * (v + 0.02)) * 120;
- var movx10 = Math.sin(event.time * (v + 0.04)) * 420; var movy10 = Math.cos(event.time * (v + 0.02)) * 220;
- var movx11 = Math.sin(event.time * (v + 0.04)) * 400; var movy11 = Math.cos(event.time * (v + 0.02)) * 225;
- var movx12 = Math.sin(event.time * (v + 0.04)) * 200; var movy12 = Math.cos(event.time * (v + 0.02)) * 180;
- var movx13 = Math.sin(event.time * (v + 0.04)) * 350; var movy13 = Math.cos(event.time * (v + 0.02)) * 175;
- var movx14 = Math.sin(event.time * (v + 0.04)) * 380; var movy14 = Math.cos(event.time * (v + 0.02)) * 200;
- // contour blob
- var sinus = Math.sin(event.time * ( - 0.05) + i); var cos = Math.cos(event.time * ( - 0.05) + i);
- var sinus2 = Math.sin(event.time * ( 0.1) + i); var cos2 = Math.cos(event.time * ( 0.1) + i);
- var sinus3 = Math.sin(event.time * (0.15) + i); var cos3 = Math.cos(event.time * (0.15) + i);
- var sinus4 = Math.sin(event.time * (0.08) + i); var cos4 = Math.cos(event.time * (0.08) + i);
- var sinus5 = Math.sin(event.time * ( - 0.2) + i); var cos5 = Math.cos(event.time * ( - 0.2) + i);
- var sinus6 = Math.sin(event.time * (0.12) + i); var cos6 = Math.cos(event.time * (0.12) + i);
- var sinus7 = Math.sin(event.time * ( - 0.25) + i); var cos7 = Math.cos(event.time * ( - 0.25) + i);
- var sinus8 = Math.sin(event.time * (0.18) + i); var cos8 = Math.cos(event.time * (0.18) + i);
- var sinus9 = Math.sin(event.time * ( - 0.18) + i); var cos9 = Math.cos(event.time * ( - 0.18) + i);
- var sinus10 = Math.sin(event.time * (0.1) + i); var cos10 = Math.cos(event.time * (0.1) + i);
- var sinus11 = Math.sin(event.time * (0.18) + i); var cos11 = Math.cos(event.time * (0.18) + i);
- var sinus12 = Math.sin(event.time * (0.08) + i); var cos12 = Math.cos(event.time * (0.08) + i);
- var sinus13 = Math.sin(event.time * (0.01) + i); var cos13 = Math.cos(event.time * (0.01) + i);
- var sinus14 = Math.sin(event.time * (0.05) + i); var cos14 = Math.cos(event.time * (0.05) + i);
- var rotatex = Math.sin(event.time * Math.PI/360) + i;
- var rotatex2 = Math.sin(event.time * Math.PI/21) + i;
- var rotatex3 = Math.sin(event.time * Math.PI/360) + i;
- var rotatex4 = Math.sin(event.time * Math.PI/75) + i;
- var rotatex5 = Math.sin(event.time * Math.PI/123) + i;
- var rotatex6 = Math.sin(event.time * Math.PI/354) + i;
- var rotatex7 = Math.sin(event.time * Math.PI/76) + i;
- var rotatex8 = Math.sin(event.time * Math.PI/10) + i;
- var rotatex9 = Math.sin(event.time * Math.PI/10) + i;
- var rotatex10 = Math.sin(event.time * Math.PI/10) + i;
- var rotatex11 = Math.sin(event.time * Math.PI/10) + i;
- var rotatex12 = Math.sin(event.time * Math.PI/10) + i;
- var rotatex13 = Math.sin(event.time * Math.PI/10) + i;
- var rotatex14 = Math.sin(event.time * Math.PI/10) + i;
- var left = width - movx + 200; var top = height - movy + 200;
- var left2 = width2 - movx2 + 200; var top2 = height2 - movy2 + 50;
- var left3 = width3 - movx3 + 190; var top3 = height3 - movy3 + 30;
- var left4 = width4 - movx4 + 50; var top4 = height4 - movy4 + 90;
- var left5 = width5 - movx5 + 220; var top5 = height5 - movy5 + 25;
- var left6 = width6 - movx6 + 160; var top6 = height6 - movy6 - 150;
- var left7 = width7 - movx7 + 180; var top7 = height7 - movy7 + 160;
- var left8 = width8 - movx8 + 220; var top8 = height8 - movy8 + 200;
- var left9 = width9 - movx9 + 60; var top9 = height9 - movy9 + 20;
- var left10 = width10 - movx10 - 155; var top10 = height10 - movy10 + 350;
- var left11 = width11 - movx11 + 300; var top11 = height11 - movy11 - 150;
- var left12 = width12 - movx12 - 255; var top12 = height12 - movy12 + 350;
- var left13 = width13 - movx13 + 75; var top13 = height13 - movy13 + 150;
- var left14 = width14 - movx14 - 90; var top14 = height14 - movy14 + 30;
- segment.point.x = cos * width + left + 400; segment.point.y = sinus * height + top + 150;
- segment2.point.x = cos2 * width2 + left2 + 400; segment2.point.y = sinus2 * height2 + top2 + 150;
- segment3.point.x = cos3 * width3 + left3 + 400; segment3.point.y = sinus3 * height3 + top3 + 150;
- segment4.point.x = cos4 * width4 + left4 + 400; segment4.point.y = sinus4 * height4 + top4 + 150;
- segment5.point.x = cos5 * width5 + left5 + 400; segment5.point.y = sinus5 * height5 + top5 + 150;
- segment6.point.x = cos6 * width6 + left6 + 400; segment6.point.y = sinus6 * height6 + top6 + 150;
- segment7.point.x = cos7 * width7 + left7 + 400; segment7.point.y = sinus7 * height7 + top7 + 150;
- segment8.point.x = cos8 * width8 + left8 + 400; segment8.point.y = sinus8 * height8 + top8 + 150;
- segment9.point.x = cos9 * width9 + left9 + 400; segment9.point.y = sinus9 * height9 + top9 + 150;
- segment10.point.x = cos10 * width10 + left10 + 400; segment10.point.y = sinus10 * height10 + top10 + 150;
- segment11.point.x = cos11 * width11 + left11 + 400; segment11.point.y = sinus11 * height11 + top11 + 150;
- segment12.point.x = cos12 * width12 + left12 + 400; segment12.point.y = sinus12 * height12 + top12 + 150;
- segment13.point.x = cos13 * width13 + left13 + 400; segment13.point.y = sinus13 * height13 + top13 + 150;
- segment14.point.x = cos14 * width14 + left14 + 400; segment14.point.y = sinus14 * height14 + top14 + 150;
- // Rotate blob
- path.rotate(rotatex);
- path2.rotate(rotatex2);
- path3.rotate(rotatex3);
- path4.rotate(rotatex4);
- path5.rotate(rotatex5);
- path6.rotate(rotatex6);
- path7.rotate(rotatex7);
- path8.rotate(rotatex8);
- path9.rotate(rotatex9);
- path10.rotate(rotatex10);
- path11.rotate(rotatex11);
- path12.rotate(rotatex12);
- path13.rotate(rotatex13);
- path14.rotate(rotatex14);
- // Smooth
- path.smooth();
- path2.smooth();
- path3.smooth();
- path4.smooth();
- path5.smooth();
- path6.smooth();
- path7.smooth();
- path8.smooth();
- path9.smooth();
- path10.smooth();
- path11.smooth();
- path12.smooth();
- path13.smooth();
- path14.smooth();
- }
- }
- // var target = $('#reseauxsociaux.mCustomScrollbar');
- // console.log('h_parts2',h_parts[1]);
- // var href = target.find(h_parts);
- // console.log('href',href);
- $("a[href^='#rs_twitter']").hover(
- function() {path.fillColor = 'blue';},
- function() {path.fillColor = 'grey';}
- );
- $("a[href^='#rs_sitesweb']").hover(
- function() {path2.fillColor = 'blue';},
- function() {path2.fillColor = 'grey';}
- );
- $("a[href^='#rs_mails']").hover(
- function() {path3.fillColor = 'blue';},
- function() {path3.fillColor = 'grey';}
- );
- $("a[href^='#rs_wiki']").hover(
- function() {path4.fillColor = 'blue';},
- function() {path4.fillColor = 'grey';}
- );
- $("a[href^='#rs_tinder']").hover(
- function() {path5.fillColor = 'blue';},
- function() {path5.fillColor = 'grey';}
- );
- $("a[href^='#rs_skype']").hover(
- function() {path6.fillColor = 'blue';},
- function() {path6.fillColor = 'grey';}
- );
- $("a[href^='#rs_instagram']").hover(
- function() {path7.fillColor = 'blue';},
- function() {path7.fillColor = 'grey';}
- );
- $("a[href^='#rs_whatsapp']").hover(
- function() {path8.fillColor = 'blue';},
- function() {path8.fillColor = 'grey';}
- );
- $("a[href^='#rs_messenger']").hover(
- function() {path9.fillColor = 'blue';},
- function() {path9.fillColor = 'grey';}
- );
- $("a[href^='#rs_facebook']").hover(
- function() {path10.fillColor = 'blue';},
- function() {path10.fillColor = 'grey';}
- );
- $("a[href^='#rs_slack']").hover(
- function() {path11.fillColor = 'blue';},
- function() {path11.fillColor = 'grey';}
- );
- $("a[href^='#rs_outilsframasoft']").hover(
- function() {path12.fillColor = 'blue';},
- function() {path12.fillColor = 'grey';}
- );
- $("a[href^='#rs_outilsgoogle']").hover(
- function() {path13.fillColor = 'blue';},
- function() {path13.fillColor = 'grey';}
- );
- $("a[href^='#rs_airBnb']").hover(
- function() {path14.fillColor = 'blue';},
- function() {path14.fillColor = 'grey';}
- );
- }
- }
- $(document).ready(function() {
- // paperjs();
- // clickcanvena();
- stopLinkext();
- mCustomScrollbar();
- clickhand();
- drag();
- // markerFunction();
- dragcanvas();
- map();
- paperjs();
- // D3js();
- });
|