Coder Social home page Coder Social logo

vonger / rhc22-badge Goto Github PK

View Code? Open in Web Editor NEW

This project forked from markin/rhc22-badge

1.0 1.0 0.0 15.09 MB

Cyber Saiyan community has designed and developed a special gadget to celebrate RomHack Camp 2022. Check it out

Home Page: https://romhack.camp/badge/

License: MIT License

Shell 0.01% JavaScript 0.10% C++ 0.01% Python 0.25% C 99.53% CSS 0.02% Makefile 0.02% HTML 0.03% CMake 0.02% Dockerfile 0.01% SCSS 0.02%

rhc22-badge's Introduction

RHC22 Badge

RHC22 badge front RHC22 badge rear

Cyber Saiyan community has designed and developed a special gadget to celebrate RomHack Camp 2022.

You can grab the badge by purchasing it at the Cyber Saiyan tent during the Camp and the Conference

  • The badge's package will include a lanyard, two batteries and...the badge
  • In order to start playing around with and hacking it, is recommended to bring a micro USB data cable with you
  • It is also recommended to bring replacement 1.5V AA batteries and/or a powerbank
  • The badge is already flashed with the Cyber Saiyan firmware
  • We really will appreciate any improvement to the project and pull requests
  • Don't hesitate to come and visit us at the Cyber Saiyan tent if you need help

Features

The badge has some very simple features that will improve your Camp experience:

  • It is designed to recall the dragon spheres (maybe you will be able to summon Shenron too)
  • The base SOC is a single core ESP32-C3
    • Integrates a 32-bit core RISC-V microcontroller with a maximum clock speed of 160 MHz
    • 22 configurable GPIOs
    • 400 KB of internal RAM and 4MB flash
    • WiFi and Bluetooth 5
  • In the front there are 7 RGB leds
  • In the back you have
    • Two push buttons; use your nail for a better experience :)
    • A 2.4'' TFT screen
    • A two AA battery holder

Once powered the badge will be assigned a 1-7 ID and will start to advertise itself using BLE and the screen will show the RomHack Camp 2022 logo

  • You can move to next/prev screen by a 1s long press
  • The 1st screen is the RHC22 schedule:
    • You will be able to read the schedule of the Camp (use the 4th screen to update it)
  • The 2nd screen is the badges' radar:
    • You will see all the badges around you in a dragon ball style
  • The 3rd screen is the badge's list:
    • You will see all the badges around you in a table view
  • The 4th screen is for the WiFI functionalities:
    • Start the AP mode and connect with your PC/smartphone in order to explore more functionalities
    • Start the schedule SYNC mode in order to update the schedule at the 2nd screen
  • The 5th screen is for fun (you will be able to play with snake)

Toolchain setup

Prepare the environment

Visual Studio Code (VSCode)

Install Visual Studio Code as development environment:

PlatformIO (PIO) extension

Install PlatformIO extension on Visual Studio Code:

Please follow to the official documentation PlatformIO IDE for VSCode.

Setup the project

  • Git clone this repository and open it on VSCode

Build www data (Linux)

  • ./www-build.sh

Build www data (Docker)

  • Install docker
  • docker build --pull --rm -f "Dockerfile" -t rhc22badge:latest "."
  • (Bash) docker run -it -v $(pwd)/public:/public -v $(pwd)/data/www:/output rhc22badge
  • (Powershell) docker run -it -v ${PWD}/public:/public -v ${PWD}/data/www:/output rhc22badge

Build/Upload Filesystem

In order to upload the filesystem to the badge you need to plugin the badge using USB. In the "Project Tasks" view of PIO navigate to:

  • RHC22-Bagde
    • Platform
      • Build Filesystem Image
      • Upload Filesystem Image

Build/Upload Firmware

In order to upload the firmware to the badge you need to plugin the badge using USB. In the "Project Tasks" view of PIO navigate to:

  • RHC22-Bagde
    • General
      • Build
      • Upload

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.