코드라이언 - 새로운 프로젝트 만들기 brandpage라는 새로운 레일즈 프로젝트 만들기 1.rails new brandpage --skip-bundle(--skip-bundle은 bundle isntall을 스킵해주는 명령어. 어차피 나중에 다시 하게됨) 2.cd brandpage 3.gemfile 수정 gem 'therubyracer' 활성화 4.bundle install 5.git init 후 .gitignore에 *.swp 추가 6.rails s로 실행포트 있으면 rails s -p 3000 더보기 [threejs] material MeshBasicMaterial Three.js의 기본 material. 지오메트리에 간단한 색상을 부여하거나 지오메트리의 와이어프레임을 보여줄 때 쓸 수 있다. MeshDepthMaterial 카메라로부터의 거리로 메시의 색상을 결정할 떄 사용하는 material MeshNormalMaterial 일반 벡터의 표면 색상에 기반을 둔 간단한 material MeshFaceMaterial 지오메트리의 각각의 면에 고유한 물질을 지정할 수 있도록 해주는 컨테이너 MeshLambertMaterial 빛을 받아 반짝이지 않는 객체를 생성할 때 사용하는 material MeshPhongMaterial 빛을 받아 반짝이는 객체를 생성할 떄 사용하는 meterial ShaderMaterial 꼭지점의 위치와 픽셀 색.. 더보기 [three.js] light THREE.AmbientLight 기본 광원 장면에 있는 객체의 현재 색상에 빛의 색상이 더해진다. THREE.PointLight 한 점에서 모든 방향으로 확산되는 빛. 그림자X THREE.SpotLight 램프나 등 역할. 그림자O THREE.DirectionLight =infinit light. 태양광의 광선과 비슷. 그림자O THREE.HemisphereLight 표면 반사나 희미한 하늘을 흉내내어 자연스러운 외부광을 만드는데 사용. 그림자X THREE.AreaLight 공간에서 한 지점 대신 빛을 발산하는 공간을 지정. 그림자X THREE.LensFlare 광원은 아니지만, 렌즈 플레어 효과를 냄 THREE.AmbientLightTHREE.AmbientLight를 생성하면 색상이 전체에 적용된다... 더보기 [three.js] camera THREE.PerspectiveCamera(fov, aspect, near, far, zoom) var camera = new THREE.PerspectiveCamera(45, window.innerWith/window.innerHeight, 0.1, 1000); fov field of view. 카메라의 시야각을 의미한다. 카메라의 위치에 따라 보여지는 장면이다. 좋은 기본값은 50 (게임은60-90 사이) aspect 렌더링할 화면의 종횡비. far 카메라에서 볼 수 있는 거리 정의. 이 값을 너무 작게 설정하면 장면의 일부가 렌더링되지 않을 것이고, 너무 크게하면 렌더링 성능에 영향을 미칠 수 있다. 좋은 기본 값은 1000 zoom 장면을 줌인/줌아웃할 수 있도록 해준다. 1보다 작으면 줌아웃, .. 더보기 [three.js] scene, camera, renderer var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(45, window.innerWidth/window.innerHeight, 0.1, 1000); var renderer = new THREE.WebGLRenderer(); scene 객체는 렌더링할 모든 객체와 사용할 모든 광원을 저장하는 데 쓰이는 컨테이너다.camera객체는 장면을 렌더링했을 때 어떻게 보여질 것인지를 정의한다.renderer객체는 scene객체가 camera객체의 각도에 따라 브라우저에서 어떻게 보이는지 산출하는 역할을 담당한다. renderer.setClearColorHex(); renderer.setClearColor(new THREE.Color(0xE.. 더보기 이전 1 ··· 7 8 9 10 11 12 13 ··· 33 다음