Wallpaper Engine

Wallpaper Engine

114 ratings
Ouro Kronii-Styled Minimalist Clock
   
Award
Favorite
Favorited
Unfavorite
Miscellaneous: Customizable
Type: Web
Age Rating: Everyone
Genre: Anime
Resolution: Dynamic resolution
Category: Wallpaper
File Size
Posted
200.205 KB
Sep 24, 2021 @ 6:16am
1 Change Note ( view )

Subscribe to download
Ouro Kronii-Styled Minimalist Clock

Description
An analog & digital clock based on Ouro Kronii's headpiece! (Size may vary lol)
You could change the background color too if you wish

All assets were created by me and based off on her official character sheet
Feel free to leave comments or suggestions

I hope you enjoy the wallpaper!

(Might add more features soon if i figure out how to code it lmao)


Tags: Hololive, HoloCouncil, Ouro Kronii
11 Comments
Shibi Oct 5, 2024 @ 2:21am 
I absolutely love it!! ლ(╹◡╹ლ)

Maybe is too much to ask (because I don't have any idea of programming), could be great if the seconds dial moves continuously and smoothly, like non stop as a helicopter. hehe

Even tho, great work and nice to have a minimalist wallpaper but with a touch of Kronii. ✨
The Chainwalker  [author] Nov 28, 2021 @ 4:01pm 
i did try making a 12 hour version but i wasnt really sure how to code the toggle
Also im sorry about the bad code, its my first project
Rastaman™ Nov 28, 2021 @ 9:00am 
can you make a 12 hour clock version and i dont get how to use the code you made..
The Chainwalker  [author] Nov 26, 2021 @ 8:59pm 
i dont think ill be able to :/ im still rather unfamiliar with coding in general
Prinox Nov 26, 2021 @ 10:54am 
Would it be possible to make it compatible with the new mobile version?
The Chainwalker  [author] Oct 16, 2021 @ 11:56am 
if i ever figure out how to!
Midorieon Oct 16, 2021 @ 7:40am 
You should add Kronii's BGM to the background
cat 2 Sep 26, 2021 @ 1:48am 
sr i made a mistake in the math :)

should be like this

```

function initClock() {
var date = new Date
var hour = date.getHours() % 12; // 0 - 23
var minute = date.getMinutes();
var second = date.getSeconds();
let millisecond = date.getMilliseconds();

second += millisecond / 1000;
minute += second / 60;
hour += minute / 60;

var hourDeg = hour * 30;
var minuteDeg = minute * 6;
var secondDeg = second * 6;

hourhand.style.transform = 'rotate(' + hourDeg + 'deg)';
minutehand.style.transform = 'rotate(' + minuteDeg + 'deg)';
secondshand.style.transform = 'rotate(' + secondDeg + 'deg)';

setTimeout(initClock, 1)
};
```
The Chainwalker  [author] Sep 26, 2021 @ 12:00am 
Oh ill take note thanks!
cat 2 Sep 25, 2021 @ 10:32pm 
you can modify the initClock function so like this so it move continously

```
function initClock() {
var date = new Date
var hour = date.getHours() % 12; // 0 - 23
var minute = date.getMinutes();
var second = date.getSeconds();
let millisecond = date.getMilliseconds();

second += millisecond / 1000;
minute += second / 60;
hour += minute / 60;

var hourDeg = (hour * 30) + (0.5 * minute);
var minuteDeg = (minute * 6) + (0.1 * second);
var secondDeg = second * 6;

hourhand.style.transform = 'rotate(' + hourDeg + 'deg)';
minutehand.style.transform = 'rotate(' + minuteDeg + 'deg)';
secondshand.style.transform = 'rotate(' + secondDeg + 'deg)';

setTimeout(initClock, 1)
}
```