본문으로 바로가기

랜덤 로우폴리 배경화면 입니다.

페이지가 새로고침 될 때마다 새로운 로우폴리 색상과 패턴이 나타납니다.


페이지 새로고침



<script src="//cdnjs.cloudflare.com/ajax/libs/trianglify/0.1.5/trianglify.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.min.js"></script>
<script type="text/javascript">
var rn = Math.floor((Math.random() * 150) + 60);
var rs = Math.floor((Math.random() * 11) + 4);
	var t = new Trianglify({
 x_gradient: Trianglify.colorbrewer.Spectral[rs],
    noiseIntensity: 0,
    cellsize: rn
});
var pattern = t.generate(window.innerWidth, window.innerWidth+200);
document.body.setAttribute('style', 'background-image: '+pattern.dataUrl);
</script>
</body>

스킨 HTML 편집에서 </body>위에 붙여넣기 하면 됩니다.


PC화면에서만 적용 되게 하려면 

if (window.matchMedia('(min-width: 992px)').matches){ ... };

위 해당 코드를 사용해 아래처럼 감싸 주면 됩니다.