반응형 전체보기804 원신 일본 애니 좋아 하시는 분에게 추천 드립니다 친구가 재밌다고 추천해 주기도 했고 광고도 많이 뜨길래 뭔가 하고 해 본 게임인데요. 그래픽도 상당히 좋아서 하자마자 빠져드는 게임 같아요. 모바일은 물론 플스4, 닌텐도 스위치, 윈도우 등 정말 다양한 플랫폼에서 지원하는게 특징인 것 같습니다. 게다가 모바일-PC-콘솔의 크로스 플레이를 지원한다고 하며 방대한 맵이 하나의 오픈 월드로 이루어져 있다고 하니 매우 기대가 되네요. 게임의 대략적인 정보는 다음과 같습니다. 제 폰은 사양이 그다지 높지 않아서 완벽한 그래픽이 구현되지는 않았지만 이미 많은 플레이 영상이 올라와 있어서 고사양에서 플레이하는 영상도 어렵지 않게 찾아 보실 수 있을 거예요. 처음부터 한 편의 애니메이션을 보는 것 같았어요. 인트로에서 쌍둥이 남매 중 한 케릭터를 고르는 것으로 시작하.. 게임/게임 정보 2020. 10. 3. 검은사막 M(모바일) 엄청난 양의 컨텐츠에 놀랐습니다 2018년 2월에 출시된 게임인데, 그 때 당시에는 '오 잘 만들었네?' 정도로 살짝 감탄만 하고 몇 번 하다가 그만 둔 걸로 기억을 해요. 최근에 친구가 신섭이 나왔다고 다시 하자고 해서 해 봤는데 다른 게임들을 하다가 좀 질릴만한 타이밍이서 그랬는지 몰라도 최근에 나오는 게임들과 비교해도 손색이 없어 보였고 몇 년 사이 눈에 띄게 발전한 것 같다는 생각이 들었습니다. 목차 방대한 메인 스토리 메인 스토리는 말 할 것도 없이 방대했습니다. 내용도 탄탄해서 보는 재미도 있었지만 그 만큼 긴 스토리에 감탄을 금할 수 없었습니다. 게임을 한 지 꽤 지났는데 아직도 진행 중입니다. 다양한 이야깃거리 게임 내 따로 진행할 수 있는 다른 이야기들을 포함하여 즐길 거리가 수두룩 했습니다. 메인 스토리를 다 클리어 .. 게임/게임 정보 2020. 10. 3. 테트리스 게임 개발 #10 - 모바일 플레이 기능 구현 목차 지난 강의 리뷰 테트리스 게임 개발 #9 - 콤보 기능 및 라인 한 줄 씩 추가 테트리스 게임 개발 #9 - 콤보 기능 및 라인 한 줄 씩 추가 목차 지난 강의 리뷰 테트리스 게임 개발 #8 - 보드 및 블럭 스타일 추가 테트리스 게임 개발 #8 - 보드 및 블럭 스타일 추가 목차 지난 강의 리뷰 테트리스 게임 개발 #7 - 최고 점수 표시, 블럭 색 sangminem.tistory.com 이번에는 약속드린 대로 모바일에서 조작 가능하도록 버튼을 만들어 보겠습니다. 모바일 뷰에서는 고려할 사항이 좀 더 많습니다. 메타 설정 수정 하나하나 생각해 보겠습니다. 먼저 play.html을 수정할 건데요. 모바일 기기에서 최적화 된 화면을 보여주기 위한 메타 설정 값입니다. 일반적인 사항이라 특별한 설정이 .. 코딩 강의/컨텐츠를 만들어 볼까요 2020. 10. 1. 테트리스 게임 개발 #9 - 콤보 기능 및 라인 한 줄 씩 추가 목차 지난 강의 리뷰 테트리스 게임 개발 #8 - 보드 및 블럭 스타일 추가 테트리스 게임 개발 #8 - 보드 및 블럭 스타일 추가 목차 지난 강의 리뷰 테트리스 게임 개발 #7 - 최고 점수 표시, 블럭 색깔 추가, 배경음악 및 효과음 적용 테트리스 게임 개발 #7 - 최고 점수 표시, 블럭 색깔 추가, 배경음악 및 효과음 적용 목차 sangminem.tistory.com 이번 시간에는 한층 더 고급스러워진 게임에 더욱 난이도 높은 기능을 추가해 보도록 해볼게요. 1. 먼저 콤보 기능을 만들어 볼 거구요. 2. 특정 레벨 이상에서 일정 시간이 지나면 밑에서 한 줄씩 올라오는 로직을 구현해 보겠습니다. 별 거 아닌 거 같아도 생각보다 고려할 게 많습니다. 정신 바짝 차리고 따라 오세요. 콤보 기능 추가 .. 코딩 강의/컨텐츠를 만들어 볼까요 2020. 10. 1. 테트리스 게임 개발 #8 - 보드 및 블럭 스타일 추가 목차 지난 강의 리뷰 테트리스 게임 개발 #7 - 최고 점수 표시, 블럭 색깔 추가, 배경음악 및 효과음 적용 테트리스 게임 개발 #7 - 최고 점수 표시, 블럭 색깔 추가, 배경음악 및 효과음 적용 목차 지난 강의 리뷰 테트리스 게임 개발 #6 - 시작, 종료, 일시 정지 및 레벨, 라인, 점수 계산 기능 구현 테트리스 게임 개발 #6 - 시작, 종료, 일시 정지 및 레벨, 라인, 점수 계산 기능 구현 목차 sangminem.tistory.com 이제 테트리스는 저희 손 안에 있습니다. 원하는대로 바꾸도록 해 볼거예요. 1. main-board와 next-board에 밝은 색 무늬도 추가하여 1자 블럭이 잘 보이도록 할 겁니다. 2. 그리고 블럭에 스타일 옵션을 추가하여 블럭을 좀 더 고급스럽게 만들어.. 코딩 강의/컨텐츠를 만들어 볼까요 2020. 9. 28. 브레이크 더 사일런스: 더 무비 Break the Silence: The Movie BTS 영화 후기 (아직) 방탄소년단(BTS) 팬은 아니지만 워낙 유명하고 인기가 많은 가수라서 알고 싶은 마음은 있었는데 때마침 같이 보러 가자고 한 친구들이 있어서 좋은 기회라고 생각을 했습니다. 역시 BTS가 주제인 다큐인 만큼 평점이 어마어마 하네요. 세계를 돌면서 큰 무대에서 콘서트를 하면서 더욱 성숙해져 가는 모습이 보기 좋았구요. 이미 정상에 올랐음에도 불구하고 겸손함을 잃지 않으려고 마인드 컨트롤 하는 모습과 나태해 지지 않고 오히려 더욱 좋은 모습을 보여주기 위해 애쓰는 모습들을 보니 순전히 운으로 그 자리에 있는 건 아니라는 걸 알 수 있었어요. 그리고 어떤 일을 할 때 성공을 목표로 하는 것이 아니라 진심을 담아 본인이 좋아하는 일을 하다보면 성공은 뒤따라 오는 것이다 라는 메시지를 주는 것 같았습니다.. 먹고 사는 이야기/일상 2020. 9. 27. 자바스크립트 Base64 이미지 코드 파일로 쓰기 base64로 인코딩 된 이미지를 다시 파일로 변환하고자 할 때 사용하실 수 있습니다. function dataURLtoFile(dataurl, filename) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = window.atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n); } return new File([u8arr], filename, { type: mime }); } 프로그래밍 & IT 정보/Javascript 2020. 9. 24. 자바스크립트 이미지 크기 조정 및 보정 로직 이미지를 축소하여 저장할 필요가 있을 때 유용합니다. 크기를 줄이는 자체는 어렵지 않습니다. 계단 현상이 일어나지 않도록 보정하는 로직이 이 포스팅의 핵심이니 유용하게 사용하시기 바랍니다. function imageResizing(canvas, width, height, resize_canvas) { var width_source = canvas.width; var height_source = canvas.height; width = Math.round(width); height = Math.round(height); var ratio_w = width_source / width; var ratio_h = height_source / height; var ratio_w_half = Math.ceil(ra.. 프로그래밍 & IT 정보/Javascript 2020. 9. 24. 자바스크립트 텍스트 길이(바이트) 구하기 문자열의 length 속성은 단순히 숫자, 영문, 한글 모두 1글자씩이라고 판단을 하지만 경우에 따라서 한글을 2자로 인식을 해야 하는 경우가 있습니다. 예를 들어 바이트 계산을 할 때 영문, 숫자, 일반적인 특수 기호들을 1바이트, 한글은 2바이트가 되죠. 단순한 방식으로 함수를 구현해 보겠습니다. function getTextLength(str) { var chk = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-_0123456789\~!@#$%^&*()_+| "; var length = 0; if (str != null) { for (var i = 0; i < str.length; i++) { if (chk.indexOf(str.charAt(i)) .. 프로그래밍 & IT 정보/Javascript 2020. 9. 24. 자바스크립트 아스키 코드 정렬 배열을 인자로 받아서 아스키 코드 순으로 정렬을 한 뒤 리턴하는 함수를 작성해 보겠습니다. function asciiSort(input, reverse) { var output = [], temp; if (input != undefined && input != null) { for (var i = 0; i < input.length; i++) { output.push(input[i]); } for (var i = 0; i < input.length; i++) { for (var j = i + 1; j < input.length; j++) { if (compareTo(output[i], output[j], reverse)) { temp = output[i]; output[i] = output[j]; out.. 프로그래밍 & IT 정보/Javascript 2020. 9. 24. 테트리스 게임 개발 #7 - 최고 점수 표시, 블럭 색깔 추가, 배경음악 및 효과음 적용 목차 지난 강의 리뷰 테트리스 게임 개발 #6 - 시작, 종료, 일시 정지 및 레벨, 라인, 점수 계산 기능 구현 테트리스 게임 개발 #6 - 시작, 종료, 일시 정지 및 레벨, 라인, 점수 계산 기능 구현 목차 지난 강의 리뷰 테트리스 게임 개발 #5 - 하드 드랍 및 라인 제거 기능 구현 테트리스 게임 개발 #5 - 하드 드랍 및 라인 제거 기능 구현 목차 지난 강의 리뷰 테트리스 게임 개발 #4 - 블럭 쌓 sangminem.tistory.com 점점 게임의 완성도가 높아지고 있습니다. 기세를 몰아서 더욱 높여 보겠습니다. 1. 최고 점수 표시 2. 블럭 색깔 추가 3. 배경음, 효과음 적용 위 3가지 사항을 이번에도 거침없이 적용할 예정이에요. 소스 코드 재정비 잠시 다시 한 번 코드 관리하기 좋.. 코딩 강의/컨텐츠를 만들어 볼까요 2020. 9. 24. 테트리스 게임 개발 #6 - 시작, 종료, 일시 정지 및 레벨, 라인, 점수 계산 기능 구현 목차 지난 강의 리뷰 테트리스 게임 개발 #5 - 하드 드랍 및 라인 제거 기능 구현 테트리스 게임 개발 #5 - 하드 드랍 및 라인 제거 기능 구현 목차 지난 강의 리뷰 테트리스 게임 개발 #4 - 블럭 쌓는 로직 작성 테트리스 게임 개발 #4 - 블럭 쌓는 로직 작성 목차 지난 강의 리뷰 테트리스 게임 개발 #3 - 블럭 이동 기능 구현 테트리스 게임 sangminem.tistory.com 지난 시간까지 기본적인 테트리스의 기능은 구현이 완료 되었습니다. 지금부터는 부가적인 기능을 구현해 보는 시간을 갖도록 할 거예요. 1. 게임 시작, 종료, 일시 정지 2. 레벨, 라인, 점수 계산 위와 같은 기능이 추가 되어야 더욱 게임 다운 게임이 되겠죠. 게임 시작, 종료, 일시 정지 일단 게임 시작, 일시 .. 코딩 강의/컨텐츠를 만들어 볼까요 2020. 9. 23. 이전 1 ··· 61 62 63 64 65 66 67 다음 💲 추천 글 반응형