De l'écume pour Psunami

Tour d'horizon : Le plugin Psunami de Northern Lights permet de créer des océans réalistes ainsi que toutes sortes de simulations de liquides. Malgré tout il lui manque la possibilité de générer de l'écume sur la surface d'un océan, c'est pourquoi j'ai développé cette technique permettant de rajouter cette fameuse écume sur les parties les plus hautes du plugin.

Comment ça marche
La technique est relativement simple. Elle nécessite simplement le placage d'un dégradé sur un côté du model généré par le plugin (l'océan), et l'utilisation d'un "reactive shader" qui va créer l'écume sur le parties les plus claires, et aussi les plus hautes de cet océan.

Les outils nécessaires... - Psunami, Photoshop, et un "reactive shader" (J'ai utilisé ici Mondo FBlocks d'Agrapha). - Adobe After Effect - Et aussi beaucoup de photos d'océan pour servir de modèle.

Etape 1 : Commencez par ajouter Psunami dans votre scène. Réglez la vitesse du vent afin qu'elle soit assez forte pour faire des grosses vagues. L'écume se forme en général sur des mers assez agitées, là où les vagues s'entrechoquent ou bien au sommet des vagues crées par le sillage de bateau. Ajoutez ensuite le shader Ocean optic et réglez-le à votre convenance en vous référant à la documentation de Psunami. Ce sera votre océan de base.

Etape 2 : Dupliquez le plugin Psunami et renommez-le "Psunami Foam". C'est la surface qui nous servira pour faire l'écume.

Etape 3 : Dans Photoshop vous allez créer une image de 512 x 512 pixelsdans laquelle vous allez faire un dégradé allant du noir en bas, au blanc en haut. Enregistrez ensuite votre image au format Electric Image format en l'appelant par exemple "OceanGrad.img".

Note : Vous pouvez aussi utiliser à la place un shader faisant de dégradés afin d'avoir plus de contrôle sur le dégradé et la façon dont il se place sur le model.

Etape 4 : Appliquez l'image "OceanGrad" dans l'onglet diffuse de "Psunami Foam". Ouvrez l'éditeur de textures et réglez l'alignement sur front.

Réglez l'alignement de la texture sur "Front"
	Le scale du shader doit être réglé sur 100 pour les axes X, Y, Z.

Etape 5 : Mondo FBlock, les réglages Cette copie d'écran vous fait voir les réglages que j'ai utilisé dans le shader AG Mondo F Blocks. J'ai utilisé ce shader car il permet de contrôler avec précision l'interaction entre le shader et la texture qui va le faire réagir.

Etape 6 : L'écume donnera l'impression d'être auto-animée. Ceci est du au fait que la géométrie de Psunami est réelement animée et passe à travers le shader. La vitesse de l'animation est contrôlée ici par le paramêtre Y scale du shader. Plus le shader sera étiré sur l'axe Y, plus lent sera le mouvement de l'écume.

Etape 7 : Désactivez le specular de Psunami en mettant sa valeur à 0. Nous allons compositer l'écume sur une couche séparée grâce au mode de mélange "Screen" d'After Effects.

Etape 8 : Faites un rendu de la scène.

Vous devriez avoir une couche pour l'écume qui ressemble à ceci.
Etape 9 : Faites le rendu de l'animation avec le Psunami original qui donnera l'image de base de notre océan et que nous appelerons la couche "couleur".

Etape 10 : Faites une nouvelle composition dans After Effects et placez-y la couche "couleur" ainsi que la couche "écume". Placez la couche écume au dessus dans la timeline et mettez son mode de mélange sur "Screen".
Voila! Pour plus de réalisme ajustez finement les couleurs et les niveaux de l'écume afin qu'elle se raproche le plus possible de votre océan ou de votre photo de référence.

Note au sujet des sillages : Vous pouvez faire un sillage de bateau tout simplement en créant une texture en niveaux de gris qui fait approximativement la largeur du bateau, et dont la longueur correspont à la distance que met l'écume à s'atténuer. Cette texture peut être très simple. Elle sera appliquée par dessus "OceanGrad.img" et doit être réglée en mode "Screen" dans l'éditeur de textures. Vous n'aurez qu'à ensuite animer la position de cette texture de sillage afin qu'elle suive celle du bateau qui est sensé faire ce sillage.

Faites-en bon usage !

Matt Drummond

d r u m m o n d e s i g n . n e t