Ir para o conteúdo
Riot Bits

Riot Bits

  • Lar
  • Notícias
  • Guias
  • Guias de vídeo
  • Notas do Patch
  • Denunciar abuso
  • Alternar formulário de pesquisa

Retro Gadgets – Intermediate Coding Tutorial Guide

postado em 12/13/2022 Por WORM RIDAAA! Sem comentários em Retro Gadgets – Intermediate Coding Tutorial Guide
  • Título: Retro Gadgets
  • Data de lançamento:
  • Desenvolvedor:
  • Editor:
Information about Retro Gadgets is still incomplete. Por favor, ajude-nos a preencher os detalhes do jogo usando este formulário de contato.

In this tutorial I show you how to code in Retro Gadgets by creating a 2D platformer!

Introdução

Neste vídeo, I show you how to create the following features:

  • Time based animations
  • Player movement controller
  • Play audio
  • Sprite Collision
  • Save game + Auto save
  • Random spawning mechanic

I have created sections in this guide for some of the major features, and you can find the completed gadget on the workshop! I recommend following along with the video, but you can also view the code below. This is mainly a tutorial on how to code in Retro Gadgets, however if people plan to use the code for a 2D platformer it definitely needs updating. I may come back and update the guide and project in the future.

Se você achou este guia útil, I would greatly appreciate if you rated it and left a comment on how I can improve!

Vídeo

Interfacing with chips

We need to initialize each chip that we added and configure them for our project.

local video: VideoChip = gdt.VideoChip0 local screenMain: Screen = gdt.Screen0 local rom: ROM = gdt.ROM local audio: AudioChip = gdt.AudioChip0 local memory: FlashMemory = gdt.FlashMemory0 local lowerButton: LedButton = gdt.LedButton0 local upperButton: LedButton = gdt.LedButton1 local movementButton: DPad = gdt.DPad0 screenMain.VideoChip = video audio:SetChannelVolume(30, 1)

Importing Assets

Once we have the ROM configured, we can import assets that we uploaded and import built in assets such as a font. ROM stands for read only memory, and data stored here cannot be changed after compilation.

Here’s the sprite sheet for example. Notice how I have the right facing sprites in one row and the left facing sprites in another. This will make it easier to animate them later. All assets need to be placed inside the import folder which can be found in the main menu.

The photo is blurry because the sprites are only 16px tall.

–ativos– local font: SpriteSheet = rom.System.SpriteSheets[“StandardFont”] local dummy: SpriteSheet = rom.User.SpriteSheets[“dummysprite1.png”] local coin: SpriteSheet = rom.User.SpriteSheets[“coinsprite.png”] local coinsound: AudioSample = rom.User.AudioSamples[“coinsound.wav”]

Player and Coin Variables

Setup the variables that will be used by the player and coin. We have various tick counters in order keep track of time for our player animations, coin spawn rate, and random seed for coin position.

–player controller vars– local playerXPosition: number = 0 local playerYPosition: number = 48 local jumping: boolean = false local falling: boolean = false local playerProfile = {} –true = facing right / false = facing left local playerFacingIdle: number = 2 –coin vars– local isCoinSpawned: boolean = false local coinPosition: number = 0 local coinSpawner: number = 0 local tickCounter: number = 0 local globalTickCount = 0

Save and Auto save

In order for saving to work correctly, you need to initialize the variables that you want to save if a save does not exist. De outra forma, when you try to use those variables they will be nil.

initSave()

should be called right after your local variable initialization. You can only save a single table to memory and tables in LUA operate with key -> value pair mapping. This is similar to dictionaries in other languages like Java.

function saveGame() memory:Salvar(playerProfile) end function initSave() local loadData = memory:Carregar() if loadData[“pontuação”] == nil then playerProfile[“pontuação”] = 0 saveGame() else playerProfile = loadData end end initSave()

Update Function

It is good practice to keep your update function clean and not to write too much logic here. Let other methods handle your functionality. It would be a good idea for me to make an auto save function which calls save every 60 ticks rather than have that logic here. 60 ticks is roughly equal to 1 second when a program is running at maximum speed.

— update function is repeated every time tick function update() vídeo:Claro(color.black) playerController() spawnCoin() playerCollision() drawScore() incrementTicks() if globalTickCount % 60 == 0 and globalTickCount >= 60 then saveGame() end end

Increment Tick Counters

–increment all ticks by 1– function incrementTicks() tickCounter = tickCounter + 1 coinSpawner = coinSpawner + 1 globalTickCount = globalTickCount + 1 fim

Draw Score

We draw the score every frame with it’s own function just in case we want to update it later.

function drawScore() vídeo:DrawText(vec2(2, 2), font, “Pontuação: “..tostring(playerProfile[“pontuação”]), color.white, color.clear) fim

Movement Controller + Animações

This is a basic controller that I made to handle animations. I explain the whole controller in the video. The only thing to note is that I do not handle when the player pressed down on the DPad so the character disappears for a second.

The time based animation can be seen in how we change the character animation based on the tickCounter variable. 15 ticks is roughly equal to 1/4 of a second, e em 30 ticks we reset the counter to repeat the animation. The running and jumping animations are comprised of 2 frames each. While the running animation is based on time, the jumping animation is based on the player height in the scene. This wouldn’t work if the player is expected to jump on other objects.

function playerController() if movementButton.X == 0 and movementButton.Y == 0 then tickCounter = 0 idle() end if tickCounter > 29 then tickCounter = 0 end if movementButton.X > 0 then playerXPosition = playerXPosition + 1 playerFacingIdle = 2 andar(2) elseif movementButton.X < 0 then playerXPosition = playerXPosition – 1 playerFacingIdle = 3 andar(3) end if movementButton.Y > 0 and playerYPosition == 48 then jumping = true end if jumping == true then jumpAnimation() elseif falling == true then fallingAnimation() end end function fallingAnimation() local animationNum = 4 if playerYPosition >= 48 then falling = false jumping = false elseif playerYPosition > 32 then animationNum = 4 playerYPosition = playerYPosition + 1 elseif playerYPosition >= 24 then animationNum = 5 playerYPosition = playerYPosition + 1 end video:DrawSprite( vec2(playerXPosition, playerYPosition), dummy, animationNum, playerFacingIdle, color.white, color.black) end function jumpAnimation() local animationNum = 4 if playerYPosition > 32 then animationNum = 4 playerYPosition = playerYPosition – 1 elseif playerYPosition > 24 then animationNum = 5 playerYPosition = playerYPosition – 1 elseif playerYPosition <= 24 then jumping = false falling = true end video:DrawSprite( vec2(playerXPosition, playerYPosition), dummy, animationNum, playerFacingIdle, color.white, color.black) end function idle() vídeo:DrawSprite( vec2(playerXPosition, playerYPosition), dummy, 1, playerFacingIdle, color.white, color.black) end function walk(direction: número) local animationNum = 2 if tickCounter >= 0 and tickCounter < 15 then animationNum = 2 elseif tickCounter >= 15 and tickCounter < 30 then animationNum = 3 end video:DrawSprite( vec2(playerXPosition, playerYPosition), dummy, animationNum, direction, color.white, color.black) fim

Random Coin Spawning

This is how we spawn the coin in a random position on the screen between 1-56. Since our coin is an 8×8 sprite, we draw the coin at a maximum of x = (64-8). In order to get random number generation working, we need to call the

math.randomseed(globalTickCount)

function where globalTickCounter is a different number every time. This seed generation works similarly to minecraft world’s seed.

We also use the coinSpawner variable to determine if 180 ticks or roughly 3 seconds has passed before spawning a new coin.

function spawnCoin() if isCoinSpawned == false and coinSpawner > 180 then math.randomseed(globalTickCount) coinPosition = math.random(56) isCoinSpawned = true elseif isCoinSpawned == true then video:DrawSprite(vec2(coinPosition, 26), moeda, 0, 7, color.white, color.clear) end end

Player Collision and Playing Audio

We are checking if the left side of our player is left of the center of the coin, and the right side of our player is right of the center of the coin. We then check if the height of the player is at least as high as the center of the coin. Since we statically spawn coins at y = 26, and the bottom of the coin is at y = 34, we can do this by checking if the player’s head is at least at y = 30.

function playerCollision() if isCoinSpawned == true then –calculate the collision box– if coinPosition + 4 >= playerXPosition and coinPosition + 4 <= playerXPosition + 16 then if playerYPosition <= 30 então –picked up coin– playerProfile[“pontuação”] = playerProfile[“pontuação”] + 1 isCoinSpawned = false coinSpawner = 0 áudio:Jogar(coinsound, 1) end end end end

Isso é tudo o que estamos compartilhando hoje para isso Retro Gadgets guia. Este guia foi originalmente criado e escrito por WORM RIDAAA!. Caso não atualizemos este guia, você pode encontrar a atualização mais recente seguindo este link.

Se você acredita que algum conteúdo deste site viola seus direitos, incluindo seus direitos de propriedade intelectual, entre em contato conosco imediatamente usando nosso formulário de contato.
Guias Tag:Retro Gadgets

Navegação de artigos

Postagem anterior: How to Fix Retro Gadgets FPS Drop, atraso, e problemas de gagueira
próxima postagem: How to Fix Chop Goblins Crashing, Falha no lançamento, e problemas de congelamento

Deixe um comentário Cancelar resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

  • Título: Retro Gadgets
  • Data de lançamento:
  • Desenvolvedor:
  • Editor:
Information about Retro Gadgets is still incomplete. Por favor, ajude-nos a preencher os detalhes do jogo usando este formulário de contato.

Isenção de responsabilidade

Todo o conteúdo citado é derivado de suas respectivas fontes. Se você acha que usamos seu conteúdo sem permissão, certifique-se de entrar em contato conosco e levaremos isso a sério.
  • Sobre nós
  • Contate-nos
  • política de Privacidade
  • Termos de serviço

direito autoral © 2025 Riot Bits.

Distribuído por PressBook Notícias tema WordPress