Processing과 lazupa로 자기가 쓰는 숫자 표지판을 만들었어요.

개시하다
Processing Advent Calendar 2021 20일째 보도입니다!
"저, Processing 없이 해도 되죠?"이런 것을 만들고 싶었지만 이 기사 중 하나로'디지털 표지판'을 만들었다.
이 화제에 관하여 이미 20여 개의 시리즈(본 절의 하부에 링크 붙여넣기)를 투고하였다.

왜 하고 싶어요?

어떤 시스템입니까?

어떻게 해야 움직일 수 있어요?

에 관하여 쓰다.
디지털 표지판의 원본 코드는 밑에 있는 GiitHub 창고에 미리 놓여 있습니다.
클라스로 구현된 버전도 있습니다.
해설 기사 20편 시리즈다.상세한 설명은 모두 여기에 쓰여 있다.

[B실험실 디지털 표지판 1] Processing+라스파로 디지털 표지판 만들기!

【B 실험실 디지털 표지판 2】 초기 설정

[B실험실 디지털 표지판3] 프로그램 제작 & 기능 실현 준비 방침 결정

[B실험실 디지털 표지판 4] 레이아웃의 기준이 되는 격자의'GridModule'을 표시한다.

[B실험실 디지털 표지판 5] 레이아웃의 기준이 되는 상자를 표시하는 "Plaaceholder Module"

[B 실험실 디지털 표지판 6] 이미지를 전체 화면에 표시하는'Full Image Module'

[B 실험실 디지털 표지판 7] 페이지의 자동 전환

[B 실험실 디지털 표지판 8] 설치 장소의 이름을 표시하는 "Location Module"

[B 실험실 디지털 표지판 9] 현재 시간의 "DateModule" 표시

[B실험실 디지털 표지판 10] 페이지 전환 시간을 알아보는 "ProgressBarModule"

[B 실험실 디지털 표지판 11] 현재 표시된 페이지의 "PageControl Module"를 알 수 있습니다.

[B실험실 디지털 표지판 12] 현재 날씨를 표시하는 "WeatherRModule"

[B실험실 디지털 표지판 13] 최근 2건의 버스 시간표를 표시하는 "BursRMmodule"

[B실험실 디지털 표지판 14] 쓰레기 처리 달력을 표시하는'GomiRRModule'

[B실험실 디지털 표지판 15] (발전편) 트위터의'TwitterModule'표시

[B실험실 디지털 표지판 16] 개점/닫는 "OpenClosseRModule" 표시

[B실험실 디지털 표지판 17] 방의 온도를 표시하는 "Temperature RModule"

[B실험실 디지털 표지판 18] 방의 밝기를 나타내는 "BrightnessRMadule"

[B실험실 디지털 표지판 19] 시동 화면을 표시하는 "LaunchingScreen Module"

[B 실험실 디지털 표지판 20] RModule 설치 그림자

왜 하고 싶어요?
집에 쓸모없는 크림 파이가 남았기 때문이다.
프로세싱은 라떼 파이에서 움직일 수 있다(Processing for Pi).
그래서 평소 접하는 프로세싱과 온라인상의 정보로 내 삶을 돕는 시스템을 만들고 싶다.
무슨 시스템이요?
1920x1080px의 모니터용 디지털 표지판
주요 기능은 다음과 같습니다.

Open Weather에서 가져온 현재 날씨 보이기

Google AppScript에서 제작한 API에서 최근 2건의 버스 시간표

를 표시합니다.

Google AppScript에서 만든 API에서 받은 스팸 캘린더

표시

트위터 API에서 받은 트위터 보이기

톱니바퀴에 연결된 슬라이딩 스위치와 연동하여 개점/폐점 표시

톱니바퀴에 연결된 온도 센서와 연결하여 방의 온도를 표시한다

래칫바퀴에 연결된 CdS 유닛과 연동하여 방의 밝기를 표시

마지막 세 개는 고무 파이가 있어야 하고, 나머지 네 개는 컴퓨터만 있으면 조작할 수 있다.
각 기능의 압출이 이런 느낌으로 변했다.


이러한 기능 외에도 전체 화면에 광고용 이미지를 표시할 수 있다.
어떻게 해야 움직이지?
필요한 일은 다음과 같이 요약한다.
1. 각종 소프트웨어를 설치하여 초기 설정을 완성한다.
2. OpenWeather Google, Twitter 계정을 가져옵니다.
Open Weather 계정은 날씨를 얻기 위해 필요합니다.
API Key 검색에 대해서는 다음 기사를 참조하십시오.
Google 계정은 Google AppScript를 사용하여 API를 만드는 데 필수적입니다.
데이터를 가져오는 데 사용되는 API 작성 방법에 대해서는 다음 2편의 기사를 참조하십시오.
트위터 계정은 트위터 API 사용을 신청하십시오.
다음 기사는 참고가 될 수 있습니다.
3. 각 서비스에서 API 사용에 필요한 값을 가져와 소스 코드에 포함합니다.
소스 코드 내의 파일setting.json에 필요한 값을 추가합니다.
setting.json

{
    "USER_SETTING_FILE_NAME": "setting.json",
    "BusRModule": {
        "BUS_API_URL": "", /* 変更 */
        "BUSSTOP_START": "乗車バス停名", /* 変更 */
        "BUSSTOP_END": "降車バス停名" /* 変更 */
    },
    "GomiRModule": {
        "GOMI_API_URL": "", /* 変更 */
        "LOCATION": "地域名" /* 変更 */
    },
    "WeatherRModule": {
        "WEATHER_API_KEY": "", /* 変更 */
        "LATITUDE": 0.0, /* 変更 */
        "LONGITUDE": 0.0, /* 変更 */
        "LOCATION": "地域名" /* 変更 */
    },
    "TwitterRModule": {
        "CONSUMER_KEY": "", /* 変更 */
        "CONSUMER_KEY_SECRET": "", /* 変更 */
        "ACCESS_TOKEN": "", /* 変更 */
        "ACCESS_TOKEN_SECRET": "", /* 変更 */
        "TWEET_ID": 0 /* 変更 */
    },
    "OpenCloseRModule": {
        "SWITCH_PIN": 23, /* 変更 */
        "OPEN_DESCRIPTION": "開店しています。", /* 変更 */
        "CLOSE_DESCRIPTION": "閉店しています。" /* 変更 */
    },
    "LocationModule": {
        "LOCATION": "設置場所名" /* 変更 */
    },
    "ProgressBarModule": {
        "BAR_HEIGHT": 20
    },
    "State": {
        "STAY_SECOND": 20,
        "PAGE_ALL_COUNT": 4,
        "AD_IMAGE_COUNT": 2,
        "SHADOW_ALPHA": 40,
        "SHADOW_PADDING": 20,
        "MODULE_RECT_ROUND": 30
    }
}

4. 전자 부품을 고무와 판에 배치한다.
필요한 전자 부품은 아래 기사에 쓰여 있다.
각 전자 부품의 배치에 관해서는 아래 세 편의 글을 참고하시오.
끝말
이 보도만으로도 이미 매우 난잡하게 설명되었는데, 상세한 설명은 20편의 보도 시리즈에 쓰여 있다.
원본 코드가 모두 공개되었으니 반드시 맞춤형으로 제작하여 자신을 위해 디지털 표지판을 제작하세요!