캔버스21 크레이의 IT탐구 개발글 링크 모음 이 게시글은 크레이가 취미로 다루었던 개발 관련 게시글 링크 모음입니다. ( 참고로 크레이 전문 분야는 PHP / DB 백앤드 파트입니다. ) 필요하신 분들에게도 도움이 되시길, 크레이도 참고하려 정리하였습니다. 글이 여기 저기 분산되어 찾아 보기 어려워 틈틈히 게시글들을 한군데 정리하기로 하였습니다! Node.js, 자바스크립트와 캔버스, 가상세계 산사VR(세컨드라이프2), 코드이그나이터4, 라라벨프레임워크 도전기, 네이버API 연동, 유니티3D 게시글이 정리되어 있습니다. # PHP8, 윈도우에서 해보기 리눅스가 낮설어 가까이 하기 어려운 PHP 인가요? 내 컴퓨터 윈도우에서 PHP8을 작동해 보세요. 윈도우에 PHP 8 설치 + MYSQL 연결 예제 ( APM 설치 - 2023. 9. 1기준) ht.. 2023. 1. 28. 철창속에 갇힌 가여운 고양이의 운명은? ( 자바스크립트 캔버스 ) 화면 아무 곳이나 클릭해 주세요. 좀 더 기능을 붙여서 소스 공개 예정입니다 :) HTML 삽입 미리보기할 수 없는 소스 아무것도 안보이시면 여쪽으로 => http://dreamplan7.cafe24.com/canvas7/canvas3.htm 방문해주시는 모든 분들께 늘 감사드립니다. 재미있으셨다면 공감 한방, 댓글은 굿잡! 감사합니다~ 2022. 3. 31. 캔버스와 함께하는 자바스크립트, 13번째 시간 - 3D세계의 창조 1. HTML 표준 CANVAS 기술 소개 / https://itadventure.tistory.com/130 2. 자바스크립트와 CANVAS 두번째시간. 캔바스에 눈을 내리자 / https://itadventure.tistory.com/131 3. 자바스크립트와 캔버스 3번째 시간, 공튀기기 놀이 / https://itadventure.tistory.com/132 4. 자바스크립트와 캔버스 4번째 시간, 마우스의 파동을 느껴봐! | https://itadventure.tistory.com/133 5. 자바스크립트와 캔버스, 테트리스를 만들어봐-1 | https://itadventure.tistory.com/136 6. 자바스크립트와 캔버스, 테트리스를 만들어봐-2 | https://itadventure.. 2019. 10. 2. 자바스크립트와 캔버스 12, 테트리스를 만들어봐-Final 1. HTML 표준 CANVAS 기술 소개 / https://itadventure.tistory.com/130 2. 자바스크립트와 CANVAS 두번째시간. 캔바스에 눈을 내리자 / https://itadventure.tistory.com/131 3. 자바스크립트와 캔버스 3번째 시간, 공튀기기 놀이 / https://itadventure.tistory.com/132 4. 자바스크립트와 캔버스 4번째 시간, 마우스의 파동을 느껴봐! | https://itadventure.tistory.com/133 5. 자바스크립트와 캔버스, 테트리스를 만들어봐-1 | https://itadventure.tistory.com/136 6. 자바스크립트와 캔버스, 테트리스를 만들어봐-2 | https://itadventure.. 2019. 10. 2. 자바스크립트와 캔버스 11, 테트리스를 만들어봐-7 1. HTML 표준 CANVAS 기술 소개 / https://itadventure.tistory.com/130 2. 자바스크립트와 CANVAS 두번째시간. 캔바스에 눈을 내리자 / https://itadventure.tistory.com/131 3. 자바스크립트와 캔버스 3번째 시간, 공튀기기 놀이 / https://itadventure.tistory.com/132 4. 자바스크립트와 캔버스 4번째 시간, 마우스의 파동을 느껴봐! | https://itadventure.tistory.com/133 5. 자바스크립트와 캔버스, 테트리스를 만들어봐-1 | https://itadventure.tistory.com/136 6. 자바스크립트와 캔버스, 테트리스를 만들어봐-2 | https://itadventure.. 2019. 10. 2. 자바스크립트와 캔버스 9, 테트리스를 만들어봐-5 1. HTML 표준 CANVAS 기술 소개 / https://itadventure.tistory.com/130 2. 자바스크립트와 CANVAS 두번째시간. 캔바스에 눈을 내리자 / https://itadventure.tistory.com/131 3. 자바스크립트와 캔버스 3번째 시간, 공튀기기 놀이 / https://itadventure.tistory.com/132 4. 자바스크립트와 캔버스 4번째 시간, 마우스의 파동을 느껴봐! | https://itadventure.tistory.com/133 5. 자바스크립트와 캔버스, 테트리스를 만들어봐-1 | https://itadventure.tistory.com/136 6. 자바스크립트와 캔버스, 테트리스를 만들어봐-2 | https://itadventure.. 2019. 9. 28. 자바스크립트와 캔버스 8, 테트리스를 만들어봐-4 1. HTML 표준 CANVAS 기술 소개 / https://itadventure.tistory.com/130 2. 자바스크립트와 CANVAS 두번째시간. 캔바스에 눈을 내리자 / https://itadventure.tistory.com/131 3. 자바스크립트와 캔버스 3번째 시간, 공튀기기 놀이 / https://itadventure.tistory.com/132 4. 자바스크립트와 캔버스 4번째 시간, 마우스의 파동을 느껴봐! | https://itadventure.tistory.com/133 5. 자바스크립트와 캔버스, 테트리스를 만들어봐-1 | https://itadventure.tistory.com/136 6. 자바스크립트와 캔버스, 테트리스를 만들어봐-2 | https://itadventure.. 2019. 9. 27. 자바스크립트와 캔버스 6, 테트리스를 만들어봐-2 1. HTML 표준 CANVAS 기술 소개 / https://itadventure.tistory.com/130 2. 자바스크립트와 CANVAS 두번째시간. 캔바스에 눈을 내리자 / https://itadventure.tistory.com/131 3. 자바스크립트와 캔버스 3번째 시간, 공튀기기 놀이 / https://itadventure.tistory.com/132 4. 자바스크립트와 캔버스 4번째 시간, 마우스의 파동을 느껴봐! | https://itadventure.tistory.com/133 5. 자바스크립트와 캔버스, 테트리스를 만들어봐-1 | https://itadventure.tistory.com/136 ◐ 6. 자바스크립트와 캔버스, 테트리스를 만들어봐-2 ◑ 지난 시간에는 20행 10열의 .. 2019. 9. 24. 자바스크립트와 캔버스 3번째 시간, 공튀기기 놀이 1. HTML 표준 CANVAS 기술 소개 / https://itadventure.tistory.com/130 2. 자바스크립트와 CANVAS 두번째시간. 캔바스에 눈을 내리자 / https://itadventure.tistory.com/131 ◐ 3. 자바스크립트와 캔버스 3번째 시간, 공튀기기 놀이 ◑ 매력덩어리 캔버스 3번째 시간입니다 :) 오늘은 공놀이를 할까 합니다. 떨어지는 공을 받아치며 벽돌을 깨뜨리는 게임을 해보신 적이 있다면 아주 친근하실텐데요. 벽돌까지는 안 나오고 공만 나옵니다. 사방이 꽉 막힌 공간이 있습니다. 그 속에서 하나의 공이 등장하며 여기저기를 떠돌아 다닙니다. 벽에 닿을때마다 반사되어 반대쪽으로 튀어다니긴 하지만 마찰력이 없기 때문에 튀어다니는 힘은 전혀 줄어듬이 없습니.. 2019. 9. 21. HTML 표준 CANVAS 기술 소개 HTML 표준 CANVAS 기술 소개 오늘은 HTML 표준으로 채택되어 요즈음에는 대부분의 브라우저에서 지원하는 캔버스에 대해 살펴보도록 하겠습니다 :) 캔버스란 HTML 기술중 아직은 그리 널리 퍼지지 않은 매력덩어리 기술인데요. 이 기술이 매력덩어리인 이유는 바로 웹에서 자유로운 GUI(그래픽 유저 인터페이스)를 지원하는 기술이기도 하기 때문입니다. 아쉽지만, 이 페이지는 간단한 웹페이지를 구성하여 꾸미는 정도는 이해하시는 선에서 출발합니다. 그리고 IE8에서는 실행이 안됩니다. 최소 IE9 버전은 되어야 하며, 크롬브라우저의 경우 버전 관계없이 대부분 실행이 됩니다. 먼저 크레이가 준비한 소스를 보도록 하실까요? Canvas is not supported. 이 소스를 웹페이지에서 실행하시면, 구.. 2019. 9. 20. 3차원 웹, 클론? 복제! - 28번째 시간 three.js 버전이 변경되어 소스가 일부 수정되었습니다 ( 2020. 4. 12 ) 작동 소스는 본문과 다소 상이할 수 있습니다. http://dreamplan7.cafe24.com/canvas2/three016.html 세계적으로 생물의 복제는 사회적, 윤리적 문제를 유발하고 있습니다. 심지어 인간복제까지도 이미 실현화되어 실용화한 사례도 있다고 하니 놀라운 일이 아닐 수 없습니다. https://www.youtube.com/watch?v=iDcLznQLPg8&t=329s 한국에도 한차례 복제열풍이 있었지요. 바로 '황우석 박사'의 논문 사기 논란이었습니다. 당시 논문은 조작으로 드러나 확실히 문제가 있었고 줄기세포 연구 자체도 사기로 판명이 났었지만 웬지 그 모든 것이 사기라고 하기에는 석연치.. 2019. 7. 26. 3차원 웹, 오우~ 돌핀! - 27번째 시간 three.js 버전이 변경되어 소스가 일부 수정되었습니다(2020. 4. 12) 본문과 다소 상이할 수 있으며 작동 소스는 아래에서 확인 가능합니다. http://dreamplan7.cafe24.com/canvas2/three015.html 돌고래는 인간 친화적인 동물로 알려져 있습니다. 우선 친근한 그 미소부터가 마음에 들지 않습니까? 크레이처럼 말이죠 :) 3차원 웹 가상 공간의 바닷가에 이 친근한 돌고래를 출현시켜보고 싶긴 하지만 아직 크레이의 실력으로는 블렌더로 이런 동물을 모델링할 정도는 안됩니다. 그래서 생각해낸 것이 있습니다. 바로 무료 3D 모델이지요 :) 그런게 있나요? 물론 있습니다. 어디 있냐구요? 여기 있지요. https://free3d.com 무료 3D 모델 - Fre.. 2019. 7. 23. 이전 1 2 다음
