STOVE 스토어

OFFICIAL인디매니저
6시간 전24.05.29 05:58 -00:00
182 °C
지난 25일, 제19회 경기게임오디션이 막을 내렸습니다.올해 참여한 게임 수는  총 230개!작년대비 2배의 게임이 오디션에 참여해 치열한 경쟁🥊을 펼쳤습니다.※ STOVE INDIE's Pick 시상그 중 최종  Top2! 2위와 경겜오 협력사 스토브인디가 드리는 특별상!'스토브 인디스 픽(STOVE INDIE's Pick)'을 수상한 '리자드 스무디'의 <Shape of Dream>!이 팀과 이 게임! 우리 인디 커뮤니티 유저분들이라면 모두 익숙하시겠죠?!리자드 스무디를 애정하고, 게임 론칭을 기다리는 유저분들을 위해 인터뷰를 진행했습니다!한번 만나보시죠!※ 팀 Lizard SmoothieQ1. 팀 ‘Lizard Smoothie’에 대해 간단한 소개 부탁드립니다.팀 'Lizard Smoothie'는 2023년도 초, MOBA와 로그라이크를 좋아하는 대학생 2명이 만나 시작되었습니다.최근 아티스트 한 분이 합세, 현재는 총 세 명이서 <Shape of Dream>을 제작하고 있습니다."개발자가 플레이해도 질리지 않고 재미있는 게임을 만들겠다"는 일념으로, 17개월째 땀흘리며 개발하고 있습니다.Q2. <Shape of Dream>는 어떤 게임인가요?<Shape of Dream>은 MOBA장르의 조작법과 긴박한 전투 경험을 가미한 액션 로그라이트 게임입니다.꿈의 세계로 모험을 떠나 캐릭터의 기억을 편집하여, 내가 원하는 방향으로 영웅 키워가는 재미가 특히나 강렬한 게임입니다.멀티 플레이도 지원하여 친구들과 함께 모험을 떠날 수도 있습니다.Q3. 플레이하며 가장 인상 깊었던 것 중 하나가 말씀하신 '영웅을 원하는 방향으로 키우는 재미'였습니다.게임을 개발하며, 이 재미를 살리기 위해 가장 중요하게 생각한 포인트가 있다면 무엇일까요?개발 과정 전체에서 가장 중요시 한 것이 재미의 검증입니다.재미의 검증을 위해 최대한 많은 사람들을 대상으로 플레이 테스트를 진행했습니다.개발자가 직접 하거나 지인에게 부탁해 플레이 하는 것엔 한계가 있기 때문입니다.그와 함께 저희 게임을 객관적으로 바라보기 위해 노력했습니다."다른 게임과 비교해서 <Shape of Dream>을 할 이유가 있을까?"라는 질문을 끊임없이 던졌습니다.숱한 고민과 피드백의 과정 속에서 나온 우리 게임의 장점을 저희는 '캐릭터를 만드는 재미'라고 표현합니다.그 장점이 '기억 편집' 시스템을 통해 두드러진 것 같습니다.※ 기억 편집 시스템Q4. '기억 편집' 시스템에 대해 자세한 설명 부탁드립니다.<Shape of Dream>의 메인 캐릭터 성장 시스템으로 쉽게 말해 스킬을 편집하고 강화하는 기능으로 봐주시면 될 것 같습니다. 규칙은 직관적이고 간단하지만 덱빌딩 로그라이크처럼 유저의 재량으로 특별한 무언가를 만들어낼 수 있는 시스템입니다.'기억 편집'은 스킬을 레벨업하고 배치하는 것에서 끝나지 않고, '광전사로 변하는 마법사'나 '화염계 폭발 마법을 난사하는 근거리 딜러'와 같이 자신만의 캐릭터를 만들어 낼 수 있습니다. 간단한 규칙들이 모여 복잡하고 풍부한 경험을 주는 것이 MOBA의 장점이라고 생각하고, 저희 게임에서도 유저가 빌드를 완성해나갈 때의 즐거움을 더울 크게 드리고자 노력했습니다.Q5. '기억 편집' 시스템 외에도 '이 게임 참 공을 많이 들였구나'하고 느꼈습니다. 스킬과 상호작용 이펙트, 튜토리얼 대화 UX 등 감탄한 구석이 많아요. 전투할 때만이 아니라 게임 전반에 디테일이 살아있어 소위 플레이가 ‘찰졌다’고 할 수 있는데요, 특별하게 신경을 썼을까요?정말로 많이 신경 썼고.. 정말 많은 시행착오가 있었습니다. 튜토리얼 하나 만드는데에만 40시간 이상이 걸린 것 같습니다.(웃음)저희의 신념 중 하나가 "오래 걸리더라도 완성도 있게 만들자"인데, 그런 완성도와 직결되는 폴리싱들이 모여서 결국엔 좋은 경험으로 귀결되는 것 같습니다. 예를 들어 적을 때리면 적 전체가 살짝 흔들리는 시스템이 있습니다. 체감이 크지 않고 구현하기도 굉장히 어려웠지만, 이제는 그 요소가 빠지면 타격감도 심심해지고 허전하더라구요.그런 느낌적인 부분, 감, 게임이 가지고 있는 그 맛있는 맛이라고 해야할까요? 그 포인트를 살리기 위해 많은 노력을 기울였던 것 같습니다.물론 저희가 거의 완벽하다고 생각했던 튜토리얼에서도 이번 PlayX4 방문객분들께 많은 피드백을 들었습니다. 글자가 너무 많다, 잘 이해가 안돼서 막힌다 등등... 항상 많이 배우는 것 같은데 부족하네요. 보다 노력해보겠습니다.※ 디테일 하나하나가 모여 높아지는 완성도Q6. 유저분들과의 피드백을 말씀하시니 스토브인디에서 진행하신 '슬기로운 데모생활'에 대한 이야기가 또 궁금해지네요.가장 먼저 '슬기로운 데모생활'을 신청하게된 계기가 있다면 무엇일까요?우선 게임이 어느 정도 굴러가는 수준까진 왔다고 생각은 들었는데, 이게 정말 사람들이 재밌어할 게임인가 확인해보고 싶었습니다.그리고 작년에 진행했을 때엔 비주얼적인 부분이나 게임 자체도 굉장히 미완성의 프로토타입 격이었는데요, 사실 저희가 어디부터 뭘 어떻게 고쳐야할지 감이 안잡혀서 정말 생판 남이 주는 객관적인 시각이 필요하다고 생각하기도 했습니다.Q7. '슬기로운 데모생활' 참여 당시 가장 많이 받은 피드백이 있다면?조작법과 게임의 템포에 대한 피드백이 가장 많았습니다.MOBA의 조작법에 익숙하지 않은 유저분들이 많았고, 불편한 조작을 이유로 플레이하지 않고 게임을 종료하는 분들도 많았습니다.게임의 템포에 있어서도 특정 부분은 너무 루즈하다, 이건 너무 반복적이다 등등 이런 "재미"에 직결되는 피드백들도 많이 나왔었습니다.튜토리얼이 불친절하다는 말도 있었고요.Q8. 그런 피드백을 받은 이후 게임에서 가장 많이 변한 것이 있다면?솔직히 말씀드리면 핵심 게임 플레이를 제외하고는 거의 모든 것이 뒤집힌 것 같아요.우선 "MOBA하는 사람들만 재밌으면 되지"라는 생각을 버리고, 전통적인 로그라이크의 WASD 조작법도 지원하도록 시스템을 뜯어 고쳤습니다. 결과적으로 데모를 플레이어 분들 중 거의 절반은 WASD 조작을 사용하실 정도로, 유저분들의 편의성 측면에서 굉장히 좋은 선택이었습니다.게임의 맵도 원래는 저희가 많은 영감을 받은 게임인 Risk of Rain 2 처럼 큰 맵을 몇 군데를 방문하며 진행되는 식이었는데, 이런 맵 구조가 다회차 플레이에 방해가 된다는 피드백이 많았습니다. 지루하고 단순&반복이었던 것이죠. 그 이후 던전 크롤러와 같은 탐험의 맛을 살리고자 몇 달간 시스템을 뜯어 고쳤습니다. 결국엔 더 많은 사람들께 더 재밌는 경험을 드릴 수 있는 게임으로 방향이 잡힌 것 같습니다.슬기로운 데모생활 피드백 없이 저희 팀만으로는 절대로 떠올리지 못했을 생각들이었습니다.※ 유저 편의에 따라 선택 가능한 조작법Q9. 특별히 인상 깊었던 유저가 있다면? 전용 문서를 따로 만들어야 할 정도로 상세하고 방대한 피드백을 주신 분이 한 분 있습니다.초반 튜토리얼부터 전투, 루프, 엔드 컨텐츠까지 게임 전반에 걸친 피드백과 '슬기로운 데모생활' 진행중 내부적으로 파악한 문제들에 대해서도 많은 통찰과 해결 방법들을 제시해주셨고, 정말 많은 도움을 받았습니다. 응원도 많이 받았고요. 정말 고마운 분이에요.한판을 거의 5시간 동안 플레이하신 영상도 봤는데, 적들의 레벨도 999레벨이더라구요. 당시 버전에서는 적들의 레벨이 시간이 지날 수록 높아졌었는데, 그게 999 이상으로 올라가면 레벨이 초기화된다던지 하는 버그가 있던 것도 처음 알았습니다.이분 플레이하시는 걸 보고 "아, 그래도 캐릭터를 만들어나가는 맛 하나는 가능성이 있구나"하고 좀 뿌듯하기도 했던 것 같습니다. Q10. 경험으로 미루어, 어떤 단계에 있는 개발사에게 '슬기로운 데모생활'을 추천하고 싶은지?자기 게임에 대한 새로운 시각이 필요한 개발사분들께 정말 큰 도움이 될 것 같습니다.소규모로 게임을 개발하다 보면 다수의 테스트 유저를 모으는 것이 정말 힘들잖아요. 그렇다고 지인 분들께 부탁 드리기엔 수도 적고 객관적인 피드백이 나오기도 힘들죠. 이런 시기에 슬기로운 데모생활을 한번 참여해보시면 정말 많은 통찰을 얻으실 것이라 생각합니다.혹은 지금 내가 만들고 있는 게임에 대한 자신이 없을 때에도 좋은 것 같습니다.단순히 많은 사람들이 플레이해주는 것을 보고 기분이 좋고 힘이 날 수도 있지만, 내 게임이 가지고 있는 강점도 찾을 수 있는 좋은 기회라고 생각합니다. '슬기로운 데모생활'을 통해 그 강점을 찾았다면, 그 강점에 집중해 개발하는 식으로 방향을 잡을 수도 있겠죠. 부정적인 피드백이 나오더라도 정식 출시 전에 더 좋은 게임으로 발전시켜나갈 수 있는 기회가 생긴 것이니 그것도 좋겠죠.※ Shape of DreamQ11. 검증과 피드백의 필요성에 대해 또 한번 생각하게 되었습니다. 많은 고민과 노력으로 만들어진 <Shape of Dream>를 정식버전으로 만나보고 싶네요. 최종 발표 중 '무한모드', '디펜스' 등의 콘텐츠를 언급하셨는데 정식 버전에 포함이 될까요?  네, 최종 보스전에 바로 도전하지 않고 계속 캐릭터를 키워나가는 선택지를 드리기 위해 무한모드가 추가될 예정입니다.그리고 오랜 시간 플레이해도 질리지 않게끔 디펜스 모드 같은 여러 색다른 요소들도 추가할 예정입니다.Q12. 플레이 중, 장르 특성상 다양한 캐릭터를 플레이하고 싶은 마음도 컸습니다. 정식 론칭때 몇 종의 캐릭터가 등장하나요? 정식 출시까지 8종의 캐릭터를 준비할 예정입니다.현재 데모버전에서는 없는 힐러와 같은 서포터 직군의 캐릭터도 추가될 예정입니다. 또한 뱀파이어 서바이버와 같은 형식으로 플레이가 가능한 특별한 느낌을 줄 수 있는 캐릭터도 추가할 예정입니다. Q13. 멀티 꿈꾸기에서 협동이 아닌 경쟁 모드의 개발 계획은 없나요? 현재로써는 개발 난이도나 밸런싱의 어려움 때문에 계획에 없는 상태입니다. 다만 기회가 된다면 여러 재미있게 시도해볼 수 있는 것들이 많을 것 같습니다. 약간은 다르지만 경쟁 요소라면 '스피드런'이나 '리더보드'같은 순위 경쟁은 꼭 추가하고 싶습니다. Q14. 스토브 인디 유저분들께 마지막 인사 부탁드립니다. <Shape of Dream>에 관심을 가져주신 모든 유저분들, 그리고 인디 게임을 계속 플레이해 시장을 풍요롭게 해주시는 유저분들께 큰 감사의 말씀 드리고 싶습니다. 응원과 관심, 그리고 쓴소리 한마디 한마디가 저희 같은 인디 개발자들에겐 정말 소중합니다. 앞으로도 재미있는 게임 만들어나가기 위해 계속 노력하겠습니다.또한 <Shape of Dream>은 내년 3월 정식 버전 출시에 앞서, 올해 말에 프롤로그 버전이 무료로 출시될 계획입니다. 많은 관심 부탁드립니다.데모버전에도 계속 콘텐츠가 추가될 예정이니 가끔씩 생각날 때마다 플레이 해주시면 감사하겠습니다!인터뷰는 여기까지!🦎리자드 스무디🥤 수상 축하드리며, 인터뷰 응해주셔서 정말 감사합니다!인디 커뮤니티 유저분들께서도 팀 리자드 스무디와 <Shape of Dream> 출시까지 많은 관심 부탁드립니다! 👉 <Shape of Dream> 정식 버전 상점 페이지👉 <Shape of Dream> 데모 버전 맛보기 #스토브인디 #플레이엑스포 #경기게임오디션 #리자드스무디 #LizardSmoothie #Shapeofdream #셰이프오브드림
덤비면문다고
1시간 전24.05.29 10:24 -00:00
슬데 때 재밌게 즐겼었는데 계속해서 발전해 나가는 모습이 좋네요.
망망에엘라
4시간 전24.05.29 07:26 -00:00
MOBA 조작법에서 WASD 조작법으로도 지원하도록 변했다는 게 인상이 깊네요
STOVE40157233
44분 전24.05.29 11:06 -00:00
340 °C
그리고 써드파티 쿠폰은 다음달 14일까지 쓸 수 있습니다.부디 출석쿠폰보다 써드파티 쿠폰을 먼저 쓰는 실수는 하지 않기를..제 얘깁니다.
배두나
30분 전24.05.29 11:19 -00:00
플레이 2시간 이내, 구매 2주 이내면 바로 구매취소 가능합니다. 캐시사용 내역 가셔서 구매취소하고 쿠폰 다시 적용하고 구매하시면 되요!
덤비면문다고
24.05.2824.05.28 10:15 -00:00
351 °C
어느샌가 슬데 생활을 오래 하다 보니 플래티넘 등급으로 상승했군요.슬데 게임 이벤트 참여로 100번째 게시글을 작성하자마자 올랐습니다.스토브 인디 커뮤니티 플래티넘 등급은 이보다 많은 게시글과 댓글을 작성해서 오른 것 같았는데슬데 등급컷은 그렇게 높지 않은? 것 같네요어쨌든 앞으로도 열심히 참여하겠습니다.
v황대리v
22시간 전24.05.28 13:25 -00:00
축하드려요. 앞으로도 화이팅! 
덤비면문다고
42분 전24.05.29 11:08 -00:00
621 °C
Spark 게임 이용권으로 '올드 월드' 구매했습니다. 원래 문명류 게임 좋아하는데 딱 맞춰 나와서 구매했습니다.핫딜로 나온 '샷건킹'도 구매했고플레이엑스포 쿠폰 만료 전에 중복 가능 쿠폰들로 '메모리얼 서킷' 구매했습니다.원래 시크릿 플러스로 구매하는 주의인데 일반판과 큰 차이가 없다 그래서 일반판으로 구매했습니다.최근에 쿠폰들로 구매를 많이 하다 보니 드디어 쌓여있던 쿠폰들이 바닥을 보이기 시작했네요.앞으로도 열심히 쿠폰을 모아야겠습니다.(제발 평가 후기 2배 이벤트 한번더..!)
Chim
10분 전24.05.29 11:39 -00:00
CG 하나만 다르다고 해서  저도 일반판 샀어요
개의심장
3시간 전24.05.29 08:54 -00:00
140 °C
자 드가보자~~
돔돔군
20시간 전24.05.28 15:28 -00:00
442 °C
🧔 프로필 ✨ 연재글 📭 코멘트 돔돔군 아재를 위한 아재에 의한 아재의 공간
33
촉촉한감자칩
12시간 전24.05.29 00:18 -00:00
팔린드롭은 회문을 의미합니다. 우영우에서 나왔던 앞으로 읽어도 거꾸로 읽어도 똑같은기러기, 토마토, 역삼역, 여기 소주 만병 만 주소, 여보게 저기 저게 보여? 이런 것들 말이죠.이번글은 공략글이라 그냥 마지막에 요약만 봐서... 그냥 생각나는데로 적어봤습니다 ㅎㅎㅎ
플레이 후기
kekebuke
24.05.2524.05.25 23:57 -00:00
3 °C
화빙전,수신전 해본적은 없지만 스토리 요약이 되어 있어서 신선했어요민화나 전설 같은 이야기 슈팅게임 같은데 꿈 속 누리 이야기 3 -미무전- 느낌은슈팅게임 좋아하는 저는 신선했어요게임은 중간 난이도로 게임을 하고 있고 적이 발사하는것과 제가 발사하는것이 뒤엉켜서 어떻게 피해야하는지판정은 어떻게 나와서 죽는지도 궁금한 게임이라 일부로 죽어보니깐어떤것은 아이템 회복이고, 어떤것은 뭔가 피하는것이고, 슈팅으로서 감각을 좀 더 알려줬으면 하는게 아쉬웠어요이게 정신 사나운 이펙트들이 가득해서 그런지 뭘 피하고 뭘 먹어야 하는게 가끔 혼란스러운 화면이었어요그래도 할인 이벤트로 구매한 미무전를 하면서 기뻣던것은 우측에 FPS표시가 되어 있어서 안심하면서 겜 진행을 했는데 FPS표시가 신선했어요제작자분의 열정에 FPS, 업적, 지난이야기 다시 보기 같은게 있어서혼잡한 슈팅화면은 아쉽지만 게임으로는 합격점 드려요!이펙트 표시가 회복 공격피하는거먹어도 되는거이것저것 혼란 하지 않는 범위가 되었으면 좋겠어요겜 잘즐겼어요
플레이 후기
S1716904238397811
9시간 전24.05.29 02:28 -00:00
0 °C
게임내내 상대방 진영을 파악하기 어려워서 쫄깃쫄깃했습니다.몇판을 했는지 모르겠어요ㅋㅋ캐릭터들이 진짜 우르르 몰려와서 이름 답게 우르르타워인거 같네요다만 다양한 캐릭터들이 있었으면 좋겠고 내 건물의 위치가 게임 플레이때마다 각각 달라져서위치 파악이 더 어려워지면 재미있지 않을까 하는 생각도 해봤습니다~모바일로도 내주세요!
🎊신작 출시
올드 월드 (Old World)
일진녀가 옆집에 이사왔다
Suicide Countdown: 7 Days
크리티컬 오브
웨이브 이퀘이전 (Wave Equation)
칼리스 (Calice)
ALTF42
스파키를 구해라
시간을 머무는 피아노
연애기담 - 존재하지 않는 진실
모비드: 분노의 군주 (Morbid: The Lords of Ire)
모비드: 일곱 명의 사도 (Morbid: The Seven Acolytes)
프로젝트 코이
이별 끝에 만난다면
페이블덤 (Fabledom)
투디와 탑디 (Toodee And Topdee)
Way Nd Choice
스킬 랜덤 디펜스 (Skill Random Defense)
엔젤 리전: 3D 미녀 방치형 RPG (Angel Legion: 3D Hero Idle RPG)
버튜버 파라노이아
포켓 오아시스 (Pocket Oasis)
터보 슬로스 (Turbo Sloths)
건파이팅 (Gun Fighting)
카운터 어택 (Counter Attack)
운명대전 (Battle of Fate)
레슬퀘스트 (WrestleQuest)
헬럭시 (HELLAXY)
CAASI remade
조은혜의 야자째고 콘서트가기
로드 오브 타워 (Lord Of Tower)
아킬레우스: 알려지지 않은 전설
멀리그넌트 서바이버즈 (Malignant Survivors)
쿵푸 킥볼 (KungFu Kickball)
Dungeon Dev [던전 데브]
언스테이블 실린더 (Unstable Cylinder)
드래곤 스피어 (Dragon Spear)
스테퍼 리본
백의 소각자 (시크릿 플러스)
백영웅전 (Eiyuden Chronicle: Hundred Heroes)
시스터즈 커리큘럼
데블위딘 삿갓 (The Devil Within: Satgat)
Yet Another Fantasy Title (YAFT)
환세취호전 플러스 (GENSEISUIKODEN PLUS)
봄을 부르는 설녀 (시크릿 플러스)
키친 크라이시스 (Kitchen Crisis)
o35004
22시간 전24.05.28 13:30 -00:00
921 °C
'실결제액'이라는 말 때문에 모든 구성품을 다 사도 혹시 당첨 안 되는 건 아닐까 걱정했는데,다행히 당첨 되었네요. ㅎㅎ수령 정보도 다 쓰고, 메일도 보낸 뒤라 이제 기다리기만 하면 되겠네요. ㅎㅎ
리즈의리즈시절
9시간 전24.05.29 02:30 -00:00
부럽...
ideality1011
21시간 전24.05.28 14:43 -00:00
622 °C
응원왕은 당첨되지 않았지만 감수해야죠.
이번 주 온도 랭킹
  • Sojeob
    57,107℃
  • 배두나
    51,247℃
  • Chim
    7,686℃
추천 게임 태그
  • 비주얼노벨
    239명 팔로우
  • 화산의딸
    354명 팔로우
  • 여기사아가씨
    253명 팔로우
  • RPG
    119명 팔로우
  • 회색낙원
    292명 팔로우
촉촉한감자칩
24.04.2124.04.21 01:23 -00:00
939 °C
스토브 글 쓰기의 Tips & Tricks

얼마 전 열심히 테스트 글을 작성했는데, 보지 말아 달라는 글 제목과 달리 엄청나게 많은 사람들이 봐 버린 참사가...


아무튼 해당 글에서 이런 저런 테스트를 마치고, 그나마 사용 할만한 팁을 몇 개 뽑아 봤습니다.

한번 사용해 보시면 아시겠지만, html 소스를 직접 만져야 하다 보니 상당히 귀찮은 건 어쩔 수 없습니다.



■ 접고 펼치기


<details><summary>펼치기 버튼</summary>숨겨진 내용</details>


Click Me! 사용 예시와 설명!

버튼 내용을 클릭하면, 숨겨진 내용을 보여주는 기능입니다. 게시판, 모바일, 라운지 모두 정상 작동합니다.
스포일러 방지, 또는 장문의 글을 필요한 부분만 펼쳐서 보여주는 데는 활용하기 좋습니다.


숨겨진 내용에는 장문의 내용이나, 이미지, 여러문단 전혀 문제없이 들어갑니다.
에디터에서도 클릭 및 편집할 수 있으니 숨겨진 내용 수정하는 건 문제 없을 겁니다.


다만, 사용성이 영 좋지 않습니다. 버튼의 내용은 HTML 에디터 쪽에서 밖에 수정이 되지 않습니다.
숨겨진 내용 쪽은 에디터에서 문제 없이 수정할 수 있습니다.


그러니 미리 스타일(크기, 색상 등)을 만들어 놓은 다음에 그 <span> 태그 외부에 <summary>를 설정해 주셔야 합니다.
그리고 에디터에서 반드시 “닫힘 상태”로 글을 저장해야지, 펼쳐진 상태로 글을 저장하면 그 상태로 저장되니 사용에 주의!



■ 이미지 꾸미기



<img src="이미지 주소" id="이미지id" articleid="글id" communitykey="indie" class="fr-fic">


바로 위에 보이는 게 “일반적인 이미지 소스의 구성"입니다.


여기 사이에 (위치는 <괄호> 속이면 어디든 괜찮습니다.) style=”다양한 값”을 추가해 주시면 될 뿐입니다.
이것 만으로도 정말 편하고 다양하게 이미지에 효과를 주실 수 있습니다. 동시에 적용할 수도 있습니다.


추천은 그림자와 모서리 둥글게 2종을 동시에 사용한 아래 코드를 복사해 놨다가,
필요한 이미지에만 해당 코드를 붙여 넣는 방법으로 이용하기 좋습니다.


style="filter: drop-shadow(gray 1px 1px 3px); border-radius: 8px;"


> 사용 예시


순서대로 블러 처리, 기울기, 비틀기, 그림자, 둥근 모서리, 둥글게

style="filter: blur(2px);"
style="transform: rotate(10deg);" - 라운지에서 사용불가
style="transform: skew(-10deg);" - 라운지에서 사용불가
style="filter: drop-shadow(gray 1px 1px 3px);"
style="border-radius: 8px;"
style="border-radius: 100%;"


일부 이미지는 잘 보이라고 외곽선(border:1px solid black)을 추가로 넣었습니다.



■ 글상자 만들기



<div style="overflow:auto; margin:auto; width:90%; border: 2px ridge aliceblue; border-radius:8px; background: darkslateblue; padding:10px; color: whitesmoke;">본문 작성</div>


활용도가 높은 글상자 태그 입니다. 갑자기 복잡해 보이긴 하지만, 하나씩 끈어 보면 어렵지 않고,
자유로운 커스터마이징이 가능하니, 이런 저런 값을 조정하면서 원하는 스타일의 글 상자를 만들어 보세요!


· overflow: auto;
스크롤 표시를 숨기기 위한 & 유연한 글 상자를 만들기 위한 부분입니다. 그냥 두세요^^


· margin : auto;
강제로 가운데 정렬을 하기 위한 꼼수입니다. 그냥 두세요 ㅎㅎㅎ


· width : 90%;
가로 길이를 입력하는 부분입니다. 휴대폰에서 볼 경우 70% 이하로 하거나 350px 이상으로 하면 보기 좋지 않으니, 이 값에 유의해 주세요.


· border : 2px ridge aliceblue;
글 상자를 감싸는 테두리입니다. 각각 두께, 형태, 색상을 의미하며 색상코드(샾 코드)를 사용하셔도 됩니다.


· border-radius : 8px;
 글상자의 모서리를 둥글게 만드는 스타일 입니다. 마음껏 조절해도 괜찮고, % 값으로 입력하셔도 됩니다. 100%하면 구체 글상자가 만들어집니다.


· padding:10px;
글 상자 안쪽의 여백입니다. 좁아 보이시면 조절하셔도 좋습니다.


· background: darkslateblue;
글 상자의 배경 색상입니다.

 
· color : whitesmoke;
글 상자 내의 글자 색상입니다.


· text-shadow: 0 0 6px gray;
글 상자 내의 글자 그림자입니다.


> 사용 예시를 참고해서 자신만의 멋진 글상자를 만들어 보세요!


<div style="overflow:auto; border: 1px dashed gray;width: 90%;background: lightgray;padding:10px;color: black;margin: auto;"> 글 상자 샘플 - 회색 조합 </div>

<div style="overflow:auto; margin: auto; width: 90%;border: 3px ridge pink;background: lightpink;padding:10px;color: white;border-radius: 8px;text-shadow: 0 0 6px red;"> 글 상자 샘플 - 핑크&레드 </div>

<div style="overflow:auto; margin: auto; width: 90%;border: 2px dotted mediumaquamarine;border-radius:8px;background: #dff7eb;padding:10px;color: coral;border-radius: 24px;"> 글 상자 샘플 - 민트&오랜지 </div>

<div style="overflow:auto;width: 90%; margin:auto; background: #52597b; padding:10px;color: #eeeeee;"> 글 상자 샘플 - 군청&화이트 </div>



■ 폰트 패밀리

이 내용은 추천하지 않지만, 몇몇 분들에게는 정말 매우 유용할 것입니다.
스토브 기본 서체의 단점이 폰트 웨이트가 너무 높아서, 일반 서체와 볼드체가 거의 차이가 없다는 단점이죠.

그래서 볼드넣고 색상까지 넣어야, 원하는 부분을 강조할 수 있다는 ㅠㅠ


바로, 스토브 기본 서체와는 다른 폰트를 사용하는 방법입니다.


style="font-family:궁서체;"

style="font-family:나눔고딕;"

style="font-family:굴림;"


추천하지 않는 이유는, 해당 글을 보는 분의 컴퓨터에 해당 폰트가 설치되어 있지 않다면 기본 폰트로 출력되다보니,
아예 적용되지 않는 경우도 있습니다.


자신이 작성하는 문서 전체에 적용하고 싶다면,
문서 시작과 끝을 <div>~~</div>로 감싸고, 해당 div에 위 폰트 패밀리 스타일을 넣어 주시면 문서에 통째로 적용됩니다.


지금 이 글 처럼 말이죠. 고딕 폰트를 적용해 놨습니다.
볼드가 아주 확실하게 구분되죠 ㅎㅎㅎ



■ 스타일 코드의 범용성에 대해서


CSS 스타일은 이미지나 div, span 구분 없이 사용할 수 있는 특성이 있습니다.
그러니 이미지 꾸미기에 사용한 다양한 스타일을, 글상자, 또는 문장이나 일부 단어에도 적용할 수 있다는 말이죠.


물론 이 모든 건 소스에서 직접 편집을 해야 한다는 단점이 있어 미리 코드에 익숙해질 필요가 있습니다.
바로 아래가 위에 나왔던 모든 코드를 한 자리에 때려박은 예시입니다 ^^


펼치기 버튼

숨겨진 내용

숨겨진 내용

숨겨진 내용

숨겨진 내용



이외에도 이미지 가로 배치라든가, 트렌스 폼 태⁠⁠그, 목차 링크 기능들도 있긴 하던데...


이미지 좌측 또는 우측 배치 후 글을 쓸 수 있는 기능(float)도 있었는데,
이건 라운지에서 깨져서 출력되어 버렸네요.정작 div에 float을 적용하면 잘 작동하는 걸 보면,
아마 이미지 float 스타일은 오버라이드 되는 듯 싶네요.
그냥 표 기능을 활용하시면 될 것 같습니다.


어렵게 적어 버렸지만, 그냥 사용하기에는 너무나 불편하다보니 실용성이 상당히 낮은 항목들은 뺐습니다.


위 내용과 관련하여 궁금한 점이나, 사용 중에 어떤 문제가 발생하시면 댓글 남겨주세요.

아는 한도에서는 도움을 드릴 수 있을 것입니다.



※ 주의

코드를 넣으신 다음에는 반드시 "코드에서의 줄 바꿈(엔터)을 전부 지워 주세요." 첫 등록에는 문제 없지만,

수정을 누르는 순간 코드에 있는 엔터를 전부 <br>로 치환해서 글의 양식이 부서질 수 있습니다.



여러분들의 멋진 글을 응원하며 마치겠습니다.




촉촉한감자칩

🫡🫡🫡 즐겜을 위해 하루하루 살아가고 있습니다.

미소녀 게임, 건설 경영 게임을 사랑합니다!



로그인 후 댓글을 달아보세요!
문자 : 0/1000
Sojeob
24.04.2124.04.21 16:26 -00:00


촉촉한감자칩
24.04.2124.04.21 22:20 -00:00
작성자


고요한바위
24.04.2124.04.21 10:06 -00:00

글 상자 너무 예쁘네요. 좋은 정보 감사합니다. ^ ^

촉촉한감자칩
24.04.2124.04.21 10:12 -00:00
작성자


오믈렛은마시따
24.04.2124.04.21 03:50 -00:00

스포는 맨날 배경, 글씨 검은 칠 했었는데 접기&펼치기가 가능하네요


촉촉한감자칩
24.04.2124.04.21 04:03 -00:00
작성자


배두나
24.04.2124.04.21 03:00 -00:00


촉촉한감자칩
24.04.2124.04.21 03:03 -00:00
작성자


아인ii
24.04.2124.04.21 02:30 -00:00



촉촉한감자칩
24.04.2124.04.21 02:32 -00:00
작성자


스토브9700
24.04.2124.04.21 02:24 -00:00


촉촉한감자칩
24.04.2124.04.21 02:28 -00:00
작성자


덤비면문다고
24.04.2124.04.21 01:35 -00:00

스토브 외적으로도 사용할 수 있는 꿀팁인데요?

잘 보고 갑니다.


촉촉한감자칩
24.04.2124.04.21 01:40 -00:00
작성자

고평가 감사합니다!


Chim
24.04.2124.04.21 01:30 -00:00

다른데도 쓸 수 있는 꿀팁이네요

촉촉한감자칩
24.04.2124.04.21 01:34 -00:00
작성자