알레폰드의 테크 이모저모

================================= ================================= ================================= 출처: http://stemkoski.github.io/Three.js/ Three.js Examples The goal of this collection is to provide a set of basic and instructive examples that introduce the various features in Three.js. The source code for each page contains detailed comments. Hosted at GitHub. Total examples: 83. Last updat..

================================= ================================= ================================= 출처: http://cafe.naver.com/appleii/13820 한글 위키피디아 애플2 잠깐 보러 갔다가 못보던 링크가 있는 것 같아서 가 보았습니다. 아~ 멋집니다. http://porkrind.org/a2/ 아직은 개발단계인지 사운드도 안나오긴 하지만 화면 한가득 애플 모니터 화면에, 그것도 주변광이 약간 반사되는 듯한 효과까지, 마치 진짜 애플 모니터 보고있는 듯한 느낌? 업로드되어 있는 게임도 꽤 되고 앞으로의 개선이 많이 기대됩니다. 그래픽 카드에 따라서 WebGL 지원하고 안하는 것이 있나봅니다. WebGL..

================================= ================================= ================================= WebGL 에서 굵은 선을 나타낸 매쉬를 이용하려고 "LineBasicMaterial"의 "lineWidth" 을 이용하려고 하는데 대략 코드는 이렇다. let obj3DMeBG = new THREE.Object3D(); var materialBG = new THREE.LineBasicMaterial( { color: 0xaaff0f, opacity:1, linewidth:5 } ); var line = new THREE.Line(geometry, materialBG); objMeBG.add(line); 하지만 "lineWi..

=====================================================================      WebGL의 라이브러리 Three.js의 자바스크립트 ES6이상 버전의 모듈화 방식으로 사용해 보겠다 모듈화방식: ES6 버전이상 자바스크립트에서 모듈화한 export 된 코드를 다른 JS파일에서 import해서 쓰는 방식이다. 참고:- https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/import - https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/export Three 사이트: https://threejs..

=====================================================================     출처: http://bl.ocks.org/MAKIO135/eab7b74e85ed2be48eeb index.html#    =====================================================================   출처: https://threejs.org/docs/#manual/introduction/Creating-text Creating textThere are often times when you might need to use text in your three.js application - here are a coup..

=====================================================================    Workshop 라이브러리: http://workshop.chromeexperiments.com/      =====================================================================    codepen 코드 디자인: https://codepen.io/ WebGL, Three, CSS, CSS3D 등등 각종 Html 소스 망라      =====================================================================

=====================================================================   dat.GUI 사이트:  https://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage  소스 라이브러리 github: https://github.com/dataarts/dat.gui     =====================================================================

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Three 사이트: https://threejs.org/ ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

================================= ================================= ================================= 출처: https://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage 1. Basic Usage With very little code, dat.GUI creates an interface that you can use to modify variables. The property must be public, i.e. defined by this.prop = value dat.GUI determines controller type based on a property's..

================================= ================================= ================================= 출처: https://stackoverflow.com/questions/55677/how-do-i-get-the-coordinates-of-a-mouse-click-on-a-canvas-element ThreeJS r77 var x = event.offsetX == undefined ? event.layerX : event.offsetX; var y = event.offsetY == undefined ? event.layerY : event.offsetY; mouse2D.x = ( x / renderer.domElement...