랜덤 로우폴리 배경화면 입니다.
페이지가 새로고침 될 때마다 새로운 로우폴리 색상과 패턴이 나타납니다.
<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){
... };
위 해당 코드를 사용해 아래처럼 감싸 주면 됩니다.