Forem: Moov

Is the Habbo Hotel related to programming?

Moov — Mon, 06 May 2024 21:27:51 +0000

Yeah, I know, the title looks weird, but trust me! I'll show in this article that the claim totally makes sense.

Habbo Hotel is a virtual hotel where you can enter rooms and talk to other Habbos, play games created by the community and build relationships. You may have heard of it in the 2000s, when the game was at its peak. It was really famous in Brazil, reaching a peak of 50k players playing simultaneously. It doesn't sound like much, but for 2010 it's a lot.

Habbo Hotel was very present in my life when I was young, I met a lot of people and made a lot of friends who I still talk to. But after many years as a programmer, I realized one of the things about Habbo that developed my programming logic. Ladies and gentlemen, I present to you an incredible and powerful item in the world of Habbo Hotel called Wired.

What is Wireds?
Type of Wireds
Let's get our hands dirty
Event driven programming
Logic Elements
Connecting the points
Conclusion

What is Wireds?

Wireds are furnis (abbreviation that the game uses to refer to furniture) who is a group of tools that allow the users to program and automate the actions inside your rooms. The users can connect different Wireds to create a chains of actions triggered by specific events, like a user saying a specific word to be teleport.

Type of Wireds

They're separate by the categories: triggers, effects, conditions, negative conditions, selectors and add-ons. We won't be discussing the last two for now.

Triggers: Triggers are the Wireds that will be triggered if the user performs a specific action, such as saying a specific word.
Effects: The effects are what you want to happen if you activate the trigger, such as when the user says 'Hello' (trigger), it will teleport the user to a specific place (effect).
Conditions: I've got it. This is the famous if. I'm going to follow the example we've set and make the effect teleport to a specified x place if the user is on a floor.
Condition Negative: The famous else. Okay, but if the user hasn't been to a floor that I put in the initial conditional? In our example, we put to be teleported in a y place.

Let's get our hands dirty

We're going to use the example I gave at the top. Our goal is simple: when the user says "Hello" at the top of a specific floor, he has to be teleported.

We need these Wireds to do that.

Their names tell you exactly what they do. Read carefully and you'll see.

This is our starting point, we are going to do the things with Wireds here.

Let's start with the trigger. When the Habbo says "Hello", the Wireds will activate.

Once the trigger is activated, the effect will be triggered and Habbo will be teleported to the blue floor.

In the Wired condition, the Habbo will be teleported ONLY if they are at the top of the grass.

This is the result we're looking for:

If the Habbo is not on the grass, nothing happens.

The negative condition is the same thing, but with this one, if the user isn't at the top of the grass, they'll teleport to the blue floor.

That's just the tip of the iceberg. There are many more creative and impressive examples like:

The Snake Game
// Detect dark theme var iframe = document.getElementById('tweet-1503392183432458246-408'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1503392183432458246&theme=dark" }

Or Tetris
// Detect dark theme var iframe = document.getElementById('tweet-1608474955104096257-826'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1608474955104096257&theme=dark" }

I understand how Wired's works, but I want to know how this is related to programming...

Event driven programming

Event-driven programming is the way to go. It's a paradigm of programming that focuses on the interaction between components through events. These events can be generated by user actions or internal actions in our system. Let's take Habbo as an example. When a user interacts with the Wired, they answer to a predefined action, creating a dynamic experience and making the user feel interactive.

Logic Elements

The Wireds is related to event-driven programming, and it can also relate to logic elements. These are essential elements in programming that focus on deriving conclusions based on a set of rules or facts that come from the relationships between entities.

In the Habbo Wireds, users can set the complexity condition logic using the "IF, THEN, ELSE" declarations.
Using the example we made, the logic looks like this in code:



if(user.speak === "hello" && user.place === 'grass') {
    userTeleportToBlueFloor()
}

The negative condition is as follows:



if(user.speak === "hello" && !user.place === 'grass') {

    userTeleportToBlueFloor()

}

Connecting the points

The combination of event-driven programming and essential programming elements is evident in the Habbo Wireds, showcasing the versatility and power of these two concepts. The Habbos can create complex places, interactives that adapt to user interactions and the dynamic of the game when they use both parts.

The use of Habbo Wireds is an excellent way to introduce players to fundamental concepts of programming and logic. It encourages creativity, problem-solving, and critical thinking, essential skills that are valuable both in the virtual world of Habbo and in the real world in a programmer's career.

Conclusion

This article proves that Habbo Hotel has complete relationship with programming, both with logic elements and as event-driven programming. It shows how the Wireds work and how they correlate.

Como Habbo Hotel está relacionado a programação?

Moov — Mon, 29 Apr 2024 15:09:43 +0000

É, eu sei, você provavelmente leu o titulo e deve tá se perguntando como diabos isso é relacionado a programação, mas tem uma explicação muito boa, juro.

O Habbo Hotel é um hotel virtual ~~ou multiverso, dependendo da brisa que você tá~~, onde você navega por quartos e conversa com outros Habbos. Você deve ter ouvido falar disso lá em 2009-2010, época em que o jogo estava em seu maior pico de jogadores.

Habbo Hotel sempre foi presente na minha adolescência, conheci vários amigos lá que mantenho contato até hoje, mas ao longo dos anos como programador, eu parei pra pensar em uma das coisas que são presentes no Habbo Hotel e que hoje eu penso que isso desenvolveu muito bem a minha lógica na programação não intencionalmente. Meus amigos, eu apresento a vocês um item poderoso no mundo pixelado do Habbo, que se chama Wireds.

O que são Wireds?
Tipos de Wireds
Na prática
Programação Orientada a Eventos
Elementos Lógicos
Ligando os Pontos
Conclusão

O que são Wireds?

Wireds são mobis (abreviação que o jogo usa para mobilias) que são um conjunto de ferramentas que permitem aos jogadores programar e automatizar ações dentro dos seus quartos. Os Habbos podem conectar diferentes Wireds para criar cadeias de ações desencadeadas por eventos específicos, como um usuário digitando uma palavra específica para ser teleportado.

Tipos de Wireds

Eles são separados pelas categorias, ativadores, efeitos, condições, condições negativas, seletores e extras, mas esses dois últimos não falaremos no momento.

Ativadores: Os ativadores ou triggers são os wireds que vão ser ativados caso o usuário faça alguma ação configurada, como falar uma palavra específica.
Efeitos: Os efeitos são o que você quer que aconteça caso você ative o trigger, como por exemplo quando o usuário falar 'salve' (ativador), ele vai teleportar o usuário para um lugar específico (efeito).
Condições: Esse você conhece né? O famoso IF. No caso, seguindo o exemplo que estamos construindo, a condição pode ser em um exemplo em que, caso o usuário estiver em cima de um piso, eu quero que ele faça esse efeito de teleportar o usuário pra um lugar.
Condições Negativas: Esse seria nosso famoso else. Beleza, mas se o usuário não estiver em cima do piso que eu coloquei na condição inicial? No nosso exemplo, vamos colocar ele pra ser teletransportado pra outro lugar.

Na prática

Vamos usar o exemplo que eu escrevi exemplificando cada Wired, nosso objetivo é simples, quando o usuário falar 'salve' em cima em um piso especifico, que ele seja teleportado.

Para fazer isso a gente vai usar estes wireds:

O nome deles explica por sí só o que eles fazem, então se puder, leia bem o que cada um faz.

Teremos esse quarto como ponto principal, no piso azul onde queremos ser teleportados.

Vamos começando com o ativador, coloquei que quando o Habbo falar 'salve' vai ativar os Wireds.

Logo após vamos configurar o efeito, quando o trigger for ativado, o efeito vai ser ativado também teleportando o Habbo para o piso azul.

Indo para as condições, eu vou ser teleportado para o piso azul SOMENTE se eu estiver em cima da grama.

E temos como resultado:

Caso não esteje em cima da grama, não acontece nada.

Usando a condição negativa ficaria a mesma coisa, mas agora a condição se torna: se o usuário não estiver em cima da grama, teleporte ele para o piso azul.

Isso foi um exemplo simples mas apenas a ponta do iceberg do que isso é capaz de fazer, temos vários exemplos criativos e impressionantes que os usuários colocam, como por exemplo:

Jogo da Cobrinha
// Detect dark theme var iframe = document.getElementById('tweet-1503392183432458246-270'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1503392183432458246&theme=dark" }

Ou até Tetris
// Detect dark theme var iframe = document.getElementById('tweet-1608474955104096257-271'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1608474955104096257&theme=dark" }

Beleza, mas depois dessa explicação toda, como que isso se relaciona com programação?

Programação Orientada a Eventos

Programação Orientada a Eventos é um paradigma de programação que se concentra na interação entre componentes do software por meio de eventos. Esses eventos podem ser gerados por ações do usuário ou mesmo por ações internas do nosso próprio sistema. No caso do exemplo com Habbo Hotel, quando um evento ocorre, o Wired correspondente (ou conjunto de Wireds) executa uma ação predefinida, criando experiências dinâmicas e interativas para os usuários.

Elementos Lógicos

Embora os Wireds do Habbo operem principalmente em um modelo orientado a eventos, eles também incorporam elementos lógicos. Esses elementos são elementos essenciais na programação que focam em derivar conclusões baseados em um conjunto de regras ou fatos vindos das relações entre entidades.

Nos wireds do Habbo, os usuários podem configurar condições lógicas complexas usando as declarações "SE...ENTÃO...SENÃO".
Usando o exemplo que fizemos, se transformarmos em código conseguiríamos uma lógica parecida com essa:

if(user.speak === "salve" && user.place === 'grass') {
    userTeleportToBlueFloor()
}

Ou a condicional negativa:

if(user.speak === "salve" && !user.place === 'grass') {
    userTeleportToBlueFloor()
}

Ligando os Pontos

A combinação entre a programação orientada a eventos e os elementos essenciais da programação nos Wireds do Habbo mostra a variedade e o poder de combinar esses dois conceitos. Aproveitando essas duas partes, os Habbianos podem projetar ambientes complexos, interativos que se adaptam às interações do usuário e à dinâmica do jogo.

Além disso, o uso de Wireds no Habbo serve como uma forma educacional, introduzindo os jogadores a conceitos fundamentais de programação e lógica sem mesmo não tendo o objetivo para isso. Ele encoraja a criatividade, a resolução de problemas e o pensamento crítico, habilidades essenciais que são valiosas tanto no mundo virtual do Habbo quanto no mundo real.

Conclusão

Esse artigo foi para provar o ponto que Habbo Hotel tem completa relação com programação, tanto como elementos lógicos como uma programação orientada a eventos. Mostrando brevemente como funciona os Wireds e como eles correlacionam.

O porquê você deve fazer Live Coding

Moov — Sat, 12 Feb 2022 08:51:57 +0000

O que é o Live Coding

Como primeiro post no dev.to, nada mais justo de falar sobre uma das ações que podem ter colaborado muito na minha carreira como desenvolvedor, o Live Coding. Como o nome já diz, o Live Coding consiste em simplesmente você codar, seja qualquer projeto, e fazer live ao mesmo tempo ~~pareceu muito óbvio escrevendo mas pra quem não entendeu, tá aí!~~.

Hoje a prática de Live Coding é uma categoria que está crescendo bastante na Twitch, segue abaixo o quão a categoria Science & Technology cresceu nos últimos anos:

A partir disso, separei alguns tópicos para te dar os motivos do porquê você deve fazer Live Coding.

Foco

Esse foi um dos motivos de eu começar a fazer lives, e ainda é. A procrastinação está muito presente, e o fato de abrir live, te passa um sentimento de obrigação de programar.

E a parte do foco pode-se aplicar não só para a parte de Coding, mas também para muitas outras áreas, faculdade, matérias de escola, tudo! O que você tem que fazer é somente abrir a live e estudar, ou melhor, explicar o que você está fazendo como estivesse alguém te assistindo, e pode ter até alguém te assistindo mesmo interessado no mesmo tópico, e a consequência disso leva pra outro tópico…

Networking

Imagina só, você está lá fazendo live estudando HTML e CSS e chega uma pessoa no seu chat explicando o porquê de uma div não está sendo posicionada no meio, e a partir daí você consegue suprir um conhecimento a partir do ensinamento do viewer da sua live, OLHA QUE COISA FANTÁSTICA.

E além disso, fazer live permite você conhecer pessoas fantásticas com uma bagagem enorme que podem te ensinar várias coisas e até mesmo aprender com o que você está estudando, eu mesmo consegui meu primeiro emprego a partir de uma pessoa que eu conheci pelas lives.

Coworking

Uma das coisas curiosas que acontecem quando alguém está codando ou outra coisa do tipo, é que você consegue motivar as pessoas que estão te assistindo a estudar, ou até mesmo encontrar uma solução pra um bug que você está preso há horas, eu não sei muito bem como explicar isso, mas acontece bastante.

Espero que a partir desses pontos que citei aqui, você possa se sentir motivado a fazer live coding, ou até assistir alguma. Você pode clicar aqui e visitar minha live, se eu estiver offline, sempre avisarei no meu twitter quando estiver online!
Até a próxima! ;)