Why this project

Inspired by cloud air conditioning, I want to make a cloud hand warmer. The point is, my hand warmers really do warm hands!

Why warm your hands in summer?

Everyone’s office air conditioning temperature must be very low, at this time the cloud air conditioning is not important.

Why is that?

Cause we’re fucking cold!! Next door colleagues secretly set the air conditioning to 16 degrees Celsius…… You cover your legs with your bare blanket, your tender hands blowing mercilessly in the biting air conditioning. Can you stand that?

You’re socially terrified, and you don’t want to say another word to your co-workers just to turn up the heat. What can you do? You can’t wear gloves. So you don’t look like a pervert.

You need a hand warmer, but you can’t be seen using it. Right? That’s weird. It’s almost 40 degrees outside.

So Cloud Hand-warmer was born! It is small and even invisible, it anytime and anywhere warm your delicate jade hands!

Product advantage

  • Cloud-based, no need to carry, anytime, anywhere
  • Visual operation, appearance level generous beautiful lovely, simple operation
  • Heating process breathing design, warm into your heart
  • The maximum temperature is bound to the device, fully adaptive, the older the device, the better the effect, fully take care of the low-end market
  • Free, free forever!!

How to use

Cloud Address: Click enter warehouse address: click enter

Click the middle switch to start the hand warmer, and the up and down arrow to adjust the temperature. Left for file display, there are currently a total of eight stalls, if you are not confident about your computer, please throw a throw throw add files, otherwise all losses have nothing to do with me, ε=ε= old (゜ _ ゜ロ゜;) ┛

When the switch is opened, the ambient breathing light is on, and the left gear line shows the current gear, which can be adjusted by gear adjustment.

Click the switch again, the breathing light goes out, the file display goes out, and the hand warmer is turned off.

Beautiful idea

Remember when you were watching a video with the computer at B station under the quilt, the computer became hot after watching it for a few minutes. It was obvious that the heat dissipation of the computer was abnormal. Etc?? ! .

The cooling? Our tools dissipate heat? Why not make it warm enough to warm our shivering hands? See? That solves the above requirement, doesn’t it?

Our idea is to run the CPU full! Keep the computer hot! Warm the hands of our proletariat with capitalist computers!

Run with the CPU

It’s easy to run the CPU full with Javascript, we do it all the time in our daily work (not buggy boss, hands were really cold), but Javascript is blocking the runtime and the view layer can’t handle it. This can cause the page to crash: hand warmers start but can’t close……

This is definitely not going to work, so I use the Web Worker to do large numbers so that even though our CPU utilization is high, we can still stop the hand warmers and get the CPU back to normal.

const isStart = ref(false);
const worker = new Worker("main.js");
const nowLevel = ref(1);
const switchBtn = () = >{ isStart.value = ! isStart.value; worker.postMessage({isStart: isStart.value,
        level: nowLevel.value,
    });
};
Copy the code

In the main process, whether to start isStart and block level variables are passed to the child thread when the switch is switched.

self.addEventListener('message'.function (e) {
    const level = e.data.level || 1
    if (e.data.isStart) {
        startTimer(level)
    } else {
        stopTimer()
    }
}, false);

Copy the code

In work.js, listen for messages sent by the main thread, and when isStart is true, start the large number calculation timer to occupy CPU resources frantically.

Welcome to the warehouse: click to enter

Disclaimer that

  • Don’t call me if the motherboard burns.
  • Don’t call me until the page crashes
  • Is it warm? It’s over
  • What? You can’t feel the heat in the top gear? (Big brother, your computer is very good)
  • .