Personnaliser l'environnement de
votre chat 3D Blaxxun Contact

Ça y est ! Vous avez créé votre monde VRML, et, grâce aux explications de Web3D-fr ( voir "Création de chat 3d" ), vous l'avez partagé pour en faire un chat 3D, en utilisant la technologie Blaxxun Contact. Mais maintenant, vous vous posez encore des questions :
- pourquoi mon chat à moi s'appelle "blaxxun Contact" lorsque je le met dans les favoris de mon navigateur ?
- pourquoi est-ce je n'entends pas la voix de mes visiteurs ?
- est-ce que je peux accorder les couleurs de mon chat avec celle de mon site ?
- puis-je rajouter une zone dans laquelle je mettrais mes commentaires, ou des liens ?

Bref, on est pas au bout ! Il y a encore une foule de choses possibles pour avoir un chat 3D qui ne ressemble pas aux autres !

Etape 1 : Les fichiers du chat Blaxxun Contact
Etape 2 : Personnalisation de la page index.html
Etape 3 : Personnalisation du "frameset" contact.htm
Etape 4 : Paramétrage du chat par le fichier contact.bxx
Et voila !
Quelques liens

Etape 1 : Les fichiers du chat Blaxxun Contact

Le "frameset" (jeu de cadres) de base de Blaxxun Contact est composé de 8 fichiers : 5 fichiers HTML, 2 sont des fichiers de paramètrage de Contact (extensions .bxx), et un est un fichier "leurre" (extension .bx3). Pour personnaliser votre chat, il faudra donc modifier certains de ces fichiers.

Pour modifier l'aspect général, on interviendra sur les fichiers HTML index.html, et contact.htm. On pourra le faire dans un éditeur de texte, mais un logiciel de création de page Web est préférable (FrontPage, xxxx).

Pour modifier le paramétrage du chat, on interviendra dans le fichier contact.bxx. Un simple éditeur de texte comme le bloc-note suffira.

On évitera de toucher les autres fichiers, histoire de ne pas tout casser !

Etape 2 : Personnalisation de la page index.html

La page index.html est la page d'accueil de votre chat. Vous l'avez placée dans le répertoire de base, et c'est celle qui est appelée en premier. Elle est utilisée pour tester si Blaxxun Contact est installé sur votre machine. Si c'est le cas, vous la voyez passer rapidement, puisqu'elle passe automatiquement à index2.htm (chargement en cours...) Par contre, si vous n'avez pas Contact, elle reste affichée et vous propose de le télécharger.

Le seul truc essentiel de la page est le plug-in chek.bbx. Il se trouve matérialisé dans le code par :

<embed src="./check.bxx" type="application/x-ccpro" height=1 width=100%>

On ne touche pas à ça, sinon le test ne marchera plus ! Par contre, vous pouvez modifier tout le reste :
- les couleurs : fond, textes...
- la police de caractères
- le texte ( vous pouvez le traduire en français par exemple...)
- vous pouvez rajouter ce que vous voulez : texte, logo, etc... (attention à ne pas l'alourdir trop cependant, sinon cela alourdira d'autant le chargement de votre chat)

ATTENTION : cette page propose des liens pour télécharger le plugin permettant d'accéder au chat. CES LIENS SONT CASSES, depuis que blaxxun interactive a remanié son site web. Le lien pour télécharger Contact n'est plus :
http://www.blaxxun.com/download/client 
mais :
http://www.blaxxun.com/services/support/download/install.shtml

Quant au lien proposé pour accéder au chat 2D, je ne l'ai pas retrouvé...

voir exemple

Etape 3 : Personnalisation du "frameset" contact.htm

Le "frameset"  (jeu de cadres) est la page contact.htm dans laquelle s'affiche votre chat 3D. Elle est d'origine décomposée en trois cadres superposés ( 2 seuls sont visibles). Sa composition de base est la suivante :

Vous devez bien sûr conserver ces 3 frames d'origine, mais rien ne vous empêche d'en rajouter d'autres, dans lequelles vous mettrez...ce que vous voulez. Le plus classique est de rajouter une frame à droite, mais vous pouvez faire comme vous le voulez.

La deuxième chose importante à dire sur cette page, c'est que si votre chat plait au visiteur (c'est tout le mal qu'on vous souhaite !), il va le mettre dans ses favoris. Et c'est donc le <title> de cette page qu'il y verra. Remplacez donc "blaxxun Contact" par un nom plus expressif !

Exemple de page avec un titre + une frame à droite :

<html>
<head>
<title>Mon super chat 3D à moi !</title>
</head>
<frameset cols="80%,20%" border="0" frameborder="0">
<frameset rows="60%,40%,*">
<frame src="contact3d.htm" name="World" scrolling=no marginheight=1 marginwidth=1>
<frame src="contact1.htm" name="CCpro" scrolling=no marginheight=1 marginwidth=1>
<frame src="blank.htm" name="HTML" noresize scrolling=no marginheight=1 marginwidth=1>
</frameset>
<frame src="ma_page.htm" name="ma_frame" scrolling="auto" marginheight=1 marginwidth=1>
</frameset>
</html>

voir exemple

Etape 4 : Paramétrage du chat par le fichier contact.bxx

De base, votre fichier contact.bxx ressemble à ceci :

server  www.blaxxun.com
port  2000
scene  http://www.monsite.com/chat/contact.bxx Mon super chat 3D à moi !
sname  Mon super chat 3D à moi !
3dscene  http://www.monsite.com/chat/monde.wrl
htmlframe  HTML

Nous pouvons rajouter dans ce fichier tout un tas d'autres lignes qui vont nous permettre de gérer l'apparence et le fonctionnement du chat blaxxun. Ces lignes sont :

A / Couleurs

panelbackrgb
spécifie la couleur du fond pour le panneau du chat de blaxxun contact.
( RGB de 0 à 255. ex: panelbackrgb  120,87,217 )

paneltextrgb 
spécifie la couleur du texte dans le panneau de droite.
( RGB de 0 à 255. ex: paneltextrgb  255,128,0 ) 

inputtextchatrgb 
spécifie la couleur du texte tapé dans la zone de dialogue.
( RGB de 0 à 255. ex: inputtextchatrgb  255,128,0 ) 

systemtextchatrgb 
spécifie la couleur du texte du dialogue "système" (exemple : texte de bienvenue)
( RGB de 0 à 255. ex: systemtextchatrgb  255,0,0 ) 

historytextchatrgb 
spécifie la couleur du texte pour l'historique du dialogue
( RGB de 0 à 255. ex: historytextchatrgb  0,0,0 )

owntextchatrgb 
spécifie la couleur du texte tapé par le chateur 
( RGB de 0 à 255. ex: owntextchatrgb  255,255,255 )

othertextchatrgb 
spécifie la couleur du texte tapé par les autres chateur
( RGB de 0 à 255. ex: othertextchatrgb  255,128,0  )

B / Synthèse vocale

voicesupport (Contact version 4.0 ou supérieure) 
Spécifie si le système de synthèse vocale doit être activé. Si le logiciel de synthèse n'est pas déja installé, blaxxun propose son installation.  
( 0=non, 1=oui . ex: voicesupport  1 )

clientvoiceenable (Contact version 4.0 ou supérieure) 
Spécifie si la voix des visteurs est activée
( 0=non, 1=oui . ex: clientvoiceenable 1 )

C / Présentation

noblaxxunicon
permer de supprimer le logo blaxxun du chat

( ex: noblaxxunicon  1 )

framesizes 
précise la largeur relative de la colonne de dialogue dans le tableau du chat blaxxun, en % par rapport à la largeur totale
( ex : framesizes  60 )

D / Avatars

vrmldefavatar
spécifie l'url de l'avatar par défaut de votre chat 3D
( ex: vrmldefavatar http://www.monsite.com/chat/avatars/defaut.wrl )

avatarworld
spécifie l'URL de votre galerie d'avatars.
( ex:  avatarworld  http://www.monsite.com/chat/avatars/galerie.htm )

E / Divers

message 
indique le message qui s'affiche en premier lorsque l'on arrive sur le chat
( ex: message  Bienvenue sur mon super chat 3D à moi ! )

listtabflag 
spécifie les onglets qui doivent être présents dans la colonne droite du chat ( 0=non, 1=oui )
dans l'ordre ( de gauche à droite )  :
Connectés 
Lieux 
Groupes 
< inutilisé > 
Sessions 
Aide 
Options 
Objets publics (Contact version 4.0 ou supérieure) 
Objets personnels (Contact version 4.0 ou supérieure) 
( ex: listtabflag  11001110 )

noblaxxunhelp
spécifie si l'on ne veut pas des aides par défaut de blaxxun dans le chat
(0 ou 1. ex : noblaxxunhelp 1 )

helpindex
spécifie l'URL de votre fichier d'aide personnalisé
( ex: helpindex  http://www.monsite.com/chat/help.htm )

F / Si vous en voulez encore :

Je n'ai mis ici que les paramètres les plus courants. Il y en a d'autres, d'un usage plus spécifique et/ou plus compliqué. Si vous voulez la liste complète :
http://www.blaxxun.com/products/server/docs/41/contact/plugin/

Et voila !

Il ne vous reste plus qu'a utiliser ces techniques pour habiller vos chat 3D à votre convenance ! Faites nous en de jolis, et n'oubliez pas de nous les faire connaître !

Quelques liens

Si ce sujet vous intéresse, deux liens indispensables (en anglais comme d'habitude !)

- blaxxun Contact--Frameset Guide par blaxxun interactive
- Thyme's Simple VRML & Blaxxun Multi User Examples par Graham Perret

Vincent Gardet