jQuery quest editor

We created a game called “Interdia”. This is a web-based game working as a web-site. One of the game components is text-based (MUD) quests. Player moves from one screen to another choosing available actions (you can access quests here [login to view URL] – just switch localization to EN and select “Quests” button).

For quests creation we use an editor (the same site, “Editor” button) in which an author creates quest structure. Creation process is similar to development of a flowchart. User add action and condition blocks and sets up conditions of their rendering in the game. Blocks and actions are connected with arrow lines. Blocks can be dragged and moved by mouse.

The editor is built on jQuery. Data for a quest is queried from the server and received in JSON format. Arrow lines are in SVG format. Our problem is that the lines do not flow around the blocks and direct through them instead. This is not cool.

What you have to do:

Create a jQuery plugin we can connect to our editor. The plugin shall draw beautiful lines. The “beautiful” means:

1. Lines of different colors.

2. While connecting two blocks lines must flow aside other blocks. Intersection with other lines is acceptable (1).

3. When a line changes its direction the bend should be rounded (1).

4. When user drag and drop a block the lines should be redrawn (lines may not be “beautiful” when block is being moved, however in this case a direct line like we have now should be rendered).

Plugin must accept at least the following parameters:

1. Line thickness.

2. Arrow form.

3. Set of colors that will be used to draw the lines.

How blocks must be connected:

1. Currently places where lines enter the blocks are calculated from block sizes. Lines ingress via left side – all to the one point (2). You have to change it to ensure that lines ingress in optimal points (3) – e.g. we can use a set of anchor points to which lines will connect to.

2. Lines must flow around the blocks and not crossing them. If the block A is located over the B block then line AB should ingress from the top not from the left side (4, 5, 6).

Egress points are stationary you don’t need to change them.

Also the algorithm must be documented, at least in code comments. Work will be considered sufficiently documented in case all employer questions are answered.

Please send your bids and terms. Thanks.

Compétences : Javascript, jQuery / Prototype, HTML5, CSS

en voir plus : jquery rich editor, jquery site editor, jquery text editor safari, jquery richtext editor example php, jquery text editor smilies, jquery text editor xhtml, jquery rtf editor php5, drag drop resize jquery ui editor, jquery emoticon editor, jquery html editor custom image browser, jquery rte editor, jquery text editor dreamweaver extension, jquery text editor underline, jquery layout editor, jquery image editor, jquery image editor upload, jquery timeline editor, jquery category editor

Concernant l'employeur :
( 0 commentaires ) Russian Federation

Nº du projet : #23431761

6 freelance font une offre moyenne de $182 pour ce travail


⭐⭐⭐⭐⭐Hello, there Thanks for your job posting. As a web/mobile expert on freelancer.com, I don't bid on projects that I am not sure. After double-checked your posting carefully, I thought I am the best freelancer for t Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(35 Commentaires)

Hello, My name is Muhammad Ahmad and I have over 5+ years of experience in Web application development. Also, you can check my latest client feedback. My skills: Html, CSS, JQuery, JavaScript, NodeJs, PHP, Loopback Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(4 Commentaires)

Hi. Thanks for your good description and I understood what you want. As an experienced developer, have strong skills and experience in development for 9 years. If have time, visit my profile now. If you want, will shar Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(16 Commentaires)

Hi Sir, Its Hisham. I am Software Engg. with more than 3 years of market experience. I have developed many web and cloud based solutions for my clients. I have been developing solutions ASP .NET since start of my caree Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(1 Évaluation)

✨✨✨ Hello, how are you? ✨✨✨ I have just read your description in detail so I understood what you want fully. HTML, CSS, JAVASCRIPT is not problem for me because it is basic of website development. Specially, I am very Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(1 Évaluation)

Hello, I have 6+ years of experience in Website and Application development. I have checked The requirement and understand that as well. I have created SIMILAR in past. Do you want to see the DEMO ??? Thanks.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(0 Commentaires)