https://www.meta.com/fi/ai-glasses/

Edut: 

• Tyylikäs Ray-Ban-design sulautuu arkeen huomaamattomasti.

• Meta AI tarjoaa reaaliaikaista ympäristön analyysiä (esim. "Look and Ask") ja kielenkäännöstä (englanti–espanja-italia-ranska). Suomi ei ole tiedossa.

• 12 MP kamera, livestriimaus ja viisi mikrofonia parantavat multimedia- ja viestintäkokemusta.

Haasteet: 

• Meta AI ei ole vielä täysin saatavilla EU:ssa (rajoitettu testausvaihe).

• Akunkesto (4–6 tuntia aktiivisessa käytössä) voi rajoittaa pitkiä sessioita.

• Yksityisyyshuolet kameran ja mikrofonien vuoksi.

Käyttökohteet: 

• Sosiaalinen media (kuvien ja videoiden jakaminen).

• Matkustaminen (käännökset, nähtävyystiedot).

• Arki (handsfree-puhelut, musiikki).

Suomessa Silmäasema myy Ray Ban älylaseja ja niitä voi käydä kokeilemassa heidän liikkeissään. Itse pidin niistä ja mm. musiikin kuuntelu sujui vaivatta.

https://www.silmaasema.fi/artikkeli/ray-ban-meta.html

https://www.evenrealities.com/smart-glasses

Even Realities G2 ovat kevyet, tyylikkäät älylasit, jotka näyttävät tavallisilta silmälaseilta, mutta tarjoavat huomaamattoman AR-näytön (augmented reality) ja tekoälypohjaisia toimintoja. Ne käyttävät mikro-LED-projektoreita ja "diffraktiivisia" aaltojohtimia linssien sisällä näyttääkseen tietoa "kelluvana tilallisena näyttönä" käyttäjän näkökentässä. Lasit eivät sisällä kameroita tai kaiuttimia, mikä korostaa yksityisyyttä ja tekee niistä kevyemmät (36 g) verrattuna kilpailijoihin. Ne tukevat reseptilaseja (-12–+12 diopteria) ja yhdistyvät älypuhelimeen. Lasit lanseerattiin marraskuussa 2025

Edut: 

• Innovatiivinen HAO™-linssiteknologia tuo selkeää digitaalista sisältöä ilman AR-lasien perinteistä "sumuisuutta".

• IP65-säänkestävyys, jopa 2 päivän akunkesto (plus latauskotelo), ohuemmat sangat ja automaattinen kirkkaudensäätö estävät silmien rasitusta

• Perplexity AI -avustaja vastaa kysymyksiin reaaliajassa.

• Tukee 33 kieltä, mukaan lukien suomi

• Kevyt ja tyylikäs muotoilu sopii jokapäiväiseen käyttöön.

Haasteet: 

• Kehitysvaiheessa oleva tuote, joten tarkat tiedot ominaisuuksista ja luotettavuudesta ovat rajallisia.

• Ei kameraa, mikä rajoittaa visuaalista AI-analyysiä.

• Riippuvaisuus puhelimesta

• Rajallinen partneriverkosto Suomessa, lähin on Ruotsissa.

Käyttökohteet: 

• Tuottavuus (reaaliaikaiset tiedot ja muistutukset).

• Koulutus (lisätieto ympäristöstä).

• Minimalistinen AR-kokemus ilman immersiivisyyttä.

https://blog.google/products/android/android-xr/

Edut: 

• Googlen Gemini-tekoäly tuo kehittyneitä ominaisuuksia, kuten QR-tunnistuksen ja eleohjauksen.

• Kevyt rakenne (n. 50 g) parantaa mukavuutta.

• Integraatio Samsung-ekosysteemiin (Galaxy-puhelimet ym.).

Haasteet: 

• Vielä julkaisematon, joten tiedot perustuvat huhuihin – luotettavuus epävarma.

• Kilpailu Metan ja muiden vakiintuneiden toimijoiden kanssa.

• Akunkesto ja hinnoittelu ovat arvoituksia.

Käyttökohteet: 

• Arki (navigointi, viestintä).

• Teknologiaharrastajat (uudet AI-ominaisuudet).

• Koulutus (interaktiiviset oppimiskokemukset).

Kuvaus

Kun liikutat hiirtä sivulla, tausta vaihtaa väriä pehmeästi hiiren sijainnin perusteella. Efekti käyttää HSL-värimallia, joten se pysyy harmonisena ja hillittynä. Labs: Mouse Color Shift: Liikuta hiirtä ja katso taustan muuttuvan! [väriä vaihtava alue vieressä ja koodi alla]

Tyyli: html

<!-- Labs-osio HTML -->
<div id="color-shift">
<p>Mouse Color Shift - Liikuta hiirtä!</p>
</div>
<!-- CSS -->
<style>

  #color-shift {
    padding: 20px;
    text-align: center;
    min-height: 100px; /* Voit säätää kokoa */
    transition: background-color 0.3s ease; /* Pehmeä siirtymä */

  }

</style>
<!-- JavaScript -->
<script>

  const area = document.getElementById('color-shift');
  document.addEventListener('mousemove', (event) => {
    const x = event.clientX / window.innerWidth; // Hiiren X-sijainti (0-1)
    const y = event.clientY / window.innerHeight; // Hiiren Y-sijainti (0-1)

    // HSL-väri: sävy (hue) muuttuu X:n mukaan, kylläisyys ja kirkkaus Y:n mukaan

    const hue = Math.floor(x * 360); // 0-360 astetta
    const saturation = Math.floor(y * 100); // 0-100%
    const lightness = 50; // Kiinteä kirkkaus, voit säätää
    area.style.backgroundColor = `hsl(${hue}, ${saturation}%, ${lightness}%)`;

  });

</script>

Kuvaus

Kello näyttää paikallisen ajan ja päivittyy joka sekunti JavaScriptin avulla. Se on selkeä ja yksinkertainen, ilman turhia koristeita.

Koodi: html

<!-- Labs-osio HTML -->
<div id="clock">
  <p>Real-Time Clock</p>
  <span id="time"></span>
</div>
<!-- CSS -->
<style>
  #clock {
    padding: 20px;
    text-align: center;
  }
  #time {
    font-family: monospace; /* Selkeä, minimalistinen fontti */
    font-size: 1.5em; /* Säädä kokoa tarpeen mukaan */
  }
</style>
<!-- JavaScript -->
<script>
  function updateClock() {
    const now = new Date();
    const hours = String(now.getHours()).padStart(2, '0'); // 2 numeroa, esim. "09"
    const minutes = String(now.getMinutes()).padStart(2, '0');
    const seconds = String(now.getSeconds()).padStart(2, '0');
    const timeString = `${hours}:${minutes}:${seconds}`;    document.getElementById('time').textContent = timeString;
  }
  // Päivitä kello heti ja sitten joka sekunti
  updateClock();
  setInterval(updateClock, 1000);
</script>