>  기사  >  웹 프론트엔드  >  그래픽 카드 가속을 사용하여 노트북을 히터로 쉽게 바꿔보세요! _자바스크립트 기술

그래픽 카드 가속을 사용하여 노트북을 히터로 쉽게 바꿔보세요! _자바스크립트 기술

WBOY
WBOY원래의
2016-05-16 17:36:432165검색

최근에 많은 일이 있었고, 오랫동안 엉뚱한 일에 대해 글을 쓰려고 여기에 오지 않았습니다. 그런데 오늘 아침에 아주 흥미로운 일이 생각나서 30분 동안 그것에 대해 간략하게 생각해보고 공유할 글을 썼습니다.

날씨가 추울 때, 손발이 차가울 때~ 그래서 이 따뜻한 수첩은 손을 말리는 데 딱 좋은 도구가 됩니다 :)

유일한 단점은 더운거 싫을 때 항상 팬이 계속 돌고 있다는 점이에요. 이제 정말 따뜻하게 만들고 싶지만 그럴 수 없습니다.

해결 방법도 매우 간단합니다. 거기에 3D 게임을 걸고, 뜨겁지 않아도 특수 효과를 켜면 작동하지 않습니다. 그러나 이것은 많은 시스템 리소스를 차지하므로 단순히 "히터"를 직접 만드는 것이 좋습니다!

컴퓨터에서 가장 인기 있는 하드웨어는 CPU와 그래픽 카드입니다. 팬이 격렬하게 회전하지 않더라도 이 두 하드웨어가 쉬지 않고 작동하도록 해주세요~
원래는 vc를 사용하여 CPU와 GPU를 소비하는 간단한 작은 프로그램을 작성하려고 계획했지만 저와 같은 jsfan으로서 어떤 문제라도 생각해 볼 것입니다. 웹에서도 구현할 수 있습니까? 결과는 물론 긍정적입니다!
요즘 브라우저는 GPU 하드웨어 가속을 지원하는데, 그냥 js로 구현하면 어떨까요~ 코드 몇 줄이면 가능해요!

코드는 매우 간단합니다. 이미지를 계속 렌더링하는 것뿐입니다. 약간의 합리화 작업을 마친 후 간단히 이미지를 제거하고 빈 캔버스로 직접 교체했습니다. 어쨌든, 우리의 목적은 아름답게 보이는 것이 아니라 단지 하드웨어를 작동시키고 열을 발생시키는 것입니다!

사용해보고 싶다면 여기를 클릭하세요: http://www.etherdream.com/FunnyScript/GPUHeater.html (ie9를 사용하는 것이 가장 좋습니다)


코드 복사 코드는 다음과 같습니다.




히터


가열.. .

< ;canvas id ="p2" width="512" height="512" style="position:absolute; left:-999px; top:-999px">
<script><br>var ctx = document.getElementById('p').getContext('2d');<br>var src = document.getElementById('p2'); <div class="cnblogs_code"> <p>setInterval(function() {<br> for(var i=0; i ctx.drawImage(src, 0, 0);<br>}, 16);<br> </script>




좋아, 코드는 충분히 간단하지만 작동합니다. 팬이 윙윙거리기 시작했습니다. .
IE9에서는 예상대로 정확하게 실행됩니다. CPU 사용량은 1% 미만이고 페이지가 최소화된 경우에도 페이지가 계속 렌더링됩니다. 생성되는 구체적인 열량은 Lu 마스터가 결정해야 합니다.

처음에는 40도에 불과했는데, 곧 기온이 치솟기 시작했습니다. 통합 그래픽 카드이고 노트북 하드웨어가 상대적으로 서로 가깝기 때문에 온도가 CPU로 계산됩니다. . .



물론 Worker를 사용하여 여러 스레드를 만든 다음 집약적인 작업을 수행하여 CPU 리소스를 완전히 소비할 수도 있습니다~
그러나 "워밍"하는 동안 다른 프로그램 실행에 영향을 미치므로 여기서 CPU가 낭비되지 않습니다.
지금은 그게 다입니다. 위 코드는 IE9에서만 최적으로 실행됩니다.
현재 HTML5와 Worker 스레드를 지원하지 않는 브라우저가 여전히 많습니다. 이 "온라인 히터"의 호환성을 높이기 위해 다음에 시간이 나면 stage3D를 사용하여 GPU를 가속화하고 플래시 버전을 만들겠습니다. 비동기 셰이더 소비. . .

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:offsetTop 및 offsetLeft 값을 가져오는 Node.js 코드 ​​​​(호환)_javascript 기술다음 기사:offsetTop 및 offsetLeft 값을 가져오는 Node.js 코드 ​​​​(호환)_javascript 기술

관련 기사

더보기