rocksdanister / weather

Windows native weather app powered by DirectX12 animations

Lively Weather

Contents

• About
• Features
• Download
• Building

About

hero.mp4

Windows native weather app powered by DirectX12 animations.

Features

100% Native

startup.mp4

• Native UWP app powered by DX12, Win2D.
• Fast startup and small install size.
• Fluent inspired clean design.

Desktop First

window.mp4

• Desktop first design and features.
• Snow and other weather particles that move with inertia when window is moved.
• Subtle weather pause animation when window out of focus.

Weather Forecast

demo.mp4

• Weekly weather and air quality forecast.
• Switch between multiple weather sources.
• Pin forecast for upto 5 locations.

White Noise

white_noise.mp4

• Relax with weather white noise sound effects that dynamically changes with the visual.
• Select custom sound in screensaver mode and use it as white noise app.

Fun

screensaver.mp4

• Create your own weather in screensaver mode!
• Create depth background effects using AI.
• Fullscreen mode.

Download

https://apps.microsoft.com/store/detail/9PP0MFQFVSC5

Building

Instructions for building the application can be found here.

weather's Issues

401 Unauthorized error when switching OpenWeatherMap

Day selector alignment is broken in some systems

Colored Gradient for AQ and UV graph

It would be nice if the graph here followed the same gradient as the AQ/UV gradient to visually show the differences
AQ

UV

Frame rate control

Some effects can be run at lower fps (say 24fps) without much noticeable difference thereby reducing resource usage.

Ref:
https://github.com/Sergio0694/ComputeSharp/blob/main/src/ComputeSharp.UI/IFrameRequestQueue.cs

Weather sound

Play weather sounds.

• By default sounds will be turned off.
• To avoid increasing install size maybe download sound during runtime?
• Try to sync lightning sound with shader effect.

Sound sources
https://freesound.org
https://pixabay.com/sound-effects/search/rain%20loop/

Demo

sound_d1.mp4

FR: Utilize the app BG as Windows live wallpaper

Would be a great option to enhance Windows desktop with current weather animation.

Can you set current state to your wallpaper?

I am an active user of Lively Wallpaper, and I am curious can I make the weather appear as my animation to screen instead of wallpaper? Will this feature be added? I am really curious because the animation is so good.

Issue when resizing

Description
Started happening after updating to latest 546.01 or hotfix 546.08 driver from Nvidia.

Steps to reproduce

1. Open any UWP application (Example: Lively Weather or Ambie.)
2. Increase window size.

System information
OS: Windows 11 22H2 Build 22621.2506
GPU: RTX 3070
RAM: 64GB
CPU: Intel i7 12700F

Video

repro.mp4

Screenshots

Other
The same issue can be reproduced on other UWP apps like Ambie.

More weather providers

Right now Open-Meteo and OpenWeatherMap weather providers are supported.

Weather client implementation is abstracted.
More providers can be added by creating new client implementation.

The weather data is processed as detailed here.

PR's are welcome.

Background image suggestion

The application will include many backgrounds and switch between them at random based on weather.
Here you can suggest background images for the weather. The images will be blurred to reduce runtime cost of blurring and better storage compression.

Format
Comment in the following format:

[Image Link]
Weather: Rain, Snow, Fog, Clear (mouse parallax depth effect.)

Do not upload any images here directly!😅

Sources for image
Image has to have compatible license with attribution being the only requirement, use the following places to find image:
https://www.pexels.com
https://make.wordpress.org/themes/handbook/review/resources/#recommended-websites-for-images

Additional context
Users can select any image file in the screensaver/playground mode but this is not true for the rest of the app (for now.)

Unit Measure - Support Uk units

In the Uk it is common for us to use a hybrid units,

• temperature Celsius
• Speed MPH

Can you add this for UK, sorry we are strange with different metrics :D

Search animated icon is glitching

ApplicationFrameHost_Vz4Xpu6Rqm.mp4

Tiles not centered

Discussed in #33

^{Originally posted by xCloudx091 November 7, 2023}
Hello there,
if been using your Software for a while now and wanna say thx for all the amazing things you create.
But now with this Weather App I gotta ask... did you create it just to make me suffer? xD Ever since I adjusted the Window size just a tiny bit, the info boxes where never centered ever again. The space left and right are specially the things that drive me nuts xD
Had to get it out there, Iam still thankfull for this app and anything else you create. Gonna attache a Screenshot of this madness.

Enable post code location search

Im trying to search for my location but there are multiple places in my country with the same name, searching for a post code would make this significantly easier.

for example, i have to search xxx, england, uk
and there are multiple places with that name - i dont know which one to select

seaching for AB12 3CD would be much quicker easier

Only one value in graph

[Feature Request] Add option for non-shifting wallpaper

I'd like to be able to turn off wallpaper shifting that happens due to mouse movement. It makes me a bit dizzy:))

Enable trimming

From Default.rd.xml remove:
<Assembly Name="Application" Dynamic="Required All" />

Have to rewrite using DI source generator:
CommunityToolkit/Labs-Windows#463

Other MSBuild options you can set in your .csproj/.props to save size:

<DisableStackTraceMetadata>true</DisableStackTraceMetadata>
<DisableExceptionMessages>true</DisableExceptionMessages>

First one should save ~8% of binary size
Second one can save a few hundred KBs
(this is all per CPU arch)

Clear the weather cache after update

Since the fetch code and data can change to avoid unexpected behavior clear the weather disk cache on startup after every update.

Ref:
https://learn.microsoft.com/en-us/dotnet/api/communitytoolkit.winui.helpers.systeminformation.isappupdated?view=win-comm-toolkit-dotnet-7.0#communitytoolkit-winui-helpers-systeminformation-isappupdated

Air Quality and other parameters for background animation

Currently only the WMO Code is used to select animated background.
The original plan was to change animation based on temperature, air quality, windspeed etc.. multiple parameters.

Implementation
This is a huge undertaking and every background shader will need its own custom parameter.
Overlaying the effect maybe easier but it will not look as good in my opinion.
Look into this and try to avoid confusion/crowding the UI with many effects.. suggestions are welcome.

Example
For example in the following scenario black fog can be added to indicate AQI:

Show amount of precipitation

How mutch snow/rain will fall on that day is not showen.

Fetch weather periodically

Right now weather is only updated on launch, it will be better to periodically (say every 1hr) to update weather while application is open.

Ref:
https://learn.microsoft.com/en-us/windows/uwp/launch-resume/create-and-register-an-inproc-background-task

A connection to the server could not be established

Occurs with new install.
Pi-Hole shows the requests are going through

Hourly temperature graph enhancements

Concept 1:

Animated weather icon for each hour.

Concept 2:

Animated weather icon for a region (single icon centered if same condition across hours) with different color shade for each region.

Displays wrong temperature

This morning the app claims the temp is 74F but in reality it is about 58F. I think it may be using the predicted temperature and is having a timezone issue.

Transition to Win2D (ComputeSharp.D2D1)

Transition from IPixelShader to Win2D (ComputeSharp.D2D1)

Advantages:

• More performance.
• Works in DX11 and older GPU.
• Framerate control.
• Fixes some Fullscreen related bug.

Option to disable Acrylic background effect on graphs and other information cards

Hi There,
An option to disable the acrylic effect on cards which show weather and other related information could be useful for a lot of people using PCs with very low specs (like me) as it taxes the iGPU a lot even though it has no problem in rendering the directx 12 backgrounds.
This can be verified by going to the screensaver page and checking the gpu usage.
Thanks

401 Unauthorized error when switching OpenWeatherMap

I tried using OpenWeatherMap by creating an account and obtaining an API key. Once the information was entered, Lively Weather will not accept any information in the search box. Entering a single digit or letter results in a error. I have attached a screen shot of the error. Here is the text of the error:
Lively Weather (Beta)

45.56467°N 117.92617°W|

X C

0

X

Error

System.Net.Http.HttpRequestException: Response status code does not indicate success: 401 (Unauthorized).
at System.Net.Http.HttpResponseMessage.EnsureSuccessStatusCode() + 0xa0
at Drizzle.Weather.OpenWeatherMapWeatherClient .< GetGeocodingDataAsync>d_25.MoveNext() + 0x1a5
--- End of stack trace from previous location where exception was thrown ---
at System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw() + 0x21
at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task) + 0x70
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task) + 0x38
at System.Runtime.CompilerServices.TaskAwaiter.ValidateEnd(Task) + 0x17
at Drizzle.Weather.OpenWeatherMapWeatherClient .< GetLocationDataAsync>d_19.MoveNext() + 0x1b4
--- End of stack trace from previous location where exception was thrown ---
at System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw() + 0x21
at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task) + 0x70
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task) + 0x38
at System.Runtime.CompilerServices.TaskAwaiter.ValidateEnd(Task) + 0x17
at Drizzle.UI.UWP.ViewModels.ShellViewModel .< FetchLocations>d_81.MoveNext() + 0x10b

Learn More

X

Add a location to get started.

Request: add option to change background and or customize Data tiles to different locations

please add option to change background and or customize Data tiles to different locations.

Scrolling "feels" weird

Scrolling shouldn't stop just below the bottom tabs, it should go a bit further down so it would be more natural :)) Maybe add some text saying the api that is used :))

Provide builds here on GitHub

Start providing build here on GitHub, like you do with 'Lively'!

Thanks

allow NOAA as a weather source

Please allow this website as a source of weather data: https://www.weather.gov/
it allows a user to enter a set of coordinates and predicts weather for an area of about one mile. I have been using this forecast method for years and find it the most accurate source. Most other sources obtain the forecast from NOAA but interpret it.... incorrectly. Open-metro apparently does the same. The results it indicates for my area (only as close as the zip code) are off by quite a bit from actual.

Thank you!
Keshka Kotera
Summerville, Oregon

Live tile and lockscreen support

Ref:
https://learn.microsoft.com/en-us/windows/apps/design/shell/tiles-and-notifications/create-adaptive-tiles
https://learn.microsoft.com/en-us/windows/uwp/launch-resume/update-a-live-tile-from-a-background-task
https://learn.microsoft.com/en-us/uwp/schemas/appxpackage/uapmanifestschema/element-uap-lockscreen

[Feature Request] Add light theme and responsive ui

1. System aware theme: light theme for the app.
2. In the minimum width, two columns view could be one column. Currently the content crank up together while resizing the app into portrait view.

Keep up the good work btw.

Use NOAA / NWS for severe weather alerts

Display severe weather alerts for a location as a banner and allow the user to click more info for the full blurb from the NWS. Almost every weather app has this for good reason. It saves lives. Heatwaves, Tornados, Blizzards, the list goes on. Some additional icons to get the user's attention couldn't hurt. Would require NWS/NOAA API

Multiple monitors issue

On my main monitor, it looks fantastic, https://i.imgur.com/AgcjgnS.png
When I move the window to my left monitor, the whole thing slides off the screen and leaves me with a dark screen https://i.imgur.com/juijNj9.png
Moving it to my right monitor (i have 3 monitors), it works fine, so its only the left one that has a problem.

This is the Overcast background, if that helps. I haven't tested with any others.

Local time display

From twitter user:

Your app is looking better and better! Could I suggest adding the time for each location? I have a few cities where some friends live and it would be nice to know what time it is. This info could be displayed on top of each page and also on the left list so as to compare. Thanks!

Windows 11 widget support

Create Windows 11 weather widget.

Ref:
https://learn.microsoft.com/en-us/windows/apps/develop/widgets/implement-widget-provider-cs
https://learn.microsoft.com/en-us/samples/microsoft/windowsappsdk-samples/widgets/

Fix dark border on clouds

Night Backgrounds and Moon instead of sun when night

Just like any other weather app, having it be sunny at 3AM is kinda silly, Some moon icons that maybe even reflect the cycle of the moon would be nice

Linux App

Hi the Windows app looks awesome, any scope for creating one for Linux desktop ?

When will it be released to the public?

When will it be released to the public?

Desktop widget

You can create a widget that will appear on the desktop as an extension of the application?
Thanks

Can't add location

When I put my location in the search for a place bar and enter it nothing happens. I restarted my computer and it still doesnt work.

Support for Arduino/ESP32 temperature sensors

Not required for the first release, but it can be useful to be able to read data from temperature sensors instead of weather from a specific location, this allows for having a local weather station that can be readable from the app.

Might also need to instruct people to use specific Arduino code to make the development process for this easier. Code you can find online for reading sensor data is too variable, so you may want one standard for the app.

Compared to a weather service this might be missing a lot of built in data such as predicting weather conditions, rain etc.

Resources

UWP Arduino sample for reading using serial

https://learn.microsoft.com/en-us/uwp/api/windows.devices.serialcommunication?view=winrt-22621

No certificate found with the supplied thumbprint: F466A3D48EC9E164B60856CC2E3630CB1B2E43AA

When building I get one sole error:

1>C:\Program Files\Microsoft Visual Studio\2022\Preview\MSBuild\Microsoft\VisualStudio\v17.0\AppxPackage\Microsoft.AppXPackage.Targets(875,5): error : No certificate found with the supplied thumbprint: F466A3D48EC9E164B60856CC2E3630CB1B2E43AA

If I find an answer later I will post the fix.

Detect my location

Thank you for making this weather app, it's so much better than the MSN one. The only feature I miss is automatic detection of current location. I often travel between multiple cities in my country, and I have a laptop so it would be easier to just detect my location.

Thank you in advance!

Pressure in inches of Hg?

Please add an option to show Barometric Pressure in inches of mercury.
I do love the time-based Pressure graph!

Complete daily insights

• Give a summary for the day.
• Maximum value for the day with advice (protection from UV etc..)
• Localize the strings.

Transparent Wallpaper

Hey there! I just made this account to make this post. Your work is excellent!

I seen your update about working on a wallpaper (rocksdanister/lively#2087). I think it would be nice to add only the effects to your existing wallpaper. Similar to your customizable rain wallpaper (where you can choose your own image)- only this would be simply a transparent overlay over your existing wallpaper.

Example: someone uses a slideshow background, cycling through different landscapes.

Don't worry about detecting depth, simple is good sometimes. I like a static wallpaper (in the sense that it doesn't move with my mouse.)

Switch SunCard to 24hr time format

Got this email from user:

Hi!
I really like your beta of Lively Weather.
But the "sun" dial would be really much better if it had 24-hours support.
Many people in the northern Europe (Norway here) use english language but the country has 24-hour clocks and does not use AM/PM.