본문 바로가기
웹기술/웹자료및기술

three.js 알아보자..

by IOT장난감 2018. 8. 11.



웹브라우져에서 3d그래픽을 하고자 할때 쓴다.





웹기반 그래픽 라이브러리 webgl 이 자바스크립트라면

three.js는 제이쿼리 정도라고 이해하면 될것 같다.



webgl 홈페이지 : https://www.khronos.org/webgl/

three.js 홈페이지 : https://threejs.org



이미 다앙햔 예시 사이트 들이 올라와 있다...

꽤 흥미로운 사이트를 만들수 있다.



three.js 첫 문서 뼈대


<!DOCTYPE html>

<html>

<head>

<meta charset=utf-8>

<title>My first three.js app</title>

<style>

body { margin: 0; }

canvas { width: 100%; height: 100% }

</style>

</head>

<body>

<script src="js/three.js"></script>

<script>

// Our Javascript will go here.

</script>

</body>

</html>


실제 구현하려면 꽤 이것저것 공부해야한다.