3d réalisation

25 avril 2017

provisoire

mots clés:vertex texture fetch ,store uptated,transform feedback,shader image load store,rendering to a texture,FBO frame buffer object

Transform Feedback
Transform feedback allows you to run geometry through the vertex shader and write the resulting vertices into a buffer. That buffer could then be used to re-submit the draw calls without going through the full vertex transforms again. This could be used to capture the positions of a GPU-driven particle system, or write out the results of mesh which was skinned on the GPU.

http://webglsamples.org/WebGL2Samples/#transform_feedback_interleaved

https://github.com/shrekshao/MoveWebGL1EngineToWebGL2/blob/master/Move-a-WebGL-1-Engine-To-WebGL-2-Blog-2.md

https://jeux.developpez.com/tutoriels/OpenGL/WebGL/16-rendu-dans-une-texture/

https://www.ibiblio.org/e-notes/webgl/gpu/bounce.htm

https://github.com/toji/webgl2-particles-2

 

http://stackoverflow.com/questions/23048899/particle-system-using-webgl

http://stackoverflow.com/questions/16904340/webgl-particle-engine-using-fbo-how-to-correctly-write-and-sample-particle-pos

http://www.mikecann.co.uk/programming/gpu-state-preserving-particle-systems-with-webgl-haxe/

http://stackoverflow.com/questions/22858861/how-to-store-an-array-into-a-texture-and-sampler-the-texture-in-vertex-shader-co

http://stackoverflow.com/questions/5800784/updating-information-from-the-vertex-shader

http://stackoverflow.com/questions/9354451/interpret-texture-data-as-vertex-data-in-vertex-shader

https://developer.apple.com/library/content/documentation/3DDrawing/Conceptual/OpenGLES_ProgrammingGuide/TechniquesforWorkingwithVertexData/TechniquesforWorkingwithVertexData.html

 

https://learnopengl.com/#!Advanced-OpenGL/Advanced-GLSL

http://progur.com/2017/03/how-to-create-animated-shaders-in-shadertoy.html

https://www.khronos.org/webgl/wiki/Tutorial

http://stackoverflow.com/questions/38853096/webgl-how-to-bind-values-to-a-mat4-attribute

https://dxr.mozilla.org/mozilla-central/source/dom/canvas/test/webgl-conf/checkout/conformance/rendering/vertex-texture-fetch.html

 

https://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/

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


11 avril 2017

mon 1er shader

celui la est sympa aussi http://mrdoob.com/lab/javascript/webgl/glsl/02/

Posté par pierreflash à 18:00 - - Commentaires [0] - Permalien [#]
Tags : ,

03 avril 2017

sympa ca

https://threejs.org/examples/?q=draw#webgl_buffergeometry_drawcalls

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

27 mars 2017

réalisation d'une animation avec blend4web

bon j'en suis la:http://lociciel3d.canalblog.com/pages/joyeux-noel/35140695.html

j'ai refait le loader mais encore plein de truc à faire(amélioration éclairage,rajouter objets,....) mais petit break. Pas mal de difficultées rencontrées dans les animations

testé sur tablette:  15 images par seconde et le son blender fonctionne pas ni l'ouverture rideau apres c'est pas grave car la 3d temps reel sur mobile c'est pas avant 5 ans.

un petit tuto pour débutant ( getting started)

 

Enregistrer

Enregistrer

Enregistrer

Enregistrer

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


08 mars 2017

webassembly

http://www.01net.com/actualites/webassembly-la-techno-qui-fera-tourner-tous-les-jeux-dans-un-navigateur-web-est-la-1117279.html

Concrètement, WebAssembly est un langage de programmation dit de bas niveau qui permet au C ou le C++ -des langages de haut niveau- de s'exécuter le plus naturellement du monde dans un navigateur. Et, par extension, les logiciels écrits avec ce type de code. L'environnement d'exécution de WebAssembly étant à périmètre constant, l'ensemble est compilé et traité en amont par le développeur, avant même d'être interprété par un quelconque navigateur.

http://webassembly.org/

https://s3.amazonaws.com/mozilla-games/ZenGarden/EpicZenGarden.html

https://get.webgl.org/

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

28 février 2017

webgl

similaire a blend4web

https://playcanvas.com/

Posté par pierreflash à 14:23 - Commentaires [0] - Permalien [#]
Tags : ,

27 février 2017

réalisation d'une animation avec blender

je souhaite réaliser cete animation de noël avec blender et blende4web ou unity 3d

bon j'en suis la:euh problemes: marche bien sur firefox quand test sur ordi mais marche pas en ligne sur firefox par contre marche bien en ligne sur edge et chrome pas de son dans edge( qu est ce que c est chiant)

bon j ai ralenti le script avec un settime out le probleme est que firefox me resort la version qui normalement a ete effacée!!!!

la je suis perdu pourtant j ai vide cache firefox effacé cookies probleme resolu je suis alle dans outils options vider le cache

tutorial:

la majeur parti est dans la lecture de https://www.blend4web.com/doc/en/index.html

ps le moteur webgl gere pas les curves donc tout convertir en mesh

je l'ai teste sur tablette android bon la le framerate tombe à 15 et le son blender fonctionne pas

1/importation de la scene dans blender

je part d'un fichier  illustrator.ai que j exporte en .svg et je l'importe dans blender .Jusque la ca fonctionne bien mais malheureusement les objets que je pensais simple ( comme le flocon de neige en haut à gauche) comporte malheureusement de trop nombreux vertices   ce qui le rend inexploitable pour blend4gl.

donc 1er difficulte je ne peux pas exploiter ma scene directement en l'important, il va falloir la décomposer et garder les elements exploitable et recreer ce qui ne l est pas.

j'en suis donc la:essayer de faire flocon de neige avec peu de vertice ou importer un flocon.svg qui creer peu de vertices

importer fichier .eps avec inkscape

1-a/réalisation de flocon de neige ( snowflake en anglais)

soit en trouver sur le web en 3d ou en .svg et les importer dans blender ( attention au nombre vertices)

soit les réaliser soit meme:

pour les courbes on peut utiliser inkscape et l outil cloner pavage de clone et delier clone et importer dans blender ( petite astuce en mode edit avec toggle cyclic qui permet d'avoir courbe pleine ou pas creer sur le vertice qui cloture la courbe un vertice avec add vertice mais ne pas le merger  pui avec le vertice precedent faire make segment  la courbe aura l air ferme mais ne le sera pas et on pourra faire un toggle cyclic

on peut aussi utiliser handle auto pour modifier legerement la courbe ca donne bon resultat

pour les mesh on part d'un plan avec subdivide un edge et extrude  pour avoir forme de base  puis on place correctement vertices avec snap to et on fait des duplicates et rotations et automerge vertice ensuite

on peut mettre image d'un flocon en fond pour s'aider

2/juste pour unity

mouvement des boules https://youtu.be/v77oOet6mfA mot clé hinge joint 2d

https://unity3d.com/fr/learn/tutorials/topics/2d-game-creation/hinge-joint-2d

3/cacher le traineau  avec hide object

hide object https://youtu.be/crP44RELoKE

4/le cerf

modéliser un cerf

faire briller les yeux du cerf:

https://www.blend4web.com/en/forums/topic/925/

vertex color:https://youtu.be/wy18Yi5V4gc

5/ouverture boite cadeau avec shapekeys

6/creer un rideau de scene

mots clés: curtain,animated curtain,theater curtain,Modeling with Cloth Simulation,drapes.

en faite il n y a pas de cloth simulation dans blend4web donc j'utilise un rigging avec bones. ok j ai reussi à faire rideau qui s'ouvre et se ferme lorsqu on clic dessus mais à refaire au propre.

https://youtu.be/mhQY2_gVoVg?list=PLspN9iuxTMNsclMiSsAZWOfmwPYggVsOf et je bake avec bake vertex animation

https://cgcookie.com/image/theater-curtains/#discussion

bien lire ce tuto https://www.blend4web.com/en/community/article/36/

et celui ci pour le doopsheet et  le nla editor https://youtu.be/zDOFg2spySg

celui la est bon et pas trop long https://youtu.be/RiXTceXEI0E

le meme avec un ruban https://youtu.be/J2EyodoK9a8

https://youtu.be/ssYemC0j6Ag

7/texte

b4w gere pas les textes ils sont convertis en mesh donc jepeux convertir mon texte en mesh. J'ai utilise  texture matcap

perte de  10 dans le framerate

problemes rencontrés:

bon la l'anim fonctionne bien sur mon ordinateur mais desque je l'a met sur serveur ca bloque a 99%.ok 1 heure apres ca fonctionne correctement donc ca venait  petit probleme au niveau du serveur

je souhaite masquer et demasquer un objet je vais sur forum b4w je tape hide object ok j ai la reponse je tape unhide la rien il fallait taper show object.

j ai perdu du temps  avec la réalisation de l ouverture du rideau de scene en bidouillant alors qu il suffisait de bien lire le tutorial

cccleaner ne vide pas correctement le cache de firefox  le vider en allant dans  outils option avancé ( me retrouvait toujours avec vieille animation)

 

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Posté par pierreflash à 20:31 - - Commentaires [0] - Permalien [#]
Tags : , , ,

pere noël 3 d

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

26 février 2017

joyeux noël 3d

Enregistrer

Posté par pierreflash à 21:39 - - Commentaires [0] - Permalien [#]
Tags : ,