라공

마이룸 스킨

30,000원

마이룸미니룸도트도트룸캐릭터꾸미기인터랙티브방꾸미기게시판스킨룸스킨미니홈피커스텀

코드는 1도 모르겠지만 마이룸 갖고 싶다...
이미지만 있으면 꾸밀 수 없나....



기능 요약

▶직관적인 꾸미기

: 아이템 리사이즈, 회전, 반전, Z높이 조절, 이미지 고정 가능

▶아이템 라이브러리

: 일괄 업로드, 선택 삭제, 이름 또는 태그 검색으로 관리가 쉬움

▶게시판 구동이 무겁지 않음
단, 너무 큰 이미지를 사용하지 마세요! (홈페이지가 힘들어 해요.)

▶방 저장 시 썸네일에 자동 적용

▶방 캡처 버튼
내보내기(PNG 저장) 지원
▶기본 방, 가구 일부 지원! (+25.07.29)
: 자체 제작 도트 방, 가구

코드 없이, 이미지만으로 꾸미는 마이룸


🎨 방 꾸미기

마우스 드래그만으로 아이템을 놓고, 크기·회전·반전·높이를 조절할 수 있어요. 코드 수정? 없어요.

 마이룸.gif

드래그 & 리사이즈

아이템을 원하는 위치에 드래그! 모서리를 잡아 크기를 바꿀 수 있어요. 원래 크기로 되돌리기 버튼도 있습니다.

회전 & 반전

회전 핸들로 원하는 각도를 맞추고, 좌우 반전도 가능! 0°로 리셋 버튼 지원.

Z높이 (앞/뒤 순서)

아이템끼리 겹칠 때 위/아래 순서를 자유롭게 바꿀 수 있어요.

이미지 고정

배치가 끝난 아이템은 잠금! 실수로 움직이는 걸 방지합니다.



🏠 방 만들기

d874e99883710135274546501.webp

1. 옵션: 카테고리, 공개 범위를 설정할 수 있습니다.

게시판 설정에서 카테고리 '사용' 시 카테고리 설정 가능

게시판 설정에서 비밀글 사용에 '체크박스'를 설정할 경우 공개 범위 설정 가능

2. 마이룸 순서: 리스트에 보일 방의 순서를 지정할 수 있습니다.

3. 마이룸 관리자: 특정 멤버에게 방을 '꾸밀 수 있는' 권한을 설정. 단, 라이브러리 권한은 없음.

4. 배경 색상 설정 가능

5. 배경 이미지 설정 가능(캔버스 영역에만 설정되는 게 정상입니다. 캡처 시 캔버스 영역만 출력됨!)

clipboard_1764164104377.png

방의 캔버스(아이템을 놓을 수 있는 영역) 사이즈는 게시판 설정의 영향을 받습니다.

이미지 폭 크기와 로그/갤러리 세로 기준을 설정해 주세요.

아이템 선택 시

: '선택된 아이템'에 대한 정보가 우측 하단에 표시됨. Z-순서(높이)는 수동으로도 조절 가능.

clipboard_1772710313215.png

크기 옆의 버튼은 '원래 크기로', 회전 옆의 버튼은 '원래 각도로' 되돌려 줍니다.

아이템 핸들

: 아이템 리사이즈, 회전, 좌우반전, 고정, 투명도 조정, 캔버스에서 삭제 등

clipboard_1772709294709.png
clipboard_1772709307985.png

핸들의 위치가 아이템과 멀리 떨어져있다면, 인내심을 가지고 기다려 주세요.

핸들이 아이템의 높이를 따라가느라, 함께 가려지지 않도록 분리되어 로딩되도록 패치했어요. (v260305~)

텍스트 추가

: 아이템 불러오기-텍스트에서 텍스트 추가 역시 가능합니다.

clipboard_1772710512100.png

텍스트 편집 시 편집모드에서 더블클릭.

텍스트가 잘려보일 경우 글자 영역보다 더 크게 리사이즈 해주세요. 

현재 갈무리9 폰트 한 종류 외에 지원되지 않습니다.


📦 아이템 라이브러리

내 이미지를 업로드하면 라이브러리에 저장돼요. 다른 방에서도 꺼내 쓸 수 있습니다.

일괄 업로드

여러 이미지를 한 번에 올릴 수 있어요.

이름·태그 검색

아이템이 많아져도 검색으로 빠르게 찾을 수 있어요.

cdcb63940397210911315717.webp
412a686539895976778794446.webp
[1] 파일 일괄 업로드 · [2] URL 업로드

파일로 일괄 업로드 하거나, URL을 통해 업로드 한 뒤 아이템 관리가 가능합니다.

라이브러리를 사용하여 이미지를 업로드 한 뒤, 방에서 이미지를 불러오는 방식

: 방에서 편집 모드 활성화 후 아이템 불러오기 클릭.

: 각 카테고리 별로 아이템이 등록되어 있습니다.

0542395717899660830423330.webp


📸 다양한 버튼 안내

참, 꾸민 방을 PNG 이미지로 저장할 수도 있어요. SNS에 올려서 자랑해보세요!

4c7e1d14252564864085534106.webp
d2e4ff1682834922254816587.webp

편집 종료 시 저장 버튼을 통해 저장하고 리스트로 돌아오면, 썸네일이 자동으로 갱신됩니다.

방 이름을 수정하셨다면 뜨지 않을 수도 있어요. 편집모드-저장을 한 번 실행해 주세요.



🎮 기본 도트 에셋

이미지가 없어도 바로 시작할 수 있어요! 자체 제작 도트 방과 가구가 포함되어 있습니다.

f16121550238028939220683.webp

압축 파일 내 '기본 가구'를 확인해 주세요. 라이브러리의 다중 업로드로 직접 추가해 주시면 됩니다.

자체 제작한 가구이므로, 개인적 수정은 자유롭습니다. 단, 소스의 가공 여부와 관계 없이 해당 소스를 판매하거나 배포하지 마세요!



✨ 완성된 방 예시

이런 방을 만들 수 있어요!

Gw_-0YNbUAIlssL2.png
## 포함 파일

myroom_up/
├── _common.php
├── color.css
├── font.css
├── list.skin.php
├── myroom.js
├── myroom_ajax.php
├── myroom_delete.php
├── myroom_library.js
├── myroom_library.php
├── myroom_library_manage.php
├── myroom_save.php
├── proxy_image.php
├── style.css
├── style.library.css
├── style.list.css
├── style.write.css
├── view.skin.php
├── view_comment.skin.php
├── write.skin.php
└── write_update.skin.php
기본 가구/
├── 룸-그레이 우드.png
├── 룸-그레이.png
├── 룸-화이트 우드.png
├── 룸-화이트.png
├── 소파.png
├── 옷장.png
├── 의자.png
├── 책상.png
├── 침대-1인용.png
├── 침대.png
└── 협탁.png

**총 31개 파일**

테스트 환경

php 8.2 / 라공 에디션

mysql 8.0 (닷홈의 경우 호스팅 관리 > 상세보기 > DB 정보 확인)


구매 전 확인 사항

무조건 새 게시판을 만드셔야 합니다.

기존에 사용하던 게시판에 덮으시면 안 됩니다. 날아갈 수도 있습니다.

주의사항

스킨 오류 외 스타일 커스텀 및 기능 추가에 대한 문의는 답변하지 않습니다.

외에, 커스텀이 많이 들어간 홈페이지의 경우엔 답변이 어렵습니다 ㅠㅠ

추가적인 안내가 생길 경우 갱신하겠습니다!

스킨 설치 전!

압축 파일 내 myroom_up만 스킨 폴더에, '기본 가구'는 넣지 않습니다.

스킨 설치 방법

링크: RA0 Edition: 게시판 스킨 설치받으신 스킨 파일은 압축을 푼 뒤,html > skin > board 경로 내에 폴더(스킨이름) 상태로 넣어주세요.스킨 경로로 진입하면, 바로 안에 php 파일들이 위치하게 해주세요!예시)html >…라공 · 메뉴얼


스킨 적용게시판 관리

 

게시판 타입: 일반 게시판

분류: 카테고리! 필요하다면 사용.


 

비밀글 사용: 필요하다면 사용하세요.

DHTML 에디터 사용: 사용하지 않습니다.

파일 업로드 개수: 99


 

스킨 디렉토리: 다운로드 후 설치하신 myroom_up 폴더로 변경해 줍니다.


갤러리 이미지 폭, 갤러리 이미지 높이: 꾸밀 공간의 너비와 높이가 됩니다. 충분히 넉넉하게 설정해 주세요.

추천은 900*700 혹은 800*600 입니다!


궁금한 사항이 해결되지 않으셨나요? QnA 게시판에서 문의하실 수 있습니다.

완료
  • 아이템 크기·회전 초기화(리셋) 버튼 추가
  • 방 저장 시 리스트 썸네일 표시 수정
  • 회전 핸들 아이콘 정렬 개선
완료
  • 배경 이미지 등록이 적용되지 않는 문제
    • 캔버스 영역에만 등록되는 게 정상입니다. 캡처 시 캔버스 영역만 출력됨!
  • 리스트에서 현재 버전 표시
×