본문 바로가기

캔버스

3차원 웹, 하늘과 바다를 만들어 봐, 캔버스와 함께하는 자바스크립트, 20번째 시간 three.js 버전이 변경되어 이전 소스가 작동이 안될 겁니다. 수정 버전을 맨 마지막에 추가로 수록하였으니 참조해 주세요 ( 2020. 4. 12 ) https://youtu.be/ZNrmBoMf0YE 하나님이 이르시되 "물 가운데에 궁창이 있어 물과 물로 나뉘라" 하시고 하나님이 궁창을 만드사 궁창 아래의 물과 궁창 위의 물로 나뉘게 하시니 그대로 되니라 하나님이 궁창을 하늘이라 부르시니라 저녁이 되고 아침이 되니 이는 둘째 날이니라 성서의 창세기 1장, 지구를 창조하신 하나님께서 두번째 날에 행하신 일로 기록됩니다. "물 가운데 궁창이 있어 물과 물로 나뉘라!" 궁창(穹蒼)은 '푸른 하늘'이라는 한자어입니다. ​ 영어 성경 킹제임스 버전에서도, 다음과 같이 말씀하시지요. ​ Let there be.. 더보기
3차원 웹, 그림같은 집을 지어요, 캔버스와 함께하는 자바스크립트, 19번째 시간 three.js 버전이 변경되어 이전의 소스가 실행이 안될겁니다. 작동되도록 소스를 개조하였으며 맨 마지막에 수정된 소스를 수록하였습니다. ( 2020. 4. 12 ) 내용이 꽤 변경되었으니 관련 내용에 대한 강좌는 차후 기회되는대로 다시 새롭게 시작하는 것으로 하겠습니다. 미리보기 http://dreamplan7.cafe24.com/canvas/three007.php 3차원 캔바스 예제 1 dreamplan7.cafe24.com 지난 강좌까지는 단순한 상자를 가지고 계속 작업을 했습니다만, 오늘부터는 블렌더에서 직접 모델링한 미니 장난감 집을 띄워보는 시간을 갖도록 하겠습니다 :) ​ 집모양을 블렌더에서 만드는 부분은 사실 스크립트의 강좌내용을 벗어나는 부분이라서 집을 만드는 부분은 여기서는 다루지 않.. 더보기
3차원 웹, 빛과 그림자, 캔버스와 함께하는 자바스크립트, 18번째 시간 "빛이 있는 곳에는 어두움도 있다." ​ 천국을 제외한 이 세상은 아직도 빛과 어두움이 공존한다고 생각됩니다 :) 거꾸로 생각하자면 어두움이 있기에 빛이 더욱 밝게 보이기도 하지요. ​ 성서에서도 예수님께서는 빛으로 어두운 세상에 오셨다고 말씀하십니다. 성서 요한복음 1장에서는 아래와 같이 말씀하십니다. 참빛 곧 세상에 와서 각 사람에게 비취는 빛이 있었나니 그가 세상에 계셨으며 세상은 그로 말미암아 지은바 되었으되 세상이 그를 알지 못하였고 자기 땅에 오매 자기 백성이 영접지 아니하였으나 영접하는 자 곧 그 이름을 믿는 자들에게는 하나님의 자녀가 되는 권세를 주셨으니 이는 혈통으로나 육정으로나 사람의 뜻으로 나지 아니하고 오직 하나님께로서 난 자들이니라 성서에 나오는 이 참빛은 바로 예수님이십니다. 이.. 더보기
3차원 웹, 이미지를 부르다, 캔버스와 함께하는 자바스크립트, 15번째 시간 ※ 2020. 8. 4 : 크로스 도메인 이슈로 크레이의 웹서버에서 이미지를 불러오지 못하는 이슈가 수정되었습니다. 지난 시간에는 canvas 에서 3차원 공간의 개념에 대해 다루어 보았었지요? 그리고 예제 하나를 구경해보았었습니다. https://itadventure.tistory.com/45 3차원 공간의 개념, 캔버스와 함께하는 자바스크립트, 14번째 시간 지난 시간에는 HTML 표준 기술 캔버스에서 자바스크립트를 이용하여 3차원 모양의 정육면체를 회전시켜보는 예제를 보았었습니다 :) ​https://blog.naver.com/ephraimdrlee/221570755838 3D세계의 창조, 캔버스와.. itadventure.tistory.com 이번시간에는 물체의 좌표와 카메라 제어에 대해 살펴볼텐.. 더보기
3차원 공간의 개념, 캔버스와 함께하는 자바스크립트, 14번째 시간 지난 시간에는 HTML 표준 기술 캔버스에서 자바스크립트를 이용하여 3차원 모양의 정육면체를 회전시켜보는 예제를 보았었습니다 :) ​https://blog.naver.com/ephraimdrlee/221570755838 3D세계의 창조, 캔버스와 함께하는 자바스크립트, 13번째 시간 3D세계의 창조, 캔버스와 함께하는 자바스크립트, 13번째 시간태 초에 하나님이 천지를 창조하시니라땅이 ... blog.naver.com 3차원 그래픽이란 무엇일까요? 현실 세계에서 사물들이 원근감 있게 보이듯이 컴퓨터 화면에서도 사물들이 원근감 있게 보이도록 장면을 구성하고, 그 결과를 컴퓨터가 뽑아내도록 하는 것입니다. ​ 보통은 3D 맥스나 마야, 블렌더와 같은 모델링 툴에서나 볼 수 있고, 그 결과를 3D 게임과 같은.. 더보기