How can I make a blackboard or whiteboard on which players can draw things?

Help and Feedback Scripting Support
,
1

Hello, everyone.
I am an new developer and this is my first post,
and I am not native English speaker,
so sorry for any small grammatical mistakes or inappropriate expressions.

Currently I am developing a virtual international school with some classrooms.
Each classroom has blackboard but now it is just a union part and
players cannot draw anything on it.

To let players draw on it, I researched topics here and found scripts with frames.
However, it didn’t work and if possible I want to avoid to use them
because some people reports time lags or crash of the program.

I believe this is technically possible
because I found a drawing game called “Free Draw 2”
in which we can draw freely on the ground smoothly.

I appreciate if someone help me.
Thanks in advance.

2

Free Draw 2 uses very thin parts for their drawing system, I believe frames would be better performance-wise since it’s only in a 2d plane

1 Like
3

As @25darkstar suggested you could use a decal/frame system in this case. If you take a backgroundless image of a dot in the preferred colour you could then replicate that image based on where on the board the player presses. You could achieve this using UserInputService or some kind of pen tool.

1 Like
4

You could use Mouse.Hit to find out where to draw on the blackboard/whiteboard, and check if the player is holding one of the mouse buttons too.

1 Like
5

For smoother lines rectangular frames could be used with the height being the distance between the start and end point, the width the line thickness and an angle based on those two points until the player stops pressing the mouse button, dots could optionally be used for single clicks or start/end points of the lines

1 Like
6

Mouse.Hit is fine for most purposes but UserInputService is better in terms of cross-platform usability, especially when you can achieve the same thing (even if it requires more code).

3 Likes
7

Well first you would want to probably use a SurfaceGui | Roblox Creator Documentation for this.

There are a number of ways you can do this.

  1. Have the SurfaceGuis Parented to the Player’s PlayerGui Folder.
    Then detect when the player clicks on the Gui.
    Instantiate or clone a new Frame | Roblox Creator Documentation or ImageLabel | Roblox Creator Documentation to each of the player’s PlayerGui Folder.
  2. Have the SurfaceGuis Parented to the Part.
    Detect when a player clicks on the part then instantiate or clone a Frame or ImageLabel onto the part.

Really there are multiple ways you can draw. You could use BaseParts even if you would like to.

You can use a bunch of different ways to detect including Mouse | Roblox Creator Documentation, UserInputService | Roblox Creator Documentation or ClickDetector | Roblox Creator Documentation. If you have the SurfaceGui Parented to the Player’s Gui Folder you can even use the GuiButton | Roblox Creator Documentation event.

2 Likes
9

Thank you for your quick help.
I am impressed how fast you guys replied.

According to your advices,
I got back to focus on Frame idea and restarted the search again.

Today I found another code on YouTube:
(- YouTube)

This works good in StarterGui > ScreenGui folder,
while it does not work in Part > SurfaceGui folder.
Does anyone know the reason?
In both case, the codes are written in LocalScript.

10

How to do this? (im bad at scripting)