p5.js는 프로세싱의 자바스크립트 버전입니다. HTML 캔버스를 이요하여 다양한 그래픽을 그릴 수 있습니다. 오늘은 6월 6일 현충일을 기념하여 p5.js로 태극기를 그려보았습니다. 시작하기 앞서 순국선열과 호국영령들의 희생에 감사를 표합니다. 태극기가 겉보기에는 단순해보이지만, 은근 복잡하더라고요. 그래서 이곳저곳 많이 참고했습니다 ㅎ 태극기 도안은 여기서 참고했습니다. https://www.mois.go.kr/chd/sub/a05/birth/screen.do 우리나라 국가상징> 태극기 태극기는 이렇게 만들어졌어요 1882년 박영효가 고종의 명을 받아 일본에 가면서 ‘태극·4괘 도안’의 기를 만들어 사용하였다는 기록이 있어요. 고종은 1883년 3월 6일 왕명으로 이 ‘태극·4괘 www.mois.go..
콜라츠 추측에 대한 자세한 설명은 이 내용에 대한 위키피디아를 참고해보세요. (새 창에서 열립니다.) 간단하게 추리면, 어떠한 임의의 자연수를 구하고 그 자연수가 짝수면 2로 나누고, 홀수면 3을 곱하고 1을 더하는 것을 그 자연수가 1이 될 때까지 반복하는 것입니다. 모든 자연수가 이 과정을 거치면 1이 된다고 추측하고 있고, 컴퓨터로 2의 68제곱까지 증명되었지만 진짜 모든 자연수가 이 과정을 거쳐서 1이 되는지 증명되지 않았습니다. 매우매우 흥미로운 주제입니다. 그래서 이 추측을 파이썬으로 구현해보기로 했습니다. 저의 좁쌀만한 코딩 실력으로 말이죠. 알고리즘은 이렇습니다. 1. number 변수를 임의의 자연수로 지정한다. 2. while 반복문으로 무한루프를 만든다. 3. number 변수가 짝수..
안녕하세요. 코딩하는 맹꽁이입니다. 이번 글에서는 주사위 없이도 버튼만 눌러 주사위를 굴려주는 앱을 만들어보겠습니다. 이번 글은 아주 초간단이니 따라해보세요! 1. 디자인 이렇게 간단하게 컴포넌트를 불러와주세요. 주사위 이미지를 표시할 이미지, 공백을 생성할 빈 레이블, 주사위를 굴릴 버튼, 굴릴 때 소리를 재생할 플레이어를 넣었습니다. 주사위 이미지가 없다면 제가 올려드릴테니 퍼가세요. https://drive.google.com/drive/folders/1NIETsgNX-YSRgvibI1FVsNDD0TJoK26J?usp=sharing 주사위 이미지 - Google Drive 이 폴더에 파일이 없습니다.이 폴더에 파일을 추가하려면 로그인하세요. drive.google.com 2. 코딩 매우매우매우 간단..
안녕하세요. 코딩하는 맹꽁이입니다. 이번 글에서는 앱 인벤터로 QR 코드를 스캔하여 결과를 나타내주는 QR 코드 스캐너를 만들어보겠습니다. 이번에 만들 앱은 꽤 간단하니 잘 따라해보세요! 1. 컴포넌트 불러오기 및 디자인 가장 중요한 바코드스캐너, 액티비티스타터, 공유, 알림 컴포넌트를 추가해주세요. 버튼 배치, 색, 스타일은 마음대로 해주세요! 저는 이렇게 간단하게 만들었어요. 여러분은 더 예쁘게 꾸며보세요 :) 그리고 중요한 부분! 바코드스캐너 속성에서 외부스캐너사용 항목을 체크해제해주세요. 안그러면 기기에 설치된 스캐너를 불러와 스캔하게 되는데 기기에 스캐너가 설치되어있지 않으면 경고가 뜨거든요. 2. 코딩하기 이제 코딩할 차례입니다. 간단하지만 다양한 내용이 포함되어있으니 잘 봐주세요! 먼저 스크..
안녕하세요. 코딩하는 맹꽁이입니다. 이번 글에서는 앱 인벤터로 스톱워치를 만들어보도록 하겠습니다. 스톱워치... 평소 스톱워치 앱을 쓸 때는 쉬워 보이지만 시도해보면 쉽지는 않습니다. 저도 만들 때 생각보다 어려워서 초록창에 찾아보기도 했거든요. 그럼 지금부터 앱 인벤터로 스톱워치 만들기를 시작하도록 하겠습니다! 1. 컴포넌트 불러오기 및 디자인 스톱워치에는 시계 컴포넌트가 가장 중요합니다. 시계 컴포넌트는 타이머가 실행되고 있는 동안 무언가를 실행하는 컴포넌트입니다. 그래서 시간을 계속 재야하는 스톱워치에는 시계 컴포넌트가 꼭 들어가야 합니다. 속성은 사진과 같이 설정했습니다. 시작 버튼을 누르면 타이머를 시작해야 하기 때문에 타이머 활성화 여부는 껐습니다. 그 외에 레이블, 버튼 등의 컴포넌트들을 추..
- Total
- Today
- Yesterday
- 앱 인벤터
- p5.js
- CSS
- Firebase
- HTML
- 난해한 프로그래밍 언어
- 리디렉션광고
- 태극기 그리기
- 미스키
- 이상한 사이트
- ActivityPub
- 운석 충돌 시뮬레이션
- 브레인퍽
- 안드로이드
- 코딩
- Preact
- 자바스크립트
- golang
- WSL
- 연합우주
- Go 언어
- 소스코드 뷰어
- 게임 개발
- 맵 생성기
- 매트릭스 생성기
- 콜라츠 추측
- brainfuck
- 2x2 배열
- vercel
- godot
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |