본문 바로가기

HTML5

자바스크립트와 캔버스 3번째 시간, 공튀기기 놀이 1. HTML 표준 CANVAS 기술 소개 / https://itadventure.tistory.com/130 2. 자바스크립트와 CANVAS 두번째시간. 캔바스에 눈을 내리자 / https://itadventure.tistory.com/131 ◐ 3. 자바스크립트와 캔버스 3번째 시간, 공튀기기 놀이 ◑ 매력덩어리 캔버스 3번째 시간입니다 :) 오늘은 공놀이를 할까 합니다. 떨어지는 공을 받아치며 벽돌을 깨뜨리는 게임을 해보신 적이 있다면 아주 친근하실텐데요. 벽돌까지는 안 나오고 공만 나옵니다.​ 사방이 꽉 막힌 공간이 있습니다. 그 속에서 하나의 공이 등장하며 여기저기를 떠돌아 다닙니다. 벽에 닿을때마다 반사되어 반대쪽으로 튀어다니긴 하지만 마찰력이 없기 때문에 튀어다니는 힘은 전혀 줄어듬이 없습니.. 더보기
자바스크립트와 CANVAS 두번째시간. 캔바스에 눈을 내리자 1. HTML 표준 CANVAS 기술 소개 / https://itadventure.tistory.com/130 ◐ 2. 자바스크립트와 CANVAS 두번째시간. 캔바스에 눈을 내리자 ◑ 어릴 때 오락실에서 비행기 게임을 해본 적이 있다면, 수많은 적의 비행기와 총탄들이 자연스럽게 동시에 움직이는 것을 볼 수 있는데요. ​ 크레이는 이제 평화주의인지라 전쟁과 관련된 것을 만들기는 싫고, 겨울에 내리는 눈송이들이 각각 속도와 크기, 속도(크기에 좌우됨) 등의 정보를 가지고 하늘에서 땅으로 떨어지는 장면을 묘사하려 합니다 :) 아래 URL에서 먼저 확인해보실 수 있습니다. http://dreamplan7.cafe24.com/canvas/cray02.php 캔바스 샘플#2 dreamplan7.cafe24.com .. 더보기
3차원 공간의 개념, 캔버스와 함께하는 자바스크립트, 14번째 시간 지난 시간에는 HTML 표준 기술 캔버스에서 자바스크립트를 이용하여 3차원 모양의 정육면체를 회전시켜보는 예제를 보았었습니다 :) ​https://blog.naver.com/ephraimdrlee/221570755838 3D세계의 창조, 캔버스와 함께하는 자바스크립트, 13번째 시간 3D세계의 창조, 캔버스와 함께하는 자바스크립트, 13번째 시간태 초에 하나님이 천지를 창조하시니라땅이 ... blog.naver.com 3차원 그래픽이란 무엇일까요? 현실 세계에서 사물들이 원근감 있게 보이듯이 컴퓨터 화면에서도 사물들이 원근감 있게 보이도록 장면을 구성하고, 그 결과를 컴퓨터가 뽑아내도록 하는 것입니다. ​ 보통은 3D 맥스나 마야, 블렌더와 같은 모델링 툴에서나 볼 수 있고, 그 결과를 3D 게임과 같은.. 더보기