Wallpaper Engine: Build a minimal datetime wallpaper with JS

Name: Wallpaper Engine: Build a minimal datetime wallpaper with JS
Rating: 4.4 (27 reviews)

Learn how to build a minimalistic time and date live wallpaper for the Wallpaper Engine program.

Created byDino Numić

Last updated 11/2020

English

What you'll learn

Build a simple live wallpaper
A bit of HTML, CSS, JS

Course content

3 sections • 12 lectures • 44m total length

What is Wallpaper Engine?0:48
In this lecture, you will learn more about Wallpaper Engine. What it is and what you can do with it.
Watch this before enrolling in the course0:37
This is a very important lecture. You must watch this before enrolling in the course.
Who is this course for?0:45
In this lecture, I will briefly go over how this course is for and what to look for from this course.
How to get Wallpaper Engine?1:19
In this lecture, we will take a look at how to get Steam and Wallpaper Engine.

Installing IDE and creating our index file6:12
In this lecture, you will be introduced to Visual Studio Code and we will create our HTML file.
Adding Javascript tags3:42
In this lecture, we will add Javascript tags and explore some basic options.
Creating week days and months6:18
In this lecture, you will be introduced to variables and arrays. We will create days of the week and months.
Adding and exploring new Date() object4:04
In this lecture, we will create new date object and explore what we have on it.
Creating new get time function11:37
In this lecture, we will create a dedicated get time function that returns time in appropriate format.
Creating new get date function end introducing interval5:19
In this lecture, we will create a dedicated get date function and explore set interval method.
Applying our wallpaper and publishing to Steam Workshop3:36
In this lecture, we will finally use our wallpaper and publish it to the Steam workshop.

Last words and complete project
I want to congratulate you on completing this course. It's been a short but very sweet adventure.
I hope that you enjoyed the course. I certainly did, creating it. Leave feedback and tell me what you think.
You can find, attached to this lecture, the complete project that we built in this course. You can use it as a reference if you get stuck somewhere but don't cheat by skipping the course.
See you next time.

Requirements

You have to own Wallpaper Engine program
Steam Account

Description

In this course, you will learn a very simple thing. How to make a minimalistic time and date live wallpaper for the Wallpaper Engine program.

We will use HTML, CSS, and Javascript to achieve this mighty feast. It is a fun side project. You can learn some cool new stuff, especially if you never programmed before.

After finishing this short crash course, you will have some insight into how to start making your own custom live wallpapers for the Wallpaper Engine utilizing essential web technologies.

Please watch lectures 2 and 3 before enrolling in this course as it comes with a strong and limiting requirement!

Who this course is for:

Anyone wanting to create a wallpaper with JS in Wallpaper Engine

Wallpaper Engine: Build a minimal datetime wallpaper with JS

What you'll learn

Explore related topics

Course content

Introduction4 lectures • 3min

Creating our live wallpaper7 lectures • 41min

Last words1 lecture0

Requirements

Description

Who this course is for: