• Home
  • Le script
    • Ajouter une icône
    • Commenter une commande
    • Fenêtre Flottante
    • Liste Scripts Commandes
    • Palette de Scripts
    • Panneaux Etendus
    • Raccourci sur une commande
    • Simplifier un script
    • Polygones vers Nurbs
  • "Script en ligne"
    • Autres >
      • Bascules
      • Browser
      • Camera&TargetPoint to Clipboard
      • Cartouche
      • CTRL C CTRL V
      • CurveLength
      • CurveLengthBeingDrawn
      • Golden
      • MatchObjectName
      • Plan Aux
      • Points
      • Print Screen
      • PurgeLayer
      • SetObjectName
      • Styles >
        • AddStyle
        • EditStyle
        • Assign Styles to solids
        • RandomColor
        • Random Style Solid Color
        • CreateStyleFromObjectName
        • Make gradient Styles
      • TakeSnapshot
    • Déplacer la vue/Objet >
      • MoveTargetToObjectsV2
    • Sélection >
      • SelectStyleV2 V3
      • SelectUnnamedObjectsV2
      • Selection Loop
      • Select by Length
      • Select Biggest / Smallest
      • RandomSelection
      • Naked edges
      • LastObjectsCreated
      • SetSelectedObjectToWireframe V2
      • SetSelectedObjectToWireframe & Lock V2
    • Affichage >
      • Filaire Ombré
      • LightingOptions
      • Pers/Parallèle
      • RandomizeStyleColors
      • ViewStack
    • Cacher >
      • HideSeamEdge
      • HideToHidden
      • Isolate
      • Hide Controls & Grid & Axes
    • Vues >
      • Cycler les vues
      • Dimetric
      • Isometric
      • Perpective
      • Zoom 4 Vues
      • Position Caméra
  • Les Commandes
    • Fonctions >
      • Fonctions Cachées
      • BisectorLine
      • CenterAtOrigin PutOnGround
      • Chanfreins
      • Dégradés
      • Copier
      • DividingPlanes
      • Effacer les Congés
      • Eraser
      • Hachures
      • Intersect2Circles
      • MoveSliceToPoint
      • OffsetMultiStep
      • QuickTrim
      • Randomize
      • ScaleIndividual
      • SelectIntersected
      • Tournette
      • TrimStencil
    • Courbes >
      • CCC
      • Close Curves
      • Conversion Courbe
      • Courbes en Cercles
      • Courbes par Lot
      • DelCorners
      • InsertCircles
      • LineWeb
      • MultiIso
      • MultiIso+
      • Ordre Courbes
      • Pts d'une courbe
      • Reconstruct Curves
      • RotateHistoryAray
      • ShrinkLines
      • UnwrapCurve
      • UVchanger-plane
    • Objets. >
      • Distributions
      • Anneaux
      • Boulons Filetés
      • Portes et Fenêtres
      • RotateObjects
      • Toroïdal Knots
      • Tubes
    • Scripts de Max Smirnov >
      • Scripts de Max Smirnov
      • Calculateur de Volume
      • Customiser l'Ui
      • Cycles pour Moi
      • Ecrous et Boulons
      • Cotations
      • Dispersions
      • Elephant Système Nodal
      • Engrenages
      • Fx Graph
      • Fx Graph 3D
      • Heightmap
      • Simulation Tissu
      • Subdivision
      • Bridge
    • 4 vues 2D
    • AssignName
    • AssignPresetName
    • BlendCap
    • FullScreen
    • Géométries par Bemfarmer
    • Importer des MNT
    • Lignes d'Aide
    • Points XYZ
    • r2d3
    • Sauvegardes Multiples
    • ScaleArray
  • Gif Animés
    • Cadre de Manipulation >
      • Cadre de Manipulation01
      • Cadre de Manipulation 02
      • Cadre de Manipulation 03
      • Cadre de Manipulation 04
      • Cadre de Manipulation 05
    • Orientation >
      • Oriente 01
      • Oriente 02
      • Oriente 03
      • Oriente 04
      • Oriente 05
      • Oriente 06
      • Oriente 07
      • Oriente 08
      • Oriente 09
    • Creux >
      • Creux 01
      • Creux 02
      • Creux 03
    • Offset
    • Accroche à une surface
    • Snap sur alignement
    • Trame droite
    • Trame sur courbe
    • Arcs et cercles tangents
    • Image d'arrière Plan
    • Propriété d'Objets
    • Rotation
    • Tension automatique
  • Utilitaires
    • Nouveautés V5
    • Nouveautés V4
    • V4 Quoi de neuf ?
    • V3 Quoi de neuf?
    • Liste des mises à jour
    • Aile Naca
    • Companion
    • Console
    • CutList
    • DESIGN CONCEPT
    • Engrenages en bois
    • Format OBJ en 3DM >
      • Instant Meshes
      • _importObj
      • obj23dm
    • Kitbash
    • Mannequin
    • MGB (Interface)
    • MergeOBJ
    • Moi et Modo
    • Paint 3D
    • Pont Moi Nvil KeyShot
    • Proflow
    • Raccourcis Pro
    • Rocket 3F
    • SpeedFlow
    • Somsky
    • Vectorisation
    • Vers ZBrush
    • ZSurf
  • Vidéos
    • Mini Vidéos
    • Nouveauté Béta V3 >
      • Enrobage d'objet V3
      • Enrobage d'un Tore V3
      • Twist V3
      • Isocurve V3
      • Découpe Iso V3
      • Extrusion V3
      • Nsided V3
    • Inutilitaires >
      • Inutilitaire 1
      • Inutilitaire 2
      • Inutilitaire 3
      • Inutilitaire 4
    • Menu Oriente >
      • Oriente
      • Ligne-Ligne
      • Vue-Vue
      • Bonus
    • Deux Rails
    • Tubage Booléen
    • Tendre
    • LineWeb (toile d'araignée)
    • Texte + Booléen Intersection
    • Escalier hexagonal
    • Sélecteur
    • Déplacer des objets
    • Pivoter des objets
    • ShiftArray
    • ScriptArray
    • Les Maîtres
  • Tutos
    • Trucs & Astuces >
      • Trucs Astuces
      • Truc Astuces 2
    • 3D Primer >
      • 3D Primer 1
      • 3D Primer 2
      • 3D Primer 3
      • 3D Primer 4
      • 3D Primer 5
    • Les Objets >
      • Anneau Strié
      • Avion
      • Bague
      • Bateau Riva
      • Batteur d'oeufs
      • Boîte
      • Boîtier
      • Bouteille Cognac
      • Bouteille plastique
      • Bouteille de soda
      • Chaise d'école
      • Chaussure
      • Cordon
      • Détergent
      • Haut-parleur
      • Jante
      • Lunettes de Mauro
      • Plaque électrique
      • Pneus
      • Poêle en fonte
      • Pomme Douche
      • Radio
      • Rasoir
      • Voiture
    • Les Surfaces >
      • Surfaces
      • Surfaces 2
      • Surface de Gordon
      • Les objets de Zarkow
    • L'éclairage dans Moi
    • Raccords manuels
    • Les Raccords
    • La SubDivision
    • Le tuto de Mauro
    • Solides
    • Tourbillon
    • Tutos by Liminal
    • Vasarely
    • Fiat Abarth
    • Le Truck de ED
    • La voiture de Ed
    • La Vespa de Mauro
    • Les voitures de MacGreggor
    • La Voiture de Zarkow
  • Divers
    • Free online >
      • BlockBench
      • Cables
      • Effaceurs Arrière-Plan
      • Fractal Lab
      • Gaugan
      • Gravit Designer
      • Kinematic Simulator
      • Light Tracer
      • Image En Large
      • Monster Mash
      • Objets 3D
      • Origami Simulator
      • ONSHAPE >
        • Onshape extrude
      • p5.Js Web Editor
      • Pix2Pix
      • Piskel
      • Sculpt GL
      • Shapr3D
      • SketchUp
      • Snap
      • SPLINE
      • Stable Diffusion
      • Sumo Paint
      • TinkerCad
      • Topotopo
      • Vectary. >
        • Vectary
        • Doc Vectary VF
      • Vectr
      • Vervette
      • Voronator
      • Voxelizer
      • Wombo
      • Womp
    • Manuels >
      • Sauce Tomate (SU) >
        • 1001
        • Artisan: le Manuel
        • BoolTool 2
        • Doh
        • Flex - Series
        • Le Mètre à Ruban
        • LightUp >
          • Sur LightUp >
            • Au sujet de Lightup
            • Avis des Utilisateurs
            • Listes des mises à jours
          • LightUp 1.0 (31 pages)
          • LightUp Player >
            • Le Player
            • Le Web Player
            • Publier sur le Net
          • Tutos LightUp >
            • Eclairage IES
            • Lumière Volumétrique
            • Lumière Néon
            • Profondeur de Champ
            • Suppression des Lignes Cachées
            • Grilles de Lumières Paramétriques
            • Ombres sur Arrière-Plan
            • Réflexion
            • Eclairage Intérieur
          • Ressources
          • Exemples >
            • Interieur
          • LightUp 3.0 (6 pages)
          • LightUp Manuel 3.3 (77 pages)
          • LightUp 4.4 >
            • Eclairer Un Salon 1
            • Eclairer Un Salon 2
            • Eclairer un Salon 3
        • Medeek Construction
        • MSPhysics
        • PBR
        • PomPi
        • Podium >
          • Rendu Photoréaliste
          • Site Podium VF
        • Profil Builder 2
        • Samuel Tallet
        • Simfonia >
          • Déformations
          • Rotations 1
          • Tableur
          • Texte
          • Visibility
          • Discret
          • Table
        • SketchUV
        • SUbD
        • SU vers OpenSpace3D
        • Twilight Render V2
        • Video01 Plug SU >
          • Video01 Plug SU
          • Video02 Plug SU
          • Video03 Plug SU
          • Video04 Plug SU
          • Video05 Plug SU
        • Vertex Tools: le Manuel
        • Viz pour SketchUp
        • Visualizer
      • ArtForm
      • Cv3D Nurbs free
      • Flowscape
      • GAEA
      • GifCam
      • GroBoto : Le Manuel etc
      • Manuel 3DCoat V4 VF
      • Monolith
      • SCULPTRIS
      • SimLab Composer 2016
      • VPaint
      • White Rabbit CAD
    • DesignSpark Mechanical >
      • DesignSpark
      • DesignSpark 1
      • Video DesignSpark
    • PolyCAD >
      • PolyCAD
      • Charger PolyCAD Free
      • Courbes & Surfaces
      • X - Topologie
      • Utilisation d'Images
      • Transformer
      • Générateur de Coques
      • Nuages de Points
      • Sections
      • Intersection/Ajustement
      • IntelliHull
      • Scripter PolyCAD
      • Edition 3D
      • Contraintes
      • Exemple IntelliHull
      • Vidéos PolyCad
      • Aide - Divers PolyCAD
      • Holtrop
      • Format E57
      • Image Editeur
      • Hydro
      • Geometric Analysis
    • Qubicle Conctructor >
      • Qubicle 2.0
      • Qubicle
      • Export OBJ
    • 3DCoat Print free
    • Clavicula
    • FlowScape.
    • Goxel
    • MagicaCSG
    • MagicaVoxel
    • MarkovJunior
    • Meadow
    • Origami Robert Lang
    • pCon-planner
    • Pearltrees
    • Plasticity
    • PolyBrush
    • Shape
    • SolveSpace
    • Tablettes Chocolat
    • TwinMotion
    • TreeIt
    • Verve
    • Vengi
Moment Of Inspiration: Ze Zen Nurbs Modeleur !

Publier une Animation d'une Scène éclairée sur le Net.

Le tutoriel suivant montre comment publier votre modèle éclairé sur un site Web et donner aux visiteurs la possibilité de naviguer en temps réel avec vos créations.

OK, vous avez terminé votre modèle SketchUp, vous avez ajouté l'éclairage à l'aide de LightUp et  vous avez mis en place un certain nombre de "scènes" pour montrer vraiment travail.


Une fonction très importante de LightUp est la capacité d'exporter toutes les scènes, avec vos modèles éclairés et les infos de GeoLocation dans un seul fichier (extension ". Luca"'), qui peuvent être explorées de manière interactive par d'autres sans avoir besoin de SketchUp ou de LightUp.

Vous pouvez afficher les fichiers ".Luca" à l'aide du Player autonome LightUp, ou avec le Web Player LightUp pour tous les navigateurs Web principaux. L' utilisation d'un navigateur Web signifie que vous pouvez intégrer un modèle 3D en temps réel dans vos propres pages sur votre site web pour permettre aux autres de l'explorer. 
La dernière version des lecteurs pour Mac et Windows sont disponibles ici.

Exporter à partir de SketchUp

Vérifiez dans le menu Outils-> LightUp-> Boucle d'Animation de Scène et choisir le genre de comportement que vous voulez pour l'animation de scène. Lire une fois et arrêter, ou de recommencer une fois que toutes les scènes ont été représentées.



Photo


Vous pouvez avoir Scènes utilisées pour votre flux de travail que vous ne souhaitez pas exporter. Dans ce cas, ouvrez la boîte de dialogue Scène SketchUp et décochez l'option "Inclure dans l'animation" pour ces scènes que vous souhaitez jouer.



La valeur par défaut Sketchup est d'inclure toutes les scènes dans les animations.
Photo
LightUp tente d'effectuer tous vos réglages lors de l'exportation. En particulier, vous devrez régler la vitesse de l'appareil photo pour la navigation manuelle. Une astuce pratique est de régler la vitesse à 0,0 si vous souhaitez que les utilisateurs regardent autour avec souris, mais ne pas être capables de se déplacer en dehors de des endroits que vous avez mis en place en utilisant des scènes.

D'autres paramètres sont à prendre en compte comme la GeoLocation, la Collision de la caméra, la gravité et tous vos effets de post-traitement tels que le Bloom, le Vignettage, etc...

Ensuite, nous devons choisir un "filigrane" d'image qui sera affiché en bas à droite de la fenêtre. Cela peut être n'importe quelle image vous voulez, logo d''entreprise, un message d'aide, etc...
Par défaut, c'est le logo LightUp.
Si l'utilisateur clique sur ce logo en filigrane lors de la navigation, une nouvelle fenêtre du navigateur s'ouvrira sur l'URL que vous avez définie. La valeur par défaut est le site LightUp, mais vous pouvez choisir n'importe quelle URL - de sorte que vous pouvez créer des pages liées de cette manière.

"Autoplay" est normalement cochée, signifie que le Player va charger votre modèle et commencer à animer vos scènes. Vous pouvez décocher cette option si vous le souhaitez.
Photo
Enfin, si vous voulez simplement exporter des scènes qui sont marquées "Inclure dans l'animation", vous aurez besoin de cocher la case "Dans l'Animation" ou vous exporterez toutes les scènes.

Si vous êtes prêt, appuyez sur le bouton "Player .."  pour choisir un nom de fichier pour enregistrer votre exportation et procéder à la préparation de votre modèle pour la publication.

Si vous avez un lecteur LightUp installé, vous pouvez simplement double-cliquer sur le fichier ".Luca" pour vérifier que les scènes que vous voulez exporter sont toutes présentes. La dernière version du lecteur pour Mac et Windows sont disponibles ici.

Intégration dans une page Web

Intégrer un fichier. Luca dans vos pages web avec votre propre contenu est simplifié par l'utilisation de certaines fonctions d'assistance de JavaScript.

Le code HTML minimale requis est un appel à une fonction JavaScript comme ceci:
createLUPlayer2 (element_id, lucafile_URL, show_controls, options);

Ainsi, un exemple minimal serait quelque chose comme ceci:
Photo
Vous remarquerez que l'exemple charge la fonction JavaScript webplayer.js et aussi un peu de CSS pour le style. Si vous souhaitez utiliser votre propre style CSS, vous devrez bien sûr remplacer ce fichier.

Cliquez ici pour essayer le code exemple ci-dessus. ( l'URL est http://light-up.co.uk/resources/tutorials/exporting/test.html)

Ou le code pour l'exemple du haut de page

<html>
<head>
<!-- VOUS AVEZ BESOIN DU CSS ET DE JAVASCRIPT -->
<link href="http://light-up.co.uk/resources/webplayer/webplayer.css" rel="stylesheet" >
<script src="http://light-up.co.uk/resources/webplayer/luwebplayer.js" ></script>
</head>
<body>

<!-- VOUS AVEZ BESOIN DE REGLER LA TAILLE / POSITION DU CONTAINER EXTERNE -->
<div id='lup1' >

<!-- LE PLAYER ACTUEL LIGHTUP UTILISE createLUPLayer2() -->
<script language="javascript1.1" >
createLUPlayer2('lup1_objemb', 'http://lightup4sketchup.com/resources/webplayer/WOPR-2.luca', 
true, {"multisample" : 4, "autostart" : 1});
</script>
</div>
</body>
</html>

La configuration du serveur Web

Le serveur Web besoin de savoir quelle sorte de fichiers multimédias il envoie aux utilisateurs, afin qu'ils puissent traiter les différents fichiers textes  à partir de fichiers HTML et les différentes images JPEG, vidéo, etc...

Pour ce faire, tous les ressources ont un type MIME.
Les fichiers ".luca" sont un nouveau type de fichier, et bien que pas nécessaire, il est de bonne pratique de configurer votre serveur web en ajoutant un nouveau type MIME pour LightUp.

AddType application / x-LightUp luca

Conclusion

L'Incorporation de fichiers LightUp dans vos pages web est simple et offre une nouvelle façon de faire participer les visiteurs à votre site et à l'utilisation de pages liées.

Toutes les questions peuvent être postées sur le forum ou par courriel au support LightUp.