La Compagnie

Posted Leave a commentPosted in PROJETS

Mes missions

Lightmap Optimisation

Optimisation des lightmap pour ne charger qu' une lightmap par set de fauteuil en resolution maximum

Lightmap Prefab
Swap Lightmap

Texturing

A partir d'echantillion réels; scan des textures pour leur réutilisation

Character Modelisation

D'après un scan de visage existant

Vetements d'après patron

Projet

Cette expérience unique permet au grand public d’explorer le vivant, représenté sous
la forme d’une sphère buissonnante en 3D dans laquelle il peut s’immerger et avec
laquelle il peut interagir. Il peut ainsi découvrir plus de 450 espèces emblématiques
du vivant, actuelles et fossiles, interroger les relations de parenté entre elles et
remonter jusqu’à l’origine unique de la vie il y a 3,5 milliards d’années (LUCA).
Plus largement, le principe de cette expérience, combinant émotion et rigueur, est
d’aider à comprendre l’unité du vivant et sa diversité, les liens entre les espèces,
l’histoire évolutive du vivant, sa classification, mais aussi la place relative de l’Homme

Voyage au coeur de l’evolution

Posted Leave a commentPosted in PROJETS

Voyage au coeur de
L' EVOLUTION

My missions

R&D

Fur integration with Hairworks, Fur shader,

FX

Aenean condimentum accumsan dolor, a imperdiet lectus tempor in. Aenean gravida laoreet eros.

FX

Aenean condimentum accumsan dolor, a imperdiet lectus tempor in. Aenean gravida laoreet eros.

FX

Aenean condimentum accumsan dolor, a imperdiet lectus tempor in. Aenean gravida laoreet eros.

FX

Aenean condimentum accumsan dolor, a imperdiet lectus tempor in. Aenean gravida laoreet eros.

Il existe aujourd’hui peu d’initiatives de représentation de l’arbre du vivant, hormis des projets en 2D comportant les limites qui y sont inhérentes : difficultés de repérage, pas de vision « buissonnante »… Afin d’y remédier et de faciliter l’accès aux savoirs, le Muséum national d’Histoire naturelle et Orange se sont associés pour réaliser le premier projet de représentation de l’arbre du vivant en réalité virtuelle : « Voyage au coeur de l’Évolution ».



Cette expérience unique permet au grand public d’explorer le vivant, représenté sous la forme d’une sphère buissonnante en 3D dans laquelle il peut s’immerger et avec laquelle il peut interagir. Il peut ainsi découvrir plus de 450 espèces emblématiques du vivant, actuelles et fossiles, interroger les relations de parenté entre elles et remonter jusqu’à l’origine unique de la vie il y a 3,5 milliards d’années (LUCA). Plus largement, le principe de cette expérience, combinant émotion et rigueur, est d’aider à comprendre l’unité du vivant et sa diversité, les liens entre les espèces, l’histoire évolutive du vivant, sa classification, mais aussi la place relative de l’Homme



parmi les êtres vivants et l’impact de l’environnement, au travers notamment des cinq grandes extinctions émaillant l’histoire de la Terre. Cette application est le résultat d’un travail d’élaboration mené pendant près de deux ans, associant les scientifiques du Muséum pour les contenus et les Orange Labs pour la partie représentation des data en réalité virtuelle.

Architecture Modern Studio

We shape our buildings; thereafter they shape us.

Phone

+22 507 121 122

fax

+48 22 65 123 76

Email

office@domain.com

Office

3386 Myra Street, CA

Welcome on our Website

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at eros a nisi efficitur ullamcorper. Phasellus ac tellus ligula.

Interiors Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.

Exteriors Planning

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.

Visualization Models

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.

Latest Projects

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at eros a nisi efficitur ullamcorper. Phasellus ac tellus ligula.

Los Santos Apartment

Phasellus ac tellus ligula.

Nort East Apartment

Phasellus ac tellus ligula.

Private Cubes Villa

Phasellus ac tellus ligula.

We worked with

Make your work easier and faster!

Some people dream of success, while other people get up every morning and make it happen.

Sed ornare magna efficitur orci accumsan, tincidunt accumsan nulla gravida. Nullam suscipit dolor id pharetra laoreet.
Play Video

Make your work easier and faster!

Success is where preparation and opportunity meet.

Morbi rhoncus lorem a ligula semper laoreet. Sed pharetra lectus sit amet turpis varius cursus. Duis pellentesque sem quis.

%
Positive Reviews
+
Cups of Coffee
+
support issues solved
+
Happy Clients

Why it is important?

Money won't create success, the freedom to make it will.

Pellentesque venenatis mi et odio feugiat pulvinar. Sed ut urna sed justo porttitor dapibus. Mauris ornare ullamcorper turpis, et sagittis leo euismod sed.

Another famous quote

Success is not a good teacher, failure makes you humble.

Pellentesque venenatis mi et odio feugiat pulvinar. Sed ut urna sed justo porttitor dapibus. Mauris ornare ullamcorper turpis, et sagittis leo euismod sed.

Say hello! We love it!

Get in touch.

We are waiting for a message from You!

  • Cut Street 10, London
  • info@yourdomain.com
  • (312) 323-4355
  • (312) 323-4354

Main.js

Posted Leave a commentPosted in Cartokey

Calques

Un Calque est un outil permettant de generer des calques. Un calque est un paramètre d’affichage d’un géojson.

 

Selecteur

Un selecteur est un outil permettant de generer des boutons pour charger des Layers. Le layer chargera les géométries et paramètres préalablement géré dans l’onglet Layers.

il y a plusieurs fonctions

Fonctions

1- InitSelecteur

Une fois qu’un projet est chargé cette fonction va lire dans le settings.json si il y’a déjà un selecteur de paramétré.
Si oui, il enverra le bouton pour chaque bouton à GenerateSelecteur pour qu’il le génère en Html pour pouvoir l’éditer.


2- GenerateSelecteur

       GenerateSelecteur Prend les informations d’un objet Boutons de settings.json pour generer une interface html à éditer


2- AddSelecteur

AddSelecteur rajoute dans le json un objet bouton puis l’envoie a generate selecteur


3- DeleteSelecteur

DeleteSelecteur prend l’ID le nom du bouton à supprimer le supprime dans le json et dans le html


5-UpdateSelecteur

UpdateSelecteur Prend les modification de layer et les implémente dans tout les boutons.
Si le layer n’existe plus il efface l’option, si le layer à été renommé il remplace le nom

Vue d’ensemble

Posted Leave a commentPosted in Cartokey

Vue d’ensemble

drawit-diagram-6

 

1 – Cartokey

Cartokey  est un dossier qui se gère sur le serveur. Sans accès a une base de donnée le projet se divise en 2 parties.

2 – Privé

La partie privé contient l’éditeur. Pour accèder a cette partie un nom d’utilisateur et un mot de passe est requis. Ce dossier contient tout les outils d’édition pour générer des projets html. Celà créé des dossier, sous dossier et fichier.

4 – Editeur

L’éditeur est un fichier php qui importe une carte projet brouillon dans une iframe. Des inputs permettent de gérer un fichier qui va par la suite générer les fichiers nécessaire au projet.

5 – Table

La table est un outils qui est visible via un bouton de l’éditeur une fois qu’un projet est généré ou ouvert: un fichier data est éditable via cette partie. C’est un tableur éditable et réorganisable, qui permet de  rajouter des données par ligne ou colone pour ensuite être affiché via les outils de l’éditeur dans le projet.

6 – Projet

Projet est le nom des dossiers géré via l’éditeur. ils sont des cartes qui prennent des datas pour les afficher visuellement sur une carte leafleat. Des géométries de couleur,popups, legendes, selecteurs, marqueurs sont visisble sur cette la page html qui est généré via l’éditeur.

 

 

3 – Public

La partie public est accessible de manière public. Quiconque peut y accéder pour lire les projets publiés. Elle contient toutes les sources nécessaire au bon fonctionnement des projets généré et des sources extérieures utiles au 2 partie.

7-Sources

  • Jquery
  • Leafleat
  • Font
  • GoogleIcons
  • Bootstrap
  • etc

8-Projet (publié)

Projet dans la partie public est le projet consultable par tout le monde et dans une version plus légère que la version éditable (Pas de gestion d’éditeur).

9-BaseGeo

BaseGeo contient toutes les géométrie nécessaire a faire un projet.(Carte du monde,Carte d’europe).

Le choix de la base geo influera sur le niveau de détail et les temps de chargement, plus le fichier est lourd plus le temps de chargement sera conséquent mais détaillé.

Avant Propos

Posted Leave a commentPosted in Cartokey

Cartokey

juillet-2016

Introduction

Cartokey est un éditeur de carte interactive conçu pour faciliter l’édition de ces dernières par un utilisateur ne disposant pas de connaissance technique web.

Html, ccs , PHP, JavaScript, json.

Ou des Framework tel que

Bootstrap, Jquery, leafleat.

L’objectif

L’objectif est de réaliser un éditeur de carte interactive pour des outils pédagogique de comparatif. De mise en forme de donées

 

Description

La carte interactive est composée de plusieurs éléments.

  1. -Géométrie (svg) interactive.
  2. -Basemap (pavage png).
  3. -légende (bloc html avec une description).
  4. -Titre de la map.
  5. -bouton de partage.(Fb, Twitter)
  6. -Attributs de référencements. (meta).

Produit similaires

  1. – Mapbox. ( éditeur de fond de carte).
  2. – Cartoky. (éditeur de carte flash).
  3. – Cartodb. (éditeur de carte payant).
  4. – Leafleat. (framework open source).
  5. -Open street map.(Communauté open source de cartographe)

Besoins

  1. Actualiser la technologie.
  2. -Optimiser le référencement.
  3. -Outils pédagogique, téléchargeable, partageable sur les réseaux scociaux.
  4. -Compatible avec les mobiles.

Language du projet

  1. html
  2. Css.
  3. Javascipt.
  4. Json.
  5. PHP.
  6. Jquery.
  7. Leaflet.
  8. Bootstrap.

Composants

  • Connexion.
  • Profil.
  • Editeur.
  • Table d’édition.
  • Produit.

Editeur

  • Le menu

Action

Les projets

Créer un projet.

Editer un projet.

  1. Chercher un projet existant
  2. Trier par ordre alphabétique

Supprimer un projet.

Composant d’un projet

  1. index.html
  2. style.css
  3. main.js
  4. settings.json
  5. europelow.geo.json

Editeur

Initialiser settings/Changer settings

  1. Charger les settings.
  2. Changer les settings.

Iframe Carte

  1. Afficher la carte
  2. Recharger la carte

Description

  1. Titre
  2. Propriétaire
  3. Auteur
  4. Copyright
  5. Description FB
  6. Description Twitter

Propriétés

  1. Taille de la carte
    1. Tailles définie standar
      1. 720 * 520
      2. 16/9
      3. 4/3

Full screen

  1. Fond de la carte

Options

  1. Full screen
  2. Zoom initial
  3. Contrôle du zoom
  4. Position de la map
  5. Scroll
  6. Drag de la map

Calques

  1. Créer un calque.
  2. Editer un calque
    1. Ajouter un titre
    2. Ajouter une sélection
      1. Catégorie
      2. Chronopleth
  3. Options du calque
    1. Afficher un titre.
    2. Afficher un hover de texte
      1. Choisir la typo
    3. Afficher pop-up.
      1. Choisir la typo
      2. Editer l’intérieur de la pop-up.
        1. Déplacer les éléments.
        2. Changer les noms des éléments.
        3. Ajouter une description.
        4. Ajouter une image.
        5. Ajouter popup élément.
        6. Supprimer popup élément.
    4. Afficher une legende.
      1. Ajouter un titre.
      2. Ajouter un texte.
      3. Ajouter les elements.
  4. Suprimer un calque

Table

Charger le json.

  1. Choisir data

NB : si je décide de faire plusieures data, je dois les relier d’une autre manière avec la data principale.

Afficher le json.

  1. Colonne ordre.
  2. Rangée ordre.
  3. Liberté de déplacement.
  4. Trier par ordre alphabétique.
  5. Renommer intitulé.
  6. Spécifier le type/smart guest.

Enregistrer le json.

  1. Remplacer.
  2. Enregistrer en brouillon.

Autres options.

  1. Supprimer la data.
  2. Supprimer une autre data.
  3. Exporter la data.

Site modeles

Wix.

Cartodb.

Google matérial design.

Diviser pour mieux régner

  1. Exemples leaflet.
  2. Exemples Cartodb.
  3. Test WYSIWYG.
  4. Map perso => Map box.

Optimisation et protection

DATA :

  1. Est-il plus interessant de dupliquer les cartes pour assurer leurs fonctionnements seules.
  2. Ou est il plus interessant de toute les faire pointer vers la meme carte.
  3. Placer sur le site les versions stable :
  4. Les icones google.
  5. La version de leaflet.
  6. La version de Bootstrap.
  7. La version de jquery.
  8. La version de jquery-UI.
  9. Assurer l’affichage cross domain.

Bootstrap

  1. Taille
  2. XL
  3. L
  4. SM
  5. XS

Google icons

Standards et changeable

Compatibilité

Firefox

Chrome

Safari

Edge

Internet explorer > 8

Description de setting.json

setting.json est un fichier qui permet de communiquer entre L’éditeur et le produit.

Quand une modification est faite depuis l’éditeur il modifie l’options qui lui correspond dans le setting puis met à jours le produit.

Quand un produit est chargé dans l’éditeur le settings indique à ce derniers les champs à remplir sellons les paramètres de la carte.

Settings.json

Posted Leave a commentPosted in Cartokey

Introduction

Settings.json est le liant entre l’éditeur et le projet.

  1. Il permet à l’éditeur de remplir les valeurs des inputs selon les dernières modifications du projet.
  2. Il permet au Projet  de générer les scripts sellons les valeurs  définie .

drawit-diagram-3

Modele Json

{
"description": {},
"map": {},
"options": {},
"Layers": {
"layer1": {
"popup": {},
"OptionsCat": {}
}
}
}

Voilà la base de l’organisation du setting.json

description

Description contient Tout les éléments relatif au code Html du fichier

il contient:

  1. le titre de la carte : pour l’attribut title du html et un H1 sur la carte
  2. l’auteur: pour l’attribut author du html
  3. le copyright: pour l’attribut copyright du html
  4. quelques mots clés: ?.
  5. une description : pour l’attribut description du html
  6. une taille de la carte: la taille de l’iframe à intégrer.

 

Map

Map  contient Tout les éléments relatif au paramètres de la carte

il contient:

  1. MapZoom : Le zoom initial de la carte
  2. Position : Le placement initial de la carte
  3. fond-map: le fond de la carte carte

Options

Options contient options d’interaction avec la carte

il contient:

  1. Partager : les options de partage de la carte.
  2. ZoomControl: le contrôle du zoom par l’utilisateur.
  3. Deplacement : le contrôle du déplacement par l’utilisateur.
  4. MoletteZoom: Le contrôle du zoom par la molette de la sourie.
  5. Titre map: Le titre de la carte affiché sur la carte.

layers

Layers contient les calques créé par l’utilisateur pour pouvoir les réorganiser par la suite dans le selecteur. 2 types de layers différents peuvent être créé dans cette option

Le Geolayer: qui fusionne  une carte de géométrie choisie préalablement par l’utilisateur et ses données à afficher. ce layer permet de changer la couleur des géométrie et définir les popup des géométries.

Le MarqueurLayer: Ce layer est un fichier json à par entière. dans le mode d’édition, au clique de la carte celà créé un nouveau marqueurs contentant des cordonnées et des information à afficher dans la popup.

Geolayer/MarqueurLayer

  1. “Ltype” : soit géojson soit marqueur.
  2.  “GeoSelCat”: la catégorie qui définie les couleurs.
  3. “OptionsCat” : les couleurs par attributs de la catégorie.
  4.  “popup”: les éléments à mettre dans la popup et leur ordre.

Mon json complet


{
"description": {
"TitreCarte": "",
"Auteur": "",
"copyright": "",
"motCles": "",
"Description": "aze",
"tailleCarte": "",
"tailleCarteWidth": "",
"tailleCarteHeight": ""
},
"map": {
"MapZoom": "Zoom7",
"position": "",
"lat": "2",
"lon": "2",
"fond-map": {
"layerlink": "http://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png",
"layerattribute": "© OpenStreetMap contributors, © CartoDB"
}
},
"options": {
"partager": false,
"zoomcontrol": false,
"deplacement": false,
"molletteZoom": false,
"calquesSelectionnables": false,
"legend": false,
"titre map": true
},
"Layers": {
"layer1": {
"popup": {},
"OptionsCat": {}
}
}
}

 

Envoyer les champs au Json

Tout d’abord, il faut que les nom d’objet du json correspondant à l’ID du champs soient préalablement mis à n’importe quel endroit dans le json. Les ID des champs correspondent au Nom des valeurs du json.  Le json est organisé de manière arborescente: Quand le Nom de la valeur et que l’ID sont les même alors la champs modifié est égal à la valeur du Nom y corréspondant.(heureusment qu’on ne code pas en français).

Le fichier json étant une imbrication de tableau et d’objet son aspect visuel peut ressembler à un arbre :

drawit-diagram-4

 

function :  “CHANGEJSON” 

 

Au changement d’un input de type texte j’appelle ma fonction change.sjon

$('input').change(function(event) {
if( $(this).attr('type') == 'text')
{
Changejson($(this));
}
});

Ma fonction Changejson prend alors le dernier champs modifié et le compare à tout les autres pour le remplacer une fois trouvé dans mon tableau de settings.


function Changejson(e)//text
{
// cette fonctions est spécifique aux textes
var valeur= e.val();
var id = e.attr('id');
console.log(valeur);
var path;

function loopobject(e)
{

$.each(e, function(index, val) {
console.log(index);
console.log(jQuery.type(val));

if (index === id)
{

e[index] = valeur;
console.log(JsonSettings);
}

if(jQuery.type(val) == "object" || jQuery.type(val) == "array")
{
loopobject(val);
path = "JsonSettings.['"+index+"']";
console.log(path);
}

})

}
console.log(JsonSettings);
loopobject(JsonSettings);
$('#json').html( JSON.stringify(JsonSettings,null,4));
// GenerateJS();
}