본문 바로가기
728x90
반응형
'따릉이' 사용 이력의 가시화 Project - 04. 대여소 위치 표시하기 이제 대여서 위치를 표시 해 보도록 하겠습니다. 이것은 기존에 참고했던 맛집 위치 표시 코드를 그대로 사용하면 됩니다. 그런데, 코드 분석을 너무 안해서 D3를 써서 어떻게 그리고 있는지 거의 모르고 있네요. 그리는 부분만 좀 확인 해 보도록 하겠습니다. 우선 색상은 class별로 색상을 지정하는 style을 써서 적용했기 때문에, javascript code에는 나타나지 않습니다. style을 회색에서 녹색으로 수정해 보겠습니다. 요렇게 지정한 색상이 적용 됩니다. 나중에 구별로 다른 색상을 표시하려면 fill 속성값을 로직으로 직접 계산해서 출력해야겠네요. 출력 된 HTML 코드를 보면, 색상과 관련 된 속성은 없는 것을 볼 수 있습니다. class id를 보면 style이 적용 된 속성인 것을 알 .. 2021. 2. 7.
[아빠의 Roblox 숙제]#2. 물체를 밀어서 이동시키기(1) 첫째 아이가 구상한 맵은 물을 건너가야 하는데, 헤엄을 못쳐서 뭔가 밟고 건너가는 시나리오로 만들어보자고 하였습니다. 물 넣는 것은 아직 모르니 일단 땅 위에서 만들어보려고 했어요. 건너가야 할 거리가 멀어서 중간에 발판을 이동시켜서 건너가도록 코스를 만들려고 했어요. 그런데, 그냥 플레이어로 밀면 될 줄 알았는데 잘 안되더라구요. 테스트 해 보니, 육면체는 잘 밀리지 않는데, 구는 쌩~ 굴러가고. 구는 재질에 따라 무게가 달라지는지 굴러가는 속도가 달라졌어요. 이것 저것 테스트를 많이 해 본 결과, 마찰력 속성을 설정해주면 되더라구요. 속성 중, 물리 속성을 설정 할 수 있는 속성을 이용합니다. 그런데, 이렇게만 하면, 바닥의 마찰력 때문인지 밀리지가 않더라구요. Terrain의 마찰력도 다 0으로 해.. 2021. 1. 30.
[아빠의 Roblox 숙제]#1. 와리가리 물체를 이용해서 건너가기 둘째 아이가 만들고 싶어한 맵이 '길건너 친구들'처럼 이동하는 물체를 딛고 건너가는 형식의 점프맵이었습니다. 이동하는 물체는 스크립트로 위치를 조정해주면 쉽게 되는데, 그 위에 탈 수 있게 하는 것은 조금 더 복잡하더라구요. CFrame이 핵심이었던 것 같기도 하고~~~ 길 건너 친구들처럼 공중에서 떨어지지 않고 건너가는 맵을 만들 때 사용 할 수 있는 모듈을 만들어 봤어요. 여러가지 방식이 있는 것 같은데, 참고 한 방식은 두 개의 파트 사이에서 충돌하면 방향을 변경 해 주는 방식입니다. 두 개의 파트가 있어야 한다는 제약이 있지만, 달리 말하면 두 개의 파트 위치를 조정하면 직관적으로 수정이 용이하죠. 코드는 아래와 같습니다. 아직 초보라서 좀 이해 안되는 부분이 있긴한데, 언제고 이해 될 날이 오겠.. 2021. 1. 29.
kakao map 넣기 firebase로 web hosting을 알아보고, 이제 또 map을 알아보게 된 것은 아래 영상 때문입니다. 시각장애인을 위한 음향신호기에 대한 영상인데, 이걸 보고 나니 전국의 음향신호기를 전수검사 했으면 싶은 마음이 생기네요. 그래서, cloud sourcing을 할 수 있는 웹앱을 만들어 보면 어떨까해서 대충 지도 위에 뭔가 표시 할 수 있는 방법을 알아보게 되었습니다. www.youtube.com/watch?v=2YtqorTKD9c Code for Korea에서 진행 중인 프로젝트 중에 안심이 지도라는게 있는데, ansim.me/ 안심이 ansim.me 코로나 때문에 만들어진 지도인데, 아직은 그 프로젝트에 기여 할 만한 웹 배경 지식이 부족해서 우선 따로 한번 만들어 보려고 합니다. 또 한편,.. 2020. 12. 15.
Firebase로 web hosting Pilot project를 만들어서 온라인에서 써 보려면 어떤 형태로든 public에서 접근 가능한 곳이 있어야 하는데, 지속적인 서비스를 하지 않으면 이런 곳 섭외부터가 좀 부담이 됩니다. 최근에 github에 올린 코드가 그대로 hosting 되는 것을 확인했는데, 애초 목적이 그것이 아니라서 정적인 코드만 쓸 수 있다는 한계가 있었죠. 그런 문제로 자문을 구해 보니, firebase에서 web hosting이 된다는 것을 알 수 있었고, 조금 맛을 보니 꽤 좋은 것 같네요. 간단히 확인 한 내용 정리 해 둡니다. 이 내용의 포스트도 여기저기 많이 있으니 참고 하시면 됩니다. 저는 Firebase에서 준비 해 둔 내용을 보고 따라 해 봤습니다. https://firebase.google.com/doc.. 2020. 12. 12.
우리 사회를 걱정하는 코드 특공대, CodeForKorea 사람은 무엇을 위해서 생겼을까? 무엇을 위해 살아야 할까? 대학교 1학년 때 계속해서 스스로를 괴롭게 했던 질문입니다. 당시, 여러가지로 힘든 일도 많았던 이유가 있어서 더 궁금하기도 했지만, 여전히 속시원한 답은 알 수가 없답니다. 그럼에도, 지금 잘 살아가고 있는 것은, 어느 날 낮잠을 자다가 가위에 눌린 경험 덕분입니다. 가위에 눌린 상태로 꿈을 꿨는데, 몸이 어딘가로 빨려가고, 그 곳으로 가면 죽는다는 느낌이 들었습니다. 죽고 싶지 않고, 살고 싶다는 마음이 간절했습니다. 가위에서 풀리고 꿈을 깬 후, 살아있다는 사실이 감사했고, 삶의 의미는 계속 고민하되, 할 수 있는 한 알차게 채워나가는 것이 좋겠다 싶었습니다. 큰 전환점이 된 경험이죠. 자신의 존재 가치를 확인하고 싶은 욕구는 모든 사람에게.. 2020. 12. 12.
'따릉이' 사용 이력의 가시화 Project - 03. 서울지도 그리기와 대여소 현황 데이터 얻기 많은 분들께 참조가 되었던 아래 사이트의 내용을 잠시 살펴보겠습니다. https://www.lucypark.kr/blog/2015/06/24/seoul-matzip-mapping/ D3를 이용한 서울시내 맛집 시각화 (feat. 식신로드) - Lucy Park 이 글의 초안은 원래 지난 5월 초에 작성했는데, 바쁜 일들 처리하고, 메르스가 오고, 여차저차 하다보니 어느덧 6월 말이 되어버렸네요. 시의성을 위해서는 맛집 대신 다른 내용의 지도를 내보�� www.lucypark.kr 지금은 코로나가 난리인데, 메르스가 언급 되는 것을 보니 시간이 많이 흐른 것이 체감 되네요. 코로나도 빨리 지나가면 좋겠습니다. 1. 요약 [0단계] - D3.js와 TopoJSON을 이용해서 가시화 한다. [1단계] - 네이.. 2020. 8. 23.
'따릉이' 사용 이력의 가시화 Project - 02. D3.js로 서울 지도 그리기 검색을 해 보니 많은 분들이 정리 해 둔 자료가 많습니다. (나만 열심히 하면 되는???) 쫓기듯 조급하게 생각하지 말고, 즐기는 마음으로 천천히 해 보겠습니다. 1. 서울 지도 그리기 샘플 검색을 해서 서울 지도를 그리는 포스트를 하나 찾아봤습니다. 이 포스트 내용만 해도 아주 많은 내용을 담고 있고, 공부 할 것이 많아요. 다 알고 구현하려면 말이죠~ 그런데, 그렇게 하면 지치고 재미가 없어질 수 있으니까, 필요한 것만 가져다 쓰는 방식으로 한번 활용 해 보겠습니다. 올려두신 자료 잘 한번 써보겠습니다. (참고 사이트도 잘 정리 해 두셨어요.) http://blog.daum.net/l357next/9 d3.js로 만든 서울지도, 전국지도 d3.js로 만든 서울지도, 전국지도 마우스휠로 확대, 축소 가.. 2020. 8. 23.
'따릉이' 사용 이력의 가시화 Project - 01. 뭘 할까?? 최근에 Opentutorials/생활코딩/구글에서 진행한 인공지능 입문 교육에 참여 해 봤습니다. 강의를 다 듣고나니 뭐라도 당장 해 보고 싶은 마음이 막 솟구칩니다. https://www.opentutorials.org/course/4548 머신러닝1 - 생활코딩 www.opentutorials.org Opentutorials는 꽤 오래 전 부터 코딩을 아주 쉽게 설명 해 주는 강좌가 가득차 있어 온, 멋진 곳입니다. 참여 하시는 분들도 대단하시지만, 이 조직(?)을 이끌어 온 '이고잉'님의 정성이 이런 성과를 만들어 낸 것 같습니다. https://www.opentutorials.org/ opentutorials.org 오픈튜토리얼스 업데이트 www.opentutorials.org 뭔가 새로운 것을 .. 2020. 8. 22.
[opengl].[#2.GLSL] 02. Shader 사용 기반 코드 작성 Shader를 사용하기 위한 준비를 해 보겠습니다. 참고가 될 만한 Reference를 잠시 찾아봤는데, 옛 생각이 나서 예전에 많이 보던 사이트에 한번 가봤습니다. NeHe gamedev https://nehe.gamedev.net/ NeHe Productions - Everything OpenGL by gregsidelnikov, posted at May 7, 2017, 6:02 p.m. Actually, this post is not about how I made MK7 in OpenGL, but what the results were. I am currently porting it to WebGL as well. The level design geometry is so simple, that it.. 2020. 8. 9.
[opengl].[#2.GLSL] 01. OpenGL 1.1 기반의 랜더링 최신의 OpenGL과 Shader를 사용하기 위해 glew 연동까지 준비가 되었습니다. 1. 기본 랜더링 코드 이후에 진행 될 GLSL 기반의 랜더링과 비교를 용이하게 하기 위해, 1.1 기반의 랜더링에 조금 신경을 써보겠습니다. 삼각형 대신 glut에서 제공되는 주전자 그리기 기능으로 주전자를 그리고, 배경색이나 Depth 버퍼 초기화도 추가했습니다. void display() { //Clear glClearColor(0.0f, 0.0f, 0.0f, 1.0f); glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT); //Draw glColor3f(0.0f, 0.0f, 1.0f); glutSolidTeapot(0.5); glFinish(); } 2. 조명 효과 조명 효과.. 2020. 8. 9.
[opengl].[#1.Setup] Windows/VS2019/glut 기반의 셋업(3) - glew로 shader 사용 환경 구축 오랜만에 opengl을 다시 펼쳐보는 이유는, 모바일이나 웹에서 opengl을 다시 살펴 볼 일이 생겨서인데, 또 그러자니 PC기반에서 해 왔던 부분이 현재도 유효할까 궁금하고, 혹시 획기적으로 더 편리해진 부분은 없을까 궁금했습니다. 그런데, 새로운 변화보다 더 값진 것을 얻게 되는 것 같네요. 이전에 잘 모르고 했던 일들의 의미에 대해서 알게 되고, 심리적 부담이 되던 작업들을 이해하게 되면서 모르던 것이 조금 더 줄었다는 기쁨?? ^^ opengl에 대해서 세세하게 모든 것을 다시 다루는 것은, 경험 상 너무 힘든 일이고, 더구나 요즘 그런 코드를 직접 작성 할 경우도 많지 않아서 그 만한 가치도 없을 것 같습니다. 그래서, opengl에 대한 여러가지 내용은 생략하고, 웹이나 모바일에서 동일하게 .. 2020. 8. 8.
728x90
반응형

티스토리툴바