air-conditinoner-vue v0.0.1

The idea of the project comes from Yunyou Jun, is built with VUE3 + VITE + TS, without any UI framework, no extra style resources, and only 84kb after packaging.

Cloud air conditioning, portable small air conditioning, #VUE3 #VITE #TS | AnZhiyu

• Bare metalmain: https://loquacious-bienenstitch-58539b.netlify.app/n
• Model room: https://anzhiy.cn/air-conditioner/

Features

Advantages

• 🕐 Turn on the air conditioner any time and anywhere
• 📱 Portable
• 🔋 Low power consumption（Drawn with HTML CSS instead of Canvas）
• 🔊 Noise is negligible
• 🎮 Easy to use
• 🔧 Swift installation

Limitations

• 💨 Wind not included

Installation

iframe

<iframe height="740" src="https://loquacious-bienenstitch-58539b.netlify.app/"></iframe>

Quickly install an air conditioner on your website.

Sample Room：Air conditioned room

Dev

# Development preview
npm run dev

# Build project
npm run build
# ./build

Todo

• Air Conditioner
  • Energy Label
  • Temperature Range（16-31˚C）
  • Wind css
  • Sound Effects
    • Buttons
    • Running sound
    • Import more sounds from 喜马拉雅
• Follow system color schemes

Ref

• Numbers font: Digital 7，Free for personal use
• Working sounds of the AC: Air Extractor Fan | freesound