Vibe Coding

Vibe Coding: The "New" Way to Program

Vibe Coding is a cool way to write programs with the help of AI (artificial intelligence). Imagine having a super-smart assistant by your side while coding! The AI can help you in different ways -- it might create an entire program for you, or just give you ideas and help with specific parts, depending on what you need.

To get started, you simply talk to the AI and explain what you want your program to do. The AI will then create a rough version of the program for you. After that, you can ask the AI questions, make suggestions, or request changes to add new features or fix things until the program is just the way you want it.

I want to build a program in Roblox (using Luau) that will create a world for the avatar. This world will consist of flat square panels that are 5 by 5 Roblox units in width and depth. The height of each panel will be lust .1 Roblox units. There will be 144 panels in total arranged in a 12 by 12 grid. The panels will be at different y-positions varying only by about 4 Roblox units. This will create a game for the avatar to jump from one panel to another. Can you write the code to 1) create a panel function, and 2) arrange the panels in the 12 by 12 grid at various heights.

Response from Copilot

Example:

-- Function to create a panel
function createPanel(x, y, z)
    local panel = Instance.new("Part")
    panel.Size = Vector3.new(5, 0.1, 5)
    panel.Position = Vector3.new(x, y, z)
    panel.Anchored = true
    panel.Parent = workspace
    panel.BrickColor = BrickColor.Random() -- Optional: Random color for variety
end

-- Arrange panels in a 12x12 grid
local gridSize = 12
local panelSize = 5
local heightVariation = 4

for i = 1, gridSize do
    for j = 1, gridSize do
        local x = (i - 1) * panelSize
        local z = (j - 1) * panelSize
        local y = math.random(0, heightVariation) -- Random height between 0 and 4
        createPanel(x, y, z)
    end
end

Could you add a "scoring" part of this program where a score value of "5" will be added to a "Total Score" for each panel that the avatar jumps on. Once the avatar has jumped on a particular panel, the score value for that panel will simply be zero to prevent the avatar from running up the score by repeatedly jumping on the same panel. You will need to add a way of keeping track of the score (possibly through a property added to the part) and a way of showing the score (through the Users GUI?).

Example:

-- Function to create a panel
function createPanel(x, y, z)
    local panel = Instance.new("Part")
    panel.Size = Vector3.new(5, 0.1, 5)
    panel.Position = Vector3.new(x, y, z)
    panel.Anchored = true
    panel.Parent = workspace
    panel.BrickColor = BrickColor.Random() -- Optional: Random color for variety
    
    -- Adding a custom property to track if the panel has been jumped on
    panel:SetAttribute("ScoreValue", 5) -- Initial score value is 5
    
    -- Detect when an avatar touches the panel
    panel.Touched:Connect(function(hit)
        local character = hit.Parent
        local humanoid = character:FindFirstChild("Humanoid")
        
        -- Check if the object touching the panel is an avatar
        if humanoid and panel:GetAttribute("ScoreValue") > 0 then
            -- Add to TotalScore and update display
            TotalScore = TotalScore + panel:GetAttribute("ScoreValue")
            panel:SetAttribute("ScoreValue", 0) -- Set score value to zero
            scoreLabel.Text = "Score: " .. TotalScore -- Update GUI
        end
    end)
end

-- Add a GUI to display the Total Score
local player = game.Players.LocalPlayer
local screenGui = Instance.new("ScreenGui", player:WaitForChild("PlayerGui"))
local scoreLabel = Instance.new("TextLabel", screenGui)
scoreLabel.Size = UDim2.new(0, 200, 0, 50)
scoreLabel.Position = UDim2.new(0, 10, 0, 10)
scoreLabel.Text = "Score: 0"
scoreLabel.TextSize = 24
scoreLabel.BackgroundColor3 = Color3.new(0, 0, 0)
scoreLabel.TextColor3 = Color3.new(1, 1, 1)
scoreLabel.BorderSizePixel = 2

-- Total Score variable
TotalScore = 0

-- Arrange panels in a 12x12 grid
local gridSize = 12
local panelSize = 5
local heightVariation = 4

for i = 1, gridSize do
    for j = 1, gridSize do
        local x = (i - 1) * panelSize
        local z = (j - 1) * panelSize
        local y = math.random(0, heightVariation) -- Random height between 0 and 4
        createPanel(x, y, z)
    end
end

Summary

In the example, the AI created the Roblox code based on instructions from the user. The user just explained what they wanted the program to do and how it should work. The AI then took care of writing the code. The final result is flexible code that can be changed or improved easily to fit new ideas or needs.