코딩 43

스프라이트 이미지 움직이기(1)!

youtu.be/3noMeuufLZY 스프라이트 이미지를 움직이는 데는 두 가지 방법이 있다 1. 예를 들어 프레임이 8개면 an1.jpg~an8.jpg 이렇게 나누는 것! 2. 하나의 파일에 다그려 넣고 그때그때 좌표를 얻어오는 것! 난 개인적으로 어렵게 느껴졌지만 효율적이라고 생각해서 2번째 방법을 선택했다! 코드를 보자! 1. 이미지/좌표 불러오기! -p5js에서 preload를 만들어준다 저기에 이제 뭐 mp3나 이런 거를 불러올 때 쓰는 기능 같다! spritedata= loadJSON('p5/horse/horse.json'); spritesheet = loadImage('p5/sheep.png'); 자바스크립트는 별게 다된다 ㅋㅋ 2. 좌표를 지정해 배열에 하나하나 하나 넣어준다!] -setu..

1.캐릭터 만들기 시스템!

1번 부모 클래스 만들기 캐릭터가 thor든 iron man이든 모두 이들은 캐릭터라는 부모를 가진다 일단 체력 하나만으로 하겠다! 여담으로 나중에 장비들을 만들면 저 hp->armorhp/weaponhp 등 이렇게 나눠줘야 한다! skillone 즉 게임에서 예를 들어 z를 누르면 캐릭터마다 나가는 스킬이 다를 거다 그렇게 해주려면 c++기준 가상 함수가 필요하다! 가상 함수 부분인 skillone()은 비워놓는다! 그다음 thor를 보자! thor()라는 생성자를 만들어준다! 주의할 점 1.c++과 다르게 여기는 생성자 앞에 public을 붙여줘야 쓸 수 있다! 원리는 비슷하다 c++ public밑에 생성자를 써주는 것처럼! 2. 자바는 @override라고 사용할 함수에 붙여주면 된다 3.exten..

카테고리 없음 2021.04.22

p5js로 인터렉티브 흉내내기

중학교 이후 처음인 거 같다 블로그에 글을 쓰게 될 줄은 그렇지만 내가 좋아하는 명언 두 개가 있다 1. 기억보단 기록을 2. 하루하루는 성실하게 인생은 되는 대로 난 예체능 계열에 있는 사람이라 하루의 소중함에 대해 너무나도 잘 알고 하루가 모여 어떤 결과를 만들어 내는지도 잘 보고 경험했다. 여기까지만 하고 시작해보겠다! 겅력은 5개월 3개월 c/c++ 웹 개발은 2달 정도 공부했다 6~9월 사이에 국비 학원에 가기 전에 꼭 흉내 내 보고 싶은 작업물이 있어서 (나만의 생각인 줄 알았으나 너무 똑같은 작업물이 유튜브에...)2달 동안 이 악물고 카피라도 해보자! 하고 하루 7~8시간씩 노력해봤다! 결과는 내 기준 대성공! (p5js가 없었다면... 아마 불가능했을 것이다...) 2달 동안 치열했던 코..