首頁 > 開發者 > JavaScript
最近破事比較多，好久沒來這裡寫異想天開的玩意了。不過今天早上倒是想到個很有趣的東東，所以花了半小時簡單的琢磨了會，順便寫點分享下。
天氣涼的時候，或者凍手凍腳的時候~ 於是這熱乎乎的筆記本正好成了烘手的利器：）
美中不足的是，平時不想它熱的時候，風扇總是忽忽的轉不停。現在真想讓它熱，倒是不給力了。
解決辦法也很簡單，掛個3D遊戲在那，特效全開，不熱也不行。不過這樣很是佔用系統資源，不如自己簡單的打造個“取暖器”！
電腦裡發熱最大的硬體無非就是CPU和顯卡了。讓這兩個硬體不停的工作，風扇不狂轉都不行~
本打算用vc的寫個簡單的消耗CPU和GPU的小程式，不過像我這樣的jsfans，任何問題都會遐想一下：在web裡也能不能實現？結果當然是肯定滴！
現在的瀏覽器都支援GPU硬體加速了，不如直接用js來實現吧~ 僅僅幾行代碼就可以搞定！
代碼非常簡單，就是不停的渲染圖片。經過一番精簡，乾脆把圖片也去掉了，直接用一空白的canvas代替。反正我們的目的不是美觀，僅僅是讓硬體工作，發熱！
想試試就點這裡：http://www.etherdream.com/FunnyScript/GPUHeater.html （最好用 ie9）
複製代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>Heater</title>
</head>
<body>
Heating...
<canvas id="p" width="512" height="512" style="position:absolute; left:-999px; top:-999px"></canvas>
<canvas id="p2" width="512" height="512" style="position:absolute; left:-999px; top:-999px"></canvas>
<script>
var ctx = document.getElementById('p').getContext('2d');
var src = document.getElementById('p2');
setInterval(function() {
for(var i=0; i<1000; i++)
ctx.drawImage(src, 0, 0);
}, 16);
</script>
</body>
</html>
起先只有40度，不一會兒溫度就開始飆升。由於是整合顯卡，而且筆記本硬體挨得比較近，所以溫度都算到CPU裡了。。。
當然啦，我們還可以使用Worker建立多線程，然後執行密集運算，充分消耗CPU資源~
不過“取暖”的同時，為了不影響其他程式的運行，所以這裡就不浪費CPU了。
就到談到這吧。上述代碼僅在ie9最理想運行。
目前還是有不少瀏覽器不支援HTML5以及Worker線程的，為了能讓這“線上取暖器”更相容，下回有空再做個flash版本的，使用stage3D加速GPU，以及非同步Shader消耗100%的CPU。。。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
