konebeta

JS

간단한 대사 넘기기

comi-soft
comi-soft
2025-05-22 12:00:40
조회 941 · 좋아요 2


간단하게 옆집 대사를 여기서도 작동이 되도록 짜주는 JS 만들어서 옆집에 사용했었음, 원본 코드도 간단하니 여기에 올려봄


let cursor = 0;

function createElement(stringContent)
{
    const detalis = document.createElement("details");
    Object.assign(
        detalis.style,
        {
            display: 'inline',
            width: 'min-content',
            height: 'min-content'
        }
    );
    const summary = document.createElement("summary");
    Object.assign(
        summary.style,
        {
            display: 'inline',
            width: 'min-content',
            height: 'min-content'
        }
    );
    const button = document.createElement('div');
    Object.assign(
        button.style, 
        {
            border: 'solid 1px rgb(171, 194, 218)',
            background: 'rgb(19, 33, 46)',
            borderRadius: '16pt 8pt',
            boxSizing: 'border-box',
            transform: 'skew(-10deg)',
            width: '400pt',
            height: '80pt',
            padding: '5pt',
            display: 'flex',
            alignItems: 'center',
            textAlign: 'center',
            justifyContent: 'center',
            color: 'rgb(214, 209, 200)',
            position: 'fixed',
            top: 'calc(50vh - 40pt)',
            left: 'calc(50vw - 200pt)',
            fontSize: '20pt',
            zIndex: '123456'
        }
    );
    button.textContent = stringContent;
    summary.appendChild(button);
    detalis.appendChild(summary);
    return detalis;
}

function main()
{
    let element = document.body;
    for(const string of scenario)
    {
        const child = createElement(string);
        element.appendChild(child);
        element = child;
    }
}

main();



JS 계열에 대해서는 초짜라서 다른 언어 사용자의 모습이 많이 보일꺼임

옆집에 쓴 것
블루아카이브 인게임 대사 & PV 대사 주의
⋯⋯내 실수였어요.
내 결정들. 그리고 그로 인해 초래된 모든 상황들.
결국 이 결과에 도달하고서야 당신이 옳았다는 걸 깨닫다니⋯⋯.
⋯⋯그러니 염치없지만 부탁드리겠습니다.
프라나파테스 선생님
어차피 제 말은 잊어버리게 될 테지만, 그래도 상관없겠죠.
아무것도 기억나지 않아도, 당신은 아마 같은 상황에서 똑같은 선택을 하실 테니⋯⋯.
그러기에 아마⋯⋯ 중요한 것은 경험이 아니라, 선택.
당신만이 가능한 선택들.
책임을 지는 사람에 대해 얘기한 적이 있었지요.
그때의 저는 알지 못했지만⋯⋯. 지금은 이해할 수 있습니다.
어른. 책임과 의무, 그리고 그 너머에 있는 당신의 선택.
그것이 의미하는 바까지도



문제되면 삭제함


2

댓글 12

picok1010

굿

comi-soft

(힐끔콘)

elnamu
elnamu
05.23

오 신기방기..

elnamu
elnamu
05.23

여담이지만 코드 올릴때 언어별 마크다운 지원은 아직 안되는건가 아직 보기 좀 불편한듯

comi-soft

..? 언어별 마크다운이 있음?

default_user_icon
[알 수 없는 계정]
05.27

코드블록 마크다운에 붙이는거라도 동작되면 좋을텐데 아쉬움 ```java, ```cpp 처럼...

default_user_icon
0/500자