The NeceMoon | July 2010

A travers Bavardica - Partie 4 : Possibilites d'ameliorations

by necemon 24. July 2010 03:58

Ceci est la dernière partie de la série sur BavardicaOutre une interface utilisateur conviviale et colorée, les autres caractéristiques comprennent la modification de personnages en temps réel (pendant qu'ils sont sur la scène). Là encore, le style de cheveux, la peau, les vêtements et les chaussures peuvent être modifiés. En outre, les couleurs de tous ces vêtements peuvent également être modifiésLa façon dont cela fonctionne est assez similaire à la façon dont un personnage est créé.

Entre temps, quelques autres fonctions ont été ajoutées:

- Détection de collision : Ceci est pour s'assurer que les bavards ne sortent pas de la scène. Aussi, ils ne se marchent pas les uns sur les autres quand ils se déplacent verticalement. Cette fonctionnalité est basée sur de simples conditions "if" qui vérifient si le déplacement ne conduit pas hors de la scène ou à une position occupée par un autre personnage.

 

- BubblingCette fonction est utilisée pour traiter le texte entré dans la bulle (mode graphique). Chaque fois qu'un utilisateur envoie un message, il apparaît sur ​​la scène comme une bulle volante qui s'eleve et disparaît progressivementUne animation a été conçue à cet effetPour ce faire, des animations de mouvement et d'opacité sont appliquées à l'objet de bulle. Chaque touche pressée est traitée individuellement comme la bulle ne repose pas sur une zone de texteLe probleme principal dans cette tâche a été que les positions des caractères spéciaux changent selon le type de clavier. Pour l'instant, le texte des bulles a ete optimis
é pour des conversations sur claviers américains et britanniques.



 

 

 

Voici les ameliorations qui sont prevues:

 

 

 - Plus de salles

L'application actuelle contient une seule scène où toutes les conversations publiques se passent. Une bonne extension pourrait être d'avoir de nombreuses scènes et  une carte pour naviguer parmi les lieux.

- Plus de musique

La musique de fond est toujours la même piste mp3 jouer à nouveau. Il est destiné à la prochaine version d'avoir une liste de chansons comme fond musical. En outre, depuis, il y aura de nombreuses chambres, chaque chambre aura un thème différent et la musique qui va avec.

 
- Plus cybavards

En raison de la grande quantité de temps et les données nécessaires pour simuler la conversation d'un cybavard unique, il n'a pas été possible de fournir plus d'un de ces cybavards dans cette premiere version. Le processus de leur création est assez simple. C'est surtout une question de tempsPar exemple, le cybavard dans cette démo a une base de connaissances de près de 4 mégaoctets (du texte).

 
- Se déplace plus pour une meilleure interaction

Les seules animations disponible pour le moment sont la marche dans les 4 directions et la respiration quand que le personnage est inactif. Il est prévu d'ajouter plus d'animations comme la danse, courir, sauter. Il y aura quelques mouvements pour exprimer l'humeur du personnage. À un stade ultérieur, il pourrait y avoir des animations qui engagent plus d'un personnage, comme étreindre ou serrer la main. 

 

Une version de l'application est disponible actuellement à http://bavardica.com

Tags: , , , , , , ,

Francais | Technical

Inside Bavardica - Part 4 : Scope for future improvements

by necemon 24. July 2010 03:11

 

This is the last part of the series on Bavardica. Apart from a user friendly and colourful user interface, the other features include the edition of the character outlook in real time (while on the scene). Here again, hair style, skin, clothes and shoes can be changed. Additionally, colours of all those garments can also be changed. The way it works is pretty similar to the way a character is created.

 

In the meanwhile, some other functions had been added:

-          Collision detection: This is to make sure that bavards don’t get out of the scene boundary. Also, they don’t walk inside each other when move vertically. This feature is based on simple “if conditions” that check whether the move doesn’t not lead outside the scene or at a position occupied by another character.

 

-          Bubbling: That function is used to process text entered in bubble (graphic mode). Every time a user sends a message, it appears on the scene as a flying bubble that gradually disappears. An animation had been designed for this purpose. So both motion and opacity animations are applied to the bubble object. Each key pressed is processed individually as the bubble does not rely on a textbox. The main issue in this task was that the positions of special characters change according to the keyboard type. Finally the bubble handles pretty smoothly conversations from American and british keyboards.

 

-         

 

-          More rooms

The current application contains a single scene where all the public conversations happen. A good extension could be to have many scenes and a map to navigate among the scene.

 

-          More music

The music background is always the same mp3 track playing all over again. It is intended in the next version to have a playlist of tracks as music background. Further, since there will be many rooms, each room will have a different theme and a different kind of music.

 

-          More cybavards

Due to the large amount of time and data required to simulate the talk of a single cybavard, it has not been possible to provide more than one of those cyber bavards. The process in their creation is pretty simple. It’s mainly a matter of time. For instance, the cybavard in this demo has a knowledge base of nearly 4 megabytes (of text).

 

-          More moves for a better interaction

The only animations available at the moment are walking in all 4 directions and breathing while the character is idle. It is planned to add more animations like dancing, running, jumping. There will be some moves to express the character’s mood. At a later stage, there could be animations that involve more than one character, like hug or hand shake. It is also planned to have more animations for characters to express their moods.

 

A working version is available at http://bavardica.com

Tags: , , , , , , ,

English | Technical | Arts/Fun

Inside Bavardica - Part 3 : Design of the 2D characters

by necemon 10. July 2010 09:34

 

How I draw the 2D characters

 

Due to the nature of the drawing art, which is not really computer science related, I thought it was best to describe this process in another part right after the progress description. This work had been a full part of the project and even though it does not directly concern programming (before we get into animation), it is also a computer work involving a pen tablet and some image processing software (Adobe Photoshop). The following screenshots describe the steps in the drawing of one character (out of four).

 

a.      Sketching

 

b.     Filling

 

 

c.      Coloring

 

d.     Clothing

 

 

 


 

e.      Slicing

 

 

 

For details about animation in Silverlight, you can check that tutorial that Darren Mart wrote. To check out what's coming next with Bavardica, move to the next part.

 

Tags: , , , , , , ,

English | Technical | Arts/Fun

a travers Bavardica - Partie 3 : Conception Graphique Des Personnages 2D

by necemon 10. July 2010 03:29

Comment j'ai dessine' les personnages 2D


En raison de la nature artistique du dessinqui n'est pas forcement liée a l'informatique, j'ai pensé qu'il valait mieux décrire ce processus dans une autre partie juste après la description de l'evolution technique. Ce travail a été une partie intégrale du projet et même si elle n'implique pas directement de programmation (en tout cas, pas avant d'entrer dans l'animation), il est aussi un travail sur ordinateur impliquant une tablette à stylet et un logiciel de traitement d'images (Adobe Photoshop). Les images suivantes décrivent les étapes dans la conception graphique d'un personnage (un personnage sur les quatre qui ont été créés)

 

a.      Croquis

 

b.     Remplissage

 

 

c.      Coloriage

 

d.     Habillage

 

 

 


 

e.      Decoupage

 



Pour plus de détails sur l'animation dans Silverlight, vous pouvez vérifier ce tutoriel que Darren Mart a écritPour découvrir ce que seront les prochaines etapes avec Bavardicapassez à la prochaine partie.

Tags: , , , , , , ,

Francais | Technical | Arts/Fun

About

Necemon

I am Necemon Yai. I am a .NET developer and a digital artist. Let's keep in touch via Twitter, LinkedIn or Facebook.

Je suis Necemon Yai. Je suis un développeur .NET et un artiste numérique. Restons en contact via Twitter, LinkedIn ou Facebook.