Home > Web Front-end > JS Tutorial > Use graphics card acceleration to easily turn your laptop into a heater! _javascript skills

Use graphics card acceleration to easily turn your laptop into a heater! _javascript skills

WBOY
Release: 2016-05-16 17:36:43
Original
2231 people have browsed it

There has been a lot of trouble recently, and I haven’t come here to write about whimsical things for a long time. However, I thought of something very interesting this morning, so I spent half an hour thinking about it briefly and wrote something to share.

When the weather is cold, or when your hands and feet are cold~ So this warm notebook becomes a perfect tool for drying your hands:)

The only drawback is that when I don’t want it to be hot, the fan always keeps spinning. Now I really want to make it warm, but I can’t.

The solution is also very simple. Hang a 3D game there and turn on the special effects. It won’t work even if it’s not hot. However, this takes up a lot of system resources, so it is better to simply create a "heater" yourself!

The hottest hardware in a computer is the CPU and graphics card. Let these two pieces of hardware work non-stop, even if the fans are not spinning wildly~
I originally planned to use vc to write a simple small program that consumes the CPU and GPU, but as a jsfan like me, I will think about any problem: Can it also be implemented on the web? The result is of course positive!
Nowadays browsers support GPU hardware acceleration, why not just use js to implement it~ It can be done with just a few lines of code!

The code is very simple, it just keeps rendering images. After some streamlining, I simply removed the image and replaced it directly with a blank canvas. Anyway, our purpose is not to look beautiful, it is just to make the hardware work and generate heat!

If you want to try it, click here: http://www.etherdream.com/FunnyScript/GPUHeater.html (It is best to use ie9)


Copy code The code is as follows:




Heater


Heating...


<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<1000; i )<BR> ctx.drawImage(src, 0, 0);<BR>}, 16);<BR> </script>




Okay, simple enough code, but it works, The fan started whirring.
On IE9, it runs exactly as expected: the CPU usage is less than 1%, and the page is still rendering even when it is minimized. The specific amount of heat generated has to be decided by the Lu master.

It was only 40 degrees at first, and soon the temperature started to soar. Since it is an integrated graphics card and the laptop hardware is relatively close to each other, the temperature is calculated into the CPU. . .



Of course, we can also use Worker to create multiple threads, and then perform intensive operations, fully consuming CPU resources~
However, while "warming", in order not to affect other programs Run, so no CPU is wasted here.
That’s it for now. The above code only runs optimally in IE9.
Currently, there are still many browsers that do not support HTML5 and Worker threads. In order to make this "online heater" more compatible, I will make a flash version next time I have time, using stage3D to accelerate the GPU and asynchronous Shader consumption. 100% CPU. . .

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template