3d réalisation

17 mai 2019

Next Generation 3D Graphics on the Web

https://doc.babylonjs.com/extensions/webgpu

 

Posté par pierreflash à 13:11 - - Commentaires [0] - Permalien [#]
Tags : , , ,


14 mai 2019

bon j en suis la du systeme solaire

je reprend tout et essaye de la faire avec three js  et faire les animations en javascript

c'est tres pedagogique

Posté par pierreflash à 09:13 - Commentaires [0] - Permalien [#]

Fun with MOTION CAPTURE in Unity!

Posté par pierreflash à 09:12 - - Commentaires [0] - Permalien [#]
Tags : , ,

18 avril 2019

test

Posté par pierreflash à 08:51 - Commentaires [0] - Permalien [#]


03 avril 2019

liens pour creations interface systeme solaire

le-systeme-solaire/

css slider,fonction fléchées javascript, css flex,

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Operateur_conditionnel

 

fullscreen:

https://www.w3schools.com/jsref/met_element_requestfullscreen.asp

https://www.w3schools.com/jsref/met_element_exitfullscreen.asp

flex box:

https://www.w3schools.com/CSSref/css3_pr_flex.asp

https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligner_des_%C3%A9l%C3%A9ments_dans_un_conteneur_flexible

https://youtu.be/LNqBKTeeiWo

promise:

https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Utiliser_les_promesses

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Promise/then

https://stackoverflow.com/questions/32028552/es6-promises-something-like-async-each/32028826

https://javascript.developpez.com/actu/146280/Comprendre-les-Promises-en-JavaScript-TypeScript-article-de-yahiko/

fetch et await:

https://developer.mozilla...Using_Fetch<>https://developer.mozilla../fetch<>https://developer.mozilla..Formulaires/Envoyer_et_extraire_les_donnees_des_formulaires<>javascript-es-2017-learn-async-await-by-example<>https://flaviocopes.com/fetch-api/<>

grosse galere pour essayer de POST un fichier.txt  au serveur éphémeride en faisant recherche  je suis tombé sur postmans et miracle ma requet à marchée mais ensuite ca fonctionnait pas avec mon fetch(url) j avais droit à plein d'erreur Blocage d'une requête multi-origines (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante  ben la raison le header  j'avais mis parametres qui ne convenaient pas dont le content type

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/async_function

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Promise/all

event:

https://www.w3schools.com/jsref/obj_event.asp

https://www.w3schools.com/jsref/dom_obj_event.asp

attention aux parentheses

marche pas :

parent.document.getElementById("animationRevPlayPause").
addEventListener("click",clickAnimRev());
marche:
parent.document.getElementById("animationRevPlayPause").
addEventListener("click",clickAnimRev);

 

date:

https://codechi.com/dev-tools/date-to-millisecond-calculators/

https://www.w3schools.com/js/js_dates.asp

DatePicker:

https://codepen.io/andyftp/pen/<>https://developer.mozilla/Element/Input/date<>

fenetre modal:

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal

https://www.w3schools.com/howto/howto_css_modals.asp

https://css-tricks.com/fitting-text-to-a-container/

 

 probleme integration  l'iframe et integration iframe et Cross-origin resource sharing (CORS)

handle-multiple-domains-with-access-control-allow-origin-header-in-apache

https://spring.io/understanding/CORS<>regler_probleme_contenu_mixte_site_web<>


en créant une page systeme_solaire_iframe dans laquelle j'ai juste rajouté:document.domaine = 'http://monsiteouestliframe.com';

par contre apres j'ai du supprimer le parent dans appel variable parent.mavariable donc mavariable

pour le Blocage du chargement du contenu mixte actif (mixed active content) « http://vo.imcce.fr/webservices/miria...lane=2&-teph=1 » sur le serveur verge3d
cela provient que le site miria n est pas https donc probleme compatibilité

 

pour aller plus loin:

https://developers.google.com/web/tools/lighthouse/<>https://dev.to/evilmartians/faster-webgl-three-js-3d-graphics-with-offscreencanvas-and-web-workers-43he<>

Posté par pierreflash à 09:06 - Commentaires [0] - Permalien [#]

21 mars 2019

Google's Stadia Announcement at GDC 2019 in Under 14 Minutes

2 commentaires:le monsieur en baskette rouge parle un excellent anglais international ( ce qui fait la difference entre un manager niveau local et un manager niveau international). ensuite pour la puissanc eje supposse que ca depend du nombre de joeur en ligne un peu comme les transport en commun entre heure pleine et heure creuse)

 

shadow-vs-google-stadia-la-startup-francaise-peut-elle-rivaliser-avec-un-mastodonte-de-la-tech

dossier-cloud-gaming-france

https://www.stadia.dev/

test-shadow-meilleur-service-cloud-gaming-simplement

Posté par pierreflash à 10:50 - - Commentaires [0] - Permalien [#]
Tags : , , ,

15 mars 2019

je vais essayer d'utiliser verge3d( lol) pour mon solar system

https://cgbookcase.com/tutorials/how-to-create-3d-interactive-web-experiences-in-blender-verge-3d

https://www.soft8soft.com/verge3d/

https://www.soft8soft.com/docs/

bon verge 3d c'est des ex de blende4web qui l'ont créé( d'apres ce que j ai compris).Il devait y avoir mésentante ( apres on s'etonne qu il y ai des guerres meme pas foutu de s'entendre pour un logiciel).Je sais pas ce que va devenir blende4web l'avenir nous le dira.cette parenthese etant faite passons

blendeforweb pas(encore?) de version pour blender 2.8 verge3d fonctionne avec blender 2.8 et learning curve assez rapide

1/animation node ne focntionne pas avec v3d

2/pour animer soit on utilise animation blender soit du javascript

3/les displacements shader ne fonctionnent pas avec v3d

 

creation deuxieme scene:https://www.youtube.com/watch?v=KosPfMTmUA0

1er gros probleme rencontre ma scene etait toute noir je voyais rien(alors que blender ok)  en faite ca provient probleme exportation parametre ligth

qui ne corresponde pas du tout au reglage dans blender il faut ouvrir le fichir ghtl avec editeur pour les corriger manuellement

https://threejs.org/docs/#api/en/lights/PointLight

 2eme problemerencontré:

il faut que je rajoute une contrerotation à ma planete pour garder axe fixe ( ca revient à copier la courbe empty rev ou mettre un -360) directement sur la planete(bon je vais pas le faire car au final je vais esssayer d'animer via un script donc pas la peine perdre du temps à ca mais juste pour signaler qu il y a une fausse simulation)

pour mercure j utilise un follow  curve et je crois qu il faut baker sinon il se passe rien dans verge3d ok cf https://blender.stackexchange.com/questions/67238/baking-a-path-animation-for-export-deleting-the-path

3eme probleme j ai voulu faire particle avec collection ca marchait pas car le nom d ema collection avait un é remplacer par un e ok donc ne jamais mettre accent

4eme probleme: avec les particules je voulais faire un convert et ca marchait pas car je devais aussi selectionner le select de la collection où se trouve mon objet et pas uniquement mon object bon c'est un petit defaut blender car normalement on devrait pas pouvoir select  un objet si la collection n est pas sélectionnée  or on peut mais apres ca marche pas

 5eme probleme: ai eu droit a une erreur 500 quand je lancais le verge3d application depuis blender car j avais mis un dossier archive conteant python  dans l arborescence et il n aime pas ca

liens:

https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene

https://cdn.soft8soft.com/demo/examples/index.html#webgl_lights_pointlights

Posté par pierreflash à 12:52 - - Commentaires [0] - Permalien [#]
Tags : , , ,

10 mars 2019

le systeme solaire(juste pour moi)

le-systeme-solaire

je suis parti de:

 Orbit Animation in EEVEE

https://www.olav3d.com/orbit-animation.html

ensuite j aimerai réaliser le systeme solaire ( enfin le soleil la terre et la lune) en plus réaliste

avec une interface  qui permet de changer distance reel et loupe sur lune et terre et orbites ellipitique réalistes...

euh en gros ca:https://www.solarsystemscope.com/ lol zut c est deja fait  lol non mais d'un point de vue enseignement et progression dans blender  c'est un excellent sujet d'exercice.

il y a ca aussi:http://www.astronoo.com/fr/articles/positions-des-planetes.html

et ca :https://solarsystem.nasa.gov/

;

Blender 2.8 Tutorial | Eevee | How to make the Earth | Part 1/4 - Base Material and Clouds<>https://b3d.interplanety.org/en/planet-sides-separation-by-day-and-night/<>https://www.blendernation.com/2014/07/08/how-to-create-a-realistic-earth-with-cycles/<>https://blender.stackexchange.com/questions/45484/render-of-planet-earth-in-blender-render-and-cycles<>Blender Eevee Animation Tutorial: The Earth<>https://www.blenderguru.com/tutorials/earth-cycles<>Saturn-like Ringed Gas World<>sur sketchfab<>Making a planet in blender 2.8<>Create a Sunrise from the Moon in Blender 2.8<>How To Make A Photorealistic Earth in Blender 2.8 in 6 Minutes<>Simple Holographic Earth in EEVEE Blender 2.8<>Earth curves [Animation nodes]<>Quick and Dirty SUN in EEVEE - Stylized<>Blender 2.8 Tutorial: Earth Animation in EEVEE<>

<>http://k9.github.io/globe-viewer/<>http://www.webglearth.com/<>

 EARTH FROM SPACE (4K) 90 Minute Ambient Cosmic Journey ft NASA footage, Moby Music & Space Sounds

<>Earth From Space - Nasa Live Stream | ISS LIVE FEED : ISS Tracker<>

https://free3d.com/3d-models/earth

https://www.solarsystemscope.com/textures/

http://planetpixelemporium.com/earth.html<>http://www.celestiamotherlode.net/<>https://codepen.io/robdimarzo/pen/LMOLer<>

Source: Externe

chiffres:

https://nssdc.gsfc.nasa.gov/planetary/factsheet/

<>https://ssd.jpl.nasa.gov/?planet_phys_par<>

soleil:

teta=7,25 degré, diametre 1392 684 km=1,392 Mkm, R=696 342 Km = 109 Terre,Trot=27 jours

https://fr.wikipedia.org/wiki/Soleil

Mercure:

Trev =87.969 jours inclinaison écliptique=7.005°   Trot=58.646 jours=1407.5 heures  inclinaison axe=2°04' Dsm=0,31 et 0,47 ua rayon=2439km=0.383 Terre

wiki/Mercure

Vénus:

Dsv=0,718 et 0,728 ua Trot=-243.03 jours inclinaison axe= 177.36° R=6051.8km=0.949 Terre Trev=224.701 jours inclinaison sur lécliptique=3.39°

wiki/Vénus

Terre:

dTS=150 millions kilometres=149597870700 metres=150Mkm =1 ua Trot=24h=23h56min4.1s Trev=365,25 jours D=12756 km=0,012756Mkm

inclinaison sur l'écliptique=0° par définition  inclinaison axe=23.436°

wiki/Terre

Lune:

R=1737.4km=0,001737Mkm =0.273 Terre dTL=381500km=0,381500Mkm Trev=27,321jours Trot=27,321jours Inclinaison sur l’écliptique 5,145°

inclinaison de l'axe=6.687°

wiki/Lune

https://www.semconstellation.fr/orbite-de-la-lune/

Mars:

R=3 396.2 km=0.533 Terre    Trot=24h37 minute=1.026 jours  inclinaison axe=25.19 degre Trev=686.97 jours inclinaison écliptique=1.85 degré

Dsm=1.523 ua

wiki/Mars<>https://youtu.be/D8pnmwOXhoY<>

ceinture astéroide:

wiki/Ceinture_d'astéroide

ceres:

Dsc=2,7681342 ua  Trev=1 679,819 jours inclinaison sur l'écliptique=10,59170°  Trot=0.378 jours inclinaison axe=3° R=476 km

wiki/(1)_Céres

Jupiter:

R=71492km=11.209 Terre   Trot=9h55minute=10h inclinaison axe=3.12°  Trev=4 335,3545 jours inclinaison écliptique=1.305° Dsj=5.203 ua

wiki/Jupiter<>https://youtu.be/PtkqwslbLY8<>

Saturne:

R=60268 km=9.45 Terre Trot=0.448 jours 10h33 inclinaison axe=26.73°  Trev=10757.74 jours inclinaison sur l'écliptique=2,48446 ° Dss=9.536 ua

wiki/Saturne<>https://youtu.be/epZdZaEQhS0<>

Blender Planetary Rings Tutorial

Uranus:

inclinaison de l axe=97,8° Trot=−0,718 jours (17.23992 h)   inclinaison sur l'écliptique=0.77° Trev=30687.15 jours Dsu=19.189 ua R=25559 km =4 terre

wiki/Uranus<>

Neptune:

inclinaison sur l'écliptique=1.77° Trev=60225 jours Trot=0.67 jours=16 heure 6 minutes inclinaison de l'axe= 28.32° R=24764km=3.88 Terre Dsn=30.104 ua R=24764 km=3.9 Terre

wiki/Neptune<>https://youtu.be/NStn7zZKXfE<>

Pluton:

inclinaison sur l'écliptique=17,089° ;Trev=247,74 ans;Trot=-6.387jours;inclinaison de l axe=;R=  1185km=0.2 Terre;Dsp=40 uahttps://fr.wikipedia.org/wiki/Pluton_(plan%C3%A8te_naine)<>

 importer sur sketchfab:

https://sketchfab.com/exporters/blender

position planetes:

http://pgj.pagesperso-orange.fr/position-planetes.htm<>http://xjubier.free.fr/site_pages/astronomy/ephemerides.html<>https://www.astronomes.com/carte-du-ciel<>calculer-position-planetes-de-syst-solaire.html<>google.fr/search?astronomie+ou+trouver+coordonne+planete+en+fonction+date<>hdri-sun-aligner<>sun_position_b28_test<>http://www.f-legrand.fr/scidoc/srcdoc/sciphys/meca/kepler/kepler-pdf.pdf<>http://vo.imcce.fr/webservices/miriade/?forms<>https://www.mathcurve.com/courbes2d/ellipse/ellipse.shtml<>http://www.astronexus.com/hyg<>Ellipses, paraboles, hyperboles : les propriétés des trajectoires en gravitation<>https://ssp.imcce.fr/ephemeris/<>

éducation:

size comparaison<>how big is our solar system?<>Traversing the Solar System at the speed of light<>https://www.le-systeme-solaire.net/systeme-solaire-a-l-echelle/<>http://www.louisecourteau.com/starlogin/fr/astrodata.html<>

pour aller plus loin on peut mettre météo en temps réel:

Blender 2.8 Eevee Animation Sea & Land Surface Temperatures<>

https://gisgeography.com/global-weather-maps/

http://www.meteoearth.com/#/,127.25,-23.53,2.14,8,1,1,0,0,0,time=1552121880

https://earth.nullschool.net/fr/#current/wind/surface/level/overlay=precip_3hr/orthographic

à trier:

because-no-matter-where-we-live-we-live-in-a-watershed<>gis-weather-data-sources<>best-free-gis-data-sources-raster-vector<>https://astronomy.stackexchange.com/questions/13488/where-can-i-find-visualize-planets-stars-moons-etc-positions<>https://developer.mozilla.org/fr/docs/Apprendre/HTML/Tableaux/Structuring_planet_data<>https://naif.jpl.nasa.gov/naif/tutorials.html<>

Posté par pierreflash à 09:06 - - Commentaires [0] - Permalien [#]
Tags : ,