pixel 썸네일형 리스트형 [Aseprite] 클릭커, 방치형 게임에 필요한 이미지 제작 (1) [Aseprite] 클릭커, 방치형 게임에 필요한 이미지를 만들자 ( 1 ) 안녕하세요. 앞으로 제대로 된 클릭커, 방치형 게임을 만들기를 할 예정입니다. Web 클릭커 게임에 필요한 이미지를 제작할까 합니다. 그리고 저의 부족한 그림 그리기 실력을 좀 향상 시키는 계기가 되었으면 좋겠습니다. 시작해보겠습니다. 😘 무조건 16x16, 32x32, 64x64로 제작하며 사이즈 크기를 100~500% 키워 사용하겠습니다. 제작 예정 [ 토끼, 금, 은, 당근, 토끼 1, 토끼 2, 토끼 3 ] 매우 간단하게 그리도록 하겠습니다. 1. 클릭용 토끼그리기 (32x32) ( 구글링해서 그리고 싶은 토끼를 참고했습니다. [창작아닙니다] ) 따로 명암은 넣지 않았습니다. 귀엽게 보이시나요? 앞으로 이 그림을 클릭할 .. 더보기 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (2) _ Save, Load [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 ( 2 ) _ 저장, 불러오기 만들기 안녕하세요. 오늘은 저장, 불러오기를 만들어서 새롭게 추가하는 항목들을 좀 더 편하게 테스트 하기 위해 만들어 두겠습니다. (디자인은 하지않겠습니다.. 이쁘게 할 자신이 없습니다.) 2021.11.01 - [HTML.CSS.JAVASCRIPT] - [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (1) _ 기본 제작 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (1) _ 기본 제작 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 ( 1 ) _ 기본틀 만들기 안녕하세요. 지금부터 첫 번째 프로젝트인 클릭커 게임(clicker game) 을 제작해 .. 더보기 [Aseprite] Tistory 아이콘, 파비콘을 만들어보자 (1) [Aseprite] Tistory 아이콘을 만들어보자 ( 1 ) 안녕하세요. tistory 아이콘이 마땅한 게 없어서 한번 만들어 보기로 했습니다. 🙌 주의하세요 😱 배우는 단계인 것 감안하고봐주시면 감사하겠습니다. 치명적인 단점 : 색상 고르는 센스 꽝 1. 일단 16*16 (px)인 스프라이트를 열어줍니다. 2. 다른 것은 건들 필요 없습니다. 바로 뼈대를 만들어 줄게요 집에 있는 패드 비슷하게 그려보았습니다. 약간 짱구 엉덩이도 연상이 되는데 2% 부족한 느낌이네요. 3. 색을 채워주고 속 틀을 만들어 줬습니다. 조금 그럴 듯 해지고 있나요? 4. 이제 색 이것도 명암인가.. 싶은 명암을 넣어주고 경계를 구분해 봤습니다. 추가적으로 패드에 선이 있는 것으로 쓰고 있어서 선을 그려 넣어 주었습니다. .. 더보기 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (1) _ 기본 제작 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 ( 1 ) _ 기본틀 만들기 안녕하세요. 지금부터 첫 번째 프로젝트인 클릭커 게임(clicker game) 을 제작해 보도록 하겠습니다. 여러 다양한 제작 방법들을 봤지만.. 가장 쉽다고 생각하는 방법으로 제작하겠습니다. 아직 봐도 이해를 못 하겠기에 쉽지만 난잡한 방법으로 가보도록 하겠습니다. 3가지 준비했습니다. 여러분들도 따라 하실 경우 아무렇게나 만드시면 됩니다. 자 이제 시작해 볼까요?? 1. HTML 넣기 (뼈대 만들기) Click input 태그에는 disabled를 넣은 이유는 input 태그를 클릭하거나 입력하거나 건드리지 못하게 하려는 목적입니다. 저렇게 한다고 css가 안 먹거나 그렇지는 않더라고요. 2. CSS 넣기 .. 더보기 [Aseprite] 시작하기에 앞서.. 웹 사이트를 제작하다 보면 다양한 이미지들이 필요로 하는데 개인적으로 Pixel,도트 이미지를 상당히 좋아해서 전목 시키기를 도전중에 있습니다. 현재 pixel, 도트 이미지 그리는 프로그램으로 Aseprite를 사용합니다. 스팀에서 Aseprite를 구매해야합니다. (대략 20,000원정도) Aseprite는 기본언어로 영어를 쓰고 있기 때문에 저는 한글화를 안하면 까막눈이기 때문에 한글화가 필수죠. 1. ETERNAL WORLD 한글화를 하기 위한 방법 이곳으로 가셔서 파일을 받으시면 됩니다. 자세한 설명을 드리고 싶지만, 이곳에 있는 설명이 더욱 알차고 명확합니다. 그러므로 패스~ https://eternalworld.tistory.com/531 2. DCINSIDE 도트갤러리 그림의 기본기를 배울.. 더보기 첫 게시글 안녕하세요. 현재 평범한 직장을 다니고 있는 회사원입니다. 대학생 때 우연히 듣게 된 인터넷 수업을 통해 HTML, CSS, JAVASCRIPT를 처음 알게 되어 배우는 데 점점 흥미가 돋아 취미로 공부를 해보려고 합니다. 매일매일은 아니어도 꾸준히 공부하는 일상과 몰랐던 부분들을 기록하고, 다른 분들께 공유해 주면 좋을 만한 정보들을 기록해두려는 목적으로 티스토리 활동도 함께 하려고 합니다. 잘부탁드립니다.(●'◡'●) 많이 서투르고 어설퍼도 천천히 모두 다 같이 성장해 나가봅시다 그림도 직접 그리고 활용하고 싶어서 같이 공부해 나갈예정입니다. 사용중인 프로그램은 1.Aseprite 구매하여 사용중입니다. (steam) 2.Atom, VSCode를 둘다 사용하는 중이지만, 최대한 VSCode를 사용하려.. 더보기 이전 1 다음 > 오늘의 코인 운세 보기 <
