알레폰드의 테크 이모저모

=====================================================================     출처: http://cinema4dr12.tistory.com/773[WebGL] Multiple Cameras 이번 예제에서는 화면을 2분할 하고 우측 화면에는 가상 카메라의 움직임을, 좌측 화면에는 가상 카메라를 통해 입력되는 영상을 표시한다. [Download Project] FULL SCREEN  [Operations]W: Move forwardS: Move backwardQ: Move to the leftE: Move to the rightA: Rotate to the leftD: Rotate to the right[main.js]// MAIN // standard..

================================= ================================= ================================= 출처: http://cinema4dr12.tistory.com/765 [WebGL] Web-Cam으로 화면 출력하기 이번 예제는 Web-Cam을 통해 화면을 웹 페이지에 띄우는 예제이다. Web-Cam이 없는 경우 화면이 나오지 않으며, "웹캠을 허용하시겠습니까?"라는 메시지가 나올 경우 허용해야만 Web-Cam을 통해 화면이 출력됨에 유의하기 바란다. [Download Project] FULL SCREEN ================================= ================================..

=====================================================================   출처: http://cinema4dr12.tistory.com/288 [대표적인 WebGL 프레임웍들과 특징들]현재 나와있는 WebGL 프레임웍과 엔진은 실로 종류가 다양하다.이러한 프레임웍 및 엔진들의 특징을 간단히 요약해 보았다.EnchantJS - HTML5/JavaScript 기반 엔진 / Object Direction, Asynchronous Processing, Plugin Expansion, visual Material 등과 같은 기능 제공Imapct - JavaScript 게임엔진Crafty - 작은 규모의 JavaScript 게임엔진 / 충돌 감지, 스프라이트 ..

=====================================================================   출처: https://blog.pigno.se/post/131780373668/threejs%EC%99%80-webgl Three.js를 들어본적이 있는가? 아니면 WebGL을 아는지 묻고싶다. WebGL부터 설명하자면 3D 랜더링을 위한 일반 개발환경의 OpenGL의 ES 2.0을 바탕으로 웹에서 구동 할 수 있게 제공한 기술이다. 물론 WebGL은 브라우저마다 사용이 되는 것도 있고 불가한 브라우저도 존재한다.http://caniuse.com/#feat=webgl 주소를 들어가 보면 WebGL을 지원하는 브라우저 목록을 확인할 수 있는데 인터넷 익스플로러 같은 경우 11버전..

================================= ================================= ================================= 출처: https://webglfundamentals.org/webgl/lessons/webgl-3d-camera.html WebGL 3D - Cameras This post is a continuation of a series of posts about WebGL. The first started with fundamentals and the previous was about 3D perspective projection. If you haven't read those please view them first. In the..

=====================================================================      출처: https://okky.kr/article/312629 개발한 웹 사이트가 있습니다.근데 이 웹사이트는 무조건 크롬에서 F11누른것과 동일하게 전체화면으로만 열려있어야 합니다.. 근데 특정pc에서만  실행이 되는 웹사이트라서 이렇게 개발하려고 하니 제일 편한 방법이 크롬 exe 바로가기를 만든 다음에속성 -> 대상에 "chrome.exe 뒤에 -kiosk 웹페이지 주소" 이렇게 설정을 하면크롬이 열릴때마다 전체화면으로 열린다고 하더라구요.. 출처 : http://monkeychoi.blog.me/60129834813  입니다 근데 위 출처에 작성자님 말대로 해보니까..

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// MS브라우져 edge 에서 ES6,7 모듈 import 테스트시 주소 리로드시 로드가 잘 안된다면 아래와 같이 코드를 넣어주세요~! 출처: http://d2.naver.com/helloworld/2809766 ECMAScript의 브라우저 구현2015년 6월에 ECMAScript의 6번째 명세인 ECMAScript 2015(이하 ES6)가 발표됐고, 7번째 명세인 ECMAScript 2016(이..

================================= ================================= ================================= 출처: http://www.html5rocks.com/en/tutorials/casestudies/gopherwoord-studios-resizing-html5-games/ Introduction In the summer of 2010, we created Sand Trap, a game that we entered in a competition on HTML5 games for mobile phones. But most mobile phones either displayed only part of the game or ma..

================================= ================================= ================================= 출처: http://chanlee.github.io/2013/12/10/understand-javascript-closure/ 자바스크립트 클로저 쉽게 이해하기 Posted on 2013-12-10 | In javascript | 클로저(Closure)는 프로그래머가 창조적이고 인상적이며 간결한 프로그래밍을 할 수 있게 해줍니다. 클로저는 빈번하게 사용되며 자바스크립트 스킬과 관계없이 자주 마주치게 될 것입니다. 물론, 지금 당장 클로저는 복잡해 보일 수 있습니다만, 이 글을 읽고 클로저에 대해 이해하게 된다면 자바스크립트 ..

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 출처: http://www.sqler.com/402253 안녕하세요? 이번엔 HTML 5 의 File API 를 살펴보려 합니다. 이젠 Web Application 으로 사용자 PC 의 파일을 건드릴 수 있습니다. File API 로 요... 이젠 훨씬 더 많은 일들을 할 수 있겠죠? 엄청나다고 생각하지 않으신가요? 20-1. File API Interface File interfa..