-
[processing] 볼팅기기
Processing Code float GRAVITY = 0.02; float ballX[] = new float[100]; float ballY[] = new float[100]; float speedX[] = new float[100]; float speedY[] = new float[100]; float prevX = 0; float prevY = 0; void setup() { size(400,600); background(255); for (int i=0; i height) { speedY[i] = speedY[i] * -0.8; ballY[i] = height; } if (ballX[i]>width) { speedX[i] = speedX[i] * -0.9; ballX[i] = width; }..
2020.09.25
-
[SwiftUI] 뷰 페이저 만들기 (Paged scroll view)
PagerView // 페이지 단위 뷰를 보여줌 struct PagerView : View { let pageCount: Int let content: Content @Binding var currentIndex: Int @State private var dragOffset: CGFloat = 0 @State private var pageOffset: CGFloat = 0 // 드래그 없이 처음 레이아웃의 오프셋을 계산하기 위한 조건 @State private var isFirstLayout = true init(pageCount: Int, currentIndex: Binding , @ViewBuilder content: () -> Conte..
2020.09.25
-
카메라 포커스 아이콘 (SVG)
카메라 포커싱 화면을 만들려고 벡터로 된 공짜 아이콘을 찾다가 계속 가입하라고 해서, 그냥 만들어서 썼다. 아래 4 조각을 모으면 되요.
2020.09.16
-
[Android] 카카오 로그인(v1) 버튼 UI 변경하기
이글을 쓰고 두어달이 지난 후 바라던 대로 v2 로그인 라이브러리가 업데이트 되었다. 다행이다 라는 생각과 함께 글이 소용없게 되었다. ㅎㅎ ;; 그냥 v1, v2초기 버전이 이랬다 정도로 알고 넘어가요. --- 카카오 로그인 라이브러리 v1은 LoginButton 클래스를 이용해서 로그인하는 예제만 나와있다. (내가 못 본 것이라면 정말 정말 찾기 쉽지 않음) LoginButton UI가 이상하게 생겨서 UI는 직접 구현하고 로직을 처리하려고..
2020.09.09
-
반동 움직임(Bounce Animation)
// p5.js var ballX=200, ballY=200, vX=0, vY=0; var speed = 0.1; var bounce = 0.88; function setup() { createCanvas(320, 320); background(255); } function draw() { vX=(vX + (mouseX-ballX)*speed)*bounce; vY=(vY + (mouseY-ballY)*speed)*bounce; ballX=ballX+vX; ballY=ballY+vY; ellipse(ballX,ballY,20,20); } 여기서 주목해야 할 것은 이것이다. v = (v + (targetValue - nowValue)*speed)*bounce; nowValue += v;
2020.08.13
-
[Flutter] 다이어로그 내에서 State 적용하기
다이어로그에서 텍스트 입력을 바로 검증하여 버튼의 활성상태를 변경하고자 한다. 다이어로그의 Context가 다이어로그를 호출한 위젯의 Context와 다르기 때문에 별도로 State 가 관리되어야 한다. 이때 StatefulBuilder 로 content를 구성하면 커스텀 위젯 클래스를 새로 만들지 않고 간단히 구현할 수 있다. 요로케.. void _promptDeletion() async { bool confirmed = await _showConfirmDeletion(); print("_accountDelet..
2020.08.13
-
다이아몬드 블러링
updated 2020-08-04 // sketch of p5js var ms = 0; function setup() { createCanvas(400, 400); } function draw() { background(220); noStroke(); ms += 10; if (ms > 200) { ms = 200; } for (var h = -10; h < 10; h++) { for (var k = -10; k < 10; k++) { var mx = 50 - abs(k * h); var r = 200 + mx; var g = ms; var b = 200; var c = color(r, g, b); var x = (k + 10) * 20; var y = (h + 10) * 20; fill(c); rect(..
2020.08.04
-
Anti-aliased 선 긋기 (Xiaolin Wu's line algorithm)
Bresenham 선 긋기 방법은 매우 빠르나 경계선이 드러나서 보기에 좋지 않다. Xiaolin Wu의 안티알리아스 선 긋기를 배워본다. 이 알고리즘은 한쌍의 픽셀을 연달아 찍어서 선을 그리는 것인데, 반복동작으로 선의 길이만큼 여러 쌍의 픽셀을 그리고 양 끝점을 따로 계산해서 픽셀을 찍는다. 위에서 보는 것처럼 선은 픽셀칸의 중심을 정확하게 지나가는 것이 아니기 때문에, 선분에 영향력을 미치는 2개의 픽셀칸의 밀도를 조..
2020.07.28
-
2개의 실수에서 가장 가까운 정수 값 찾기
2개의 숫자에서 가장 가까운 정수를 찾는 간단한 방법. 의외로 쉽다. var integerX = int(x + 0.5);
2020.07.27
