개시하다

나는 typescript와javascript로 NM라는 인터넷 마작을 만들어 보았다
자바 등 서버 언어를 쓰지 않고 RDBS를 디자인하지 않기 위해 인터넷 마작을 제작하기 위해 개발됐다.
후발 인터넷 마작이라서 어차피 할 건데 기준은?개발이 이뤄지지 않도록 최대한 속도감 있게 우선 개발하기 위해 기술 선정을 진행했다.
나는 이 보도에서 채택한 기술을 소개하고 싶다.
아직 버그 등이 남아있지만 반응이 있으면 자세히 그리고 다른 것도 적어놓고 싶어요.

화면 이미지 재생

온몸이 움직였고 표정도 자연스럽게 느껴졌다.나는 언젠가 마작과 VTuber씨가 놀 수 있기를 희망한다pic.twitter.com/Nm6dYff6Up-NAMINE@오리지널 인터넷 마작(@MahjongNm)November 11, 2021을 제작했다
　
(이 그림은 단자 표면에서 논리를 가져오는 것을 개발하고 있습니다)

우세점

사용자 시각

화상 채팅

마이크와 카메라가 있으면 영상통화를 할 수 있다.VRM을 사용하는 VRM 채팅도 설치되어 있습니다.
VRM을 웹사이트에 올리면 독자적인 가상 이미지가 될 수 있다.
물론 VRM 간 화상 채팅도 가능하다.

언어 수정 가능

일본어권이 아닌 사람들이 처음 만났을 때 마작을 할 수 있도록 언어 변경을 위해 한자를 쓰지 않는 마작패를 설계했다.

Mahjong without Chinese tiles. #mahjong#riichimahjong-칠보@오리지널 네트워크 마작(@MahjongNm)pic.twitter.com/YJmsbRRuKg

시선을 쓰다

게임 진행은 서버가 없기 때문에 서버의 부하를 신경 쓰지 않아도 됩니다

이 일대는 Firebase비가 어떻게 나올지 몰라요.p>

기술을 사용하다

프런트엔드

vue vuetify

vue를 배우고 싶어서

skyway

November 19, 2021

게임 중의 정보 교환에 서버가 없기 때문에 P2P 통신을 하기 위해

typescript

설명 약

VR 모형

skyway

ML 연결

기계학습 모형은 영상채팅과 VR채팅에서 사용

bodypix

VRM

비디오 채팅에서 배경 숨기기

face-api

bodypix

표정의 취득과 VRM에 대한 반응

holistic

face-api

자세와 VRM에 대한 반응을 얻다.Kalidoface를 참고하게 해주세요.
holistic

서버측

firebase

kalidoface

P2P의 연결, 사용자 관리 기능, 배찰 제작 등이다.코드는 모두 js로 작성

앞으로의 과제

오류 재현은 어렵다

클라이언트가 논리적으로 운행하고 비동기적으로 이동하기 때문에 유저 A에 나타난 버그는 유저 B에서 볼 수 없습니다.서버측 관리가 없어 예외를 모니터링할 수 없습니다

지능 창 문제

ve는 잘 만들어지지 않나요?특히 화상채팅은 덥다.팩스 안 하면...

참새에게 미련을 두는 영혼

이것도 일종의 공부이기 때문에.. 그래서 성1이 되었다.강냥!