How Can I connect dots with finge

Solar2D General Questions/Discussion
#1

Hi every one

How Can I connect dots with finger?

I want to draw lines like this image (white lines )

How Can I do ?

wcd576.jpg

#2

You’ll have to refine the code to do what you want, but this  example has drawing code and the principle is the same:

https://github.com/roaminggamer/RG_FreeStuff/raw/master/AskEd/2018/01/whiteBoard.zip

https://www.youtube.com/watch?v=C6nm_MLZeTs

#3

Hi
Nice job
thanks for answer me
it is not like Word connect game
Word connect game is like Bezier curves

Look at this video

https://www.youtube.com/watch?v=5huTNwhgF4o

#4

You’ll have to code this on your own.    There are no ready-made solutions (that I am aware of) that do exactly what you want.

My answer wasn’t about a word game, it was about the basic principles behind drawing lines on the screen.  The demo may help you get started on that. 

This will involve touch listeners, accumulating points, and drawing a line.  My demo draws circles at the points first, then replaces the circles with a single line upon finger lift.

You can do that, or you can draw a line immediately. 

As far as smoothing, I have some code here to smooth the points in a line: https://github.com/roaminggamer/RG_FreeStuff/raw/master/AskEd/2015/07/smoothPath.zip

  1. Download

  2. Run in simulator

  3. Click and drag to draw sequence of points.

  4. Release-click and catmull code will run to smooth line.  

  5. Adjust settings in sample to see how algorithm works.

This is from my collection of ~400 answers (see AskEd folder) in RG_FreeStuff:  https://github.com/roaminggamer/RG_FreeStuff

I also have a ton sample games (~/Hangouts/ICanMakeThat/*) and other goodies here: https://github.com/roaminggamer/CoronaGeek

Later when you are more experienced you can check out SSK2: 

#5

Hi jalalimehdi,

Did you find any solution for this?

I am also looking for Bezier curves to connect items,

Thank you

#6

I need something like that too, I have some ideas on how to do it, but if you already have a solution I’d like to see it first.

#7

You’ll have to refine the code to do what you want, but this  example has drawing code and the principle is the same:

https://github.com/roaminggamer/RG_FreeStuff/raw/master/AskEd/2018/01/whiteBoard.zip

https://www.youtube.com/watch?v=C6nm_MLZeTs

#8

Hi
Nice job
thanks for answer me
it is not like Word connect game
Word connect game is like Bezier curves

Look at this video

https://www.youtube.com/watch?v=5huTNwhgF4o

#9

You’ll have to code this on your own.    There are no ready-made solutions (that I am aware of) that do exactly what you want.

My answer wasn’t about a word game, it was about the basic principles behind drawing lines on the screen.  The demo may help you get started on that. 

This will involve touch listeners, accumulating points, and drawing a line.  My demo draws circles at the points first, then replaces the circles with a single line upon finger lift.

You can do that, or you can draw a line immediately. 

As far as smoothing, I have some code here to smooth the points in a line: https://github.com/roaminggamer/RG_FreeStuff/raw/master/AskEd/2015/07/smoothPath.zip

  1. Download

  2. Run in simulator

  3. Click and drag to draw sequence of points.

  4. Release-click and catmull code will run to smooth line.  

  5. Adjust settings in sample to see how algorithm works.

This is from my collection of ~400 answers (see AskEd folder) in RG_FreeStuff:  https://github.com/roaminggamer/RG_FreeStuff

I also have a ton sample games (~/Hangouts/ICanMakeThat/*) and other goodies here: https://github.com/roaminggamer/CoronaGeek

Later when you are more experienced you can check out SSK2: 

#10

Hi jalalimehdi,

Did you find any solution for this?

I am also looking for Bezier curves to connect items,

Thank you

#11

I need something like that too, I have some ideas on how to do it, but if you already have a solution I’d like to see it first.